.achievements-page {
	--achievement-ink: #302c26;
	--achievement-muted: #756f64;
	background: #e8e1d6;
	color: var(--achievement-ink);
}

.achievements-banner { isolation: isolate; color: var(--light); }
.achievements-banner .banner-overlay { background: rgba(14, 14, 13, .6); }
.achievements-banner-note {
	position: absolute;
	left: var(--side-space);
	right: var(--side-space);
	bottom: 27px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	font-size: 9px;
	letter-spacing: .16em;
	color: rgba(255, 255, 255, .65);
}

.achievements-intro {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: clamp(50px, 8vw, 150px);
	padding: clamp(80px, 8vw, 140px) var(--side-space);
}
.achievements-intro .section-label { margin-bottom: 32px; }
.achievements-intro h2 {
	margin: 0;
	font-size: clamp(42px, 4.5vw, 78px);
	line-height: 1.04;
	font-weight: 300;
	letter-spacing: -.06em;
}
.achievements-intro-copy { padding-top: 44px; }
.achievements-intro-copy > p { margin: 0; max-width: 560px; color: var(--achievement-muted); font-size: 15px; line-height: 1.85; }
.achievements-jump { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 38px; }
.achievements-jump > a { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; padding: 0 24px; border-left: 1px solid #c8bfb1; color: inherit; text-decoration: none; }
.achievements-jump > a:first-child { padding-left: 0; border-left: 0; }
.achievements-jump strong { font-size: 46px; font-weight: 300; letter-spacing: -.06em; line-height: 1; }
.achievements-jump > a > i { font-size: 34px; line-height: 46px; font-weight: 900; }
.achievements-jump span { display: flex; align-items: center; gap: 22px; font-size: 11px; }
.achievements-jump span i { font-size: 10px; transition: transform .25s ease; }
.achievements-jump a:hover span i { transform: translateY(4px); }
.achievements-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
.achievements-page section[id] { scroll-margin-top: 60px; }

.achievements-seminars {
	display: grid;
	grid-template-columns: .75fr 1.5fr;
	align-items: start;
	gap: clamp(50px, 8vw, 150px);
	margin: 0 var(--side-space);
	padding: 70px 0 clamp(85px, 8vw, 140px);
	border-top: 1px solid #c8bfb1;
}
.achievements-section-heading .section-label { margin-bottom: 28px; }
.achievements-section-heading h2 { margin: 0; font-size: clamp(36px, 3.2vw, 58px); line-height: 1.08; font-weight: 300; letter-spacing: -.05em; }
.achievements-section-heading > p { margin: 28px 0; color: var(--achievement-muted); font-size: 13px; line-height: 1.8; }
.achievements-seminars > .achievements-section-heading { position: sticky; top: 80px; }
.achievements-years { display: inline-block; margin-top: 20px; padding: 10px 17px; border: 1px solid #c8bfb1; border-radius: 30px; font-size: 11px; letter-spacing: .1em; }
.seminar-list-label { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #b8ae9d; font-size: 9px; letter-spacing: .15em; color: var(--achievement-muted); }
.seminar-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 0; border-bottom: 1px solid #ccc3b6; transition: padding .25s ease, background .25s ease; }
.seminar-row:hover { padding-right: 16px; padding-left: 16px; background: rgba(255, 255, 255, .2); }
.seminar-row h3 { margin: 0; font-size: clamp(18px, 1.5vw, 26px); font-weight: 400; letter-spacing: -.04em; }
.seminar-row p { margin: 7px 0 0; font-size: 12px; color: var(--achievement-muted); }
.seminar-place { flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; text-align: right; }
.seminar-place time { font-size: 15px; font-variant-numeric: tabular-nums; }
.seminar-place span { font-size: 11px; color: var(--achievement-muted); }

.achievements-workshops { padding: clamp(80px, 8vw, 140px) var(--side-space); background: #242521; color: #ece6dc; }
.workshops-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; margin-bottom: 58px; }
.workshops-heading > p { margin: 0; max-width: 370px; color: #aaa99d; font-size: 13px; line-height: 1.85; }
.workshop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #505048; border-left: 1px solid #505048; }
.workshop-card { position: relative; display: flex; flex-direction: column; min-height: 260px; padding: clamp(24px, 2.5vw, 44px); border-right: 1px solid #505048; border-bottom: 1px solid #505048; transition: background .3s ease; }
.workshop-card:hover { background: #30322b; }
.workshop-card-top { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 45px; color: #adac9f; font-size: 10px; letter-spacing: .1em; }
.workshop-card-top > span:first-child { color: #c1b499; }
.workshop-card h3 { max-width: 310px; margin: 0 0 25px; font-size: clamp(23px, 1.8vw, 32px); font-weight: 300; letter-spacing: -.035em; line-height: 1.2; }
.workshop-card > p { margin: auto 0 0; padding-top: 6px; font-size: 12px; color: #aaa99d; }

.achievements-certificates { padding: clamp(80px, 8vw, 140px) var(--side-space); }
.achievements-certificates .workshops-heading > p { color: var(--achievement-muted); }
.certificates-empty { position: relative; isolation: isolate; display: flex; align-items: center; gap: clamp(35px, 5vw, 90px); min-height: 300px; padding: 52px clamp(30px, 5vw, 90px); border: 1px solid #c8bfb1; overflow: hidden; }
.certificates-seal { display: grid; place-items: center; flex-shrink: 0; width: 112px; height: 112px; border: 1px solid #b3a58e; border-radius: 50%; outline: 1px solid #c8bfb1; outline-offset: 10px; color: #8d806a; font-size: 42px; }
.certificates-empty .section-label { margin-bottom: 22px; color: var(--achievement-muted); font-size: 9px; }
.certificates-empty h3 { margin: 0; font-size: clamp(30px, 3vw, 48px); line-height: 1.1; font-weight: 300; letter-spacing: -.045em; }
.certificates-empty p { margin: 22px 0 0; color: var(--achievement-muted); font-size: 12px; }
.certificates-monogram { position: absolute; z-index: -1; right: 4%; bottom: -50px; color: #ded5c7; font-size: 340px; font-weight: 300; line-height: 1; }
.certificate-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 32px 20px; }
.certificate-card a { color: inherit; text-decoration: none; }
.certificate-preview { position: relative; display: grid; place-items: center; aspect-ratio: 1; padding: 20px; background: #dcd3c5; overflow: hidden; transition: transform .4s ease, box-shadow .4s ease, background .4s ease; }
.certificate-preview > img.certificate-pdf-icon { object-fit: cover; mix-blend-mode: multiply; filter: none; }
.certificate-preview > img { width: 100%; height: 100%; object-fit: contain; min-height: 0; filter: drop-shadow(0 5px 10px #302c2620); transition: transform .4s ease; }
.certificate-card:focus-within .certificate-preview { transform: translateY(-6px); background: #e3dacd; box-shadow: 0 16px 28px rgba(48, 44, 38, .15); }
.certificate-card:focus-within .certificate-preview > img { transform: scale(1.1); }
@media (hover: hover) {
	.certificate-card:hover .certificate-preview { transform: translateY(-6px); background: #e3dacd; box-shadow: 0 16px 28px rgba(48, 44, 38, .15); }
	.certificate-card:hover .certificate-preview > img { transform: scale(1.1); }
}
.certificate-open { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 34px; height: 34px; background: #f5f3ee; font-size: 12px; }
.certificate-paper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; width: 100%; height: 100%; padding: 24px; background: #f5f3ee; text-align: center; }
.certificate-paper > i { font-size: 32px; color: #8d806a; }
.certificate-paper > span { font-size: 17px; }
.certificate-paper > small { font-size: 9px; letter-spacing: .12em; color: var(--achievement-muted); }
.certificate-caption { margin-top: 22px; }
.certificate-caption h3 { margin: 0 0 14px; font-size: 17px; font-weight: 400; letter-spacing: -.035em; }
.certificate-caption > span { display: flex; gap: 15px; align-items: center; font-size: 9px; letter-spacing: .1em; }
.certificate-card > p { font-size: 12px; line-height: 1.6; color: var(--achievement-muted); }

@media (max-width: 1000px) {
	.achievements-intro { grid-template-columns: 1fr; gap: 32px; }
	.achievements-intro-copy { padding-top: 0; }
	.achievements-intro-copy > p { max-width: 650px; }
	.achievements-jump { max-width: 550px; }
	.achievements-seminars { grid-template-columns: 1fr; gap: 42px; }
	.achievements-seminars > .achievements-section-heading { position: static; }
	.achievements-section-heading h2 br { display: none; }
	.achievements-section-heading h2 br::after { content: ' '; }
	.workshops-heading { align-items: flex-start; flex-direction: column; gap: 24px; }
	.workshop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.certificate-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
	.achievements-banner-note { font-size: 8px; bottom: 24px; }
	.achievements-banner-note > span:last-child { display: none; }
	.achievements-intro { padding-top: 65px; padding-bottom: 65px; }
	.achievements-intro-copy > p { font-size: 14px; }
	.achievements-jump > a { padding: 0 14px; }
	.achievements-jump > a:last-child { padding-right: 0; }
	.achievements-jump strong { font-size: 38px; }
	.achievements-jump > a > i { font-size: 29px; line-height: 38px; }
	.achievements-jump span { gap: 12px; font-size: 10px; }
	.achievements-seminars { padding-top: 48px; }
	.achievements-section-heading h2 { font-size: 36px; }
	.seminar-row { gap: 14px; padding: 21px 0; }
	.seminar-row:hover { padding-right: 0; padding-left: 0; }
	.seminar-row h3 { font-size: 19px; }
	.seminar-row p { font-size: 11px; line-height: 1.6; }
	.seminar-place span { font-size: 10px; }
	.workshop-grid { grid-template-columns: 1fr; }
	.certificate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.workshop-card { min-height: 225px; padding: 28px; }
	.workshop-card-top { margin-bottom: 30px; }
	.workshop-card h3 { font-size: 28px; }
	.workshops-heading { margin-bottom: 35px; }
	.certificates-empty { flex-direction: column; align-items: flex-start; gap: 38px; padding: 42px 28px; }
	.certificates-seal { width: 66px; height: 66px; font-size: 27px; outline-offset: 6px; }
	.certificates-monogram { font-size: 230px; bottom: -20px; right: -20px; }
}

@media (prefers-reduced-motion: reduce) {
	.achievements-page *, .achievements-page *::before, .achievements-page *::after { transition: none !important; }
	.certificate-card:hover .certificate-preview,
	.certificate-card:focus-within .certificate-preview,
	.certificate-card:hover .certificate-preview > img,
	.certificate-card:focus-within .certificate-preview > img { transform: none; }
}
