.archive-page{background:#c4c5df}
.archive-atmosphere{position:fixed;inset:-3%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#d7d5e53d,#d7d5e508),url('assets/course-archive/atmosphere.webp') center/cover;transform:translateY(var(--team-drift,0px)) scale(1.03)}
.archive-page .nav{background:#d4cfe099;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff38}
.archive-main{overflow:clip}
.archive-opening{min-height:100svh;padding-block:140px 85px;display:flex;align-items:center;scroll-margin-top:100px}
.archive-copy{width:min(630px,58%);text-align:center}
.archive-copy .section-label{font-size:10px;letter-spacing:3.2px;justify-content:center}
.archive-glass-title{position:relative;margin:26px -5% 19px;width:110%;perspective:1100px;line-height:1}
.archive-title-float{display:block;transform-origin:center;animation:logo-float 7.5s ease-in-out infinite;will-change:transform}
.archive-wordmark{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px #47395129) drop-shadow(0 12px 20px #54415e18)}
.archive-copy>p{font-size:16px;line-height:1.8;margin:0 0 30px}
.archive-copy .arrow-link{font-size:12px;gap:34px}
.archive-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.archive-page.archive-title-idle .archive-title-float{animation-play-state:paused}
.archive-page.reduced .archive-atmosphere{transform:none}
.archive-page.reduced .archive-title-float{animation:none;transform:none;will-change:auto}
@media(max-width:1000px){.archive-copy{width:min(570px,66%)}.archive-copy>p{font-size:14px}}
@media(max-width:700px){
 .archive-atmosphere{background-image:linear-gradient(#c7cbe080,#d7d5e512 65%),url('assets/course-archive/atmosphere-mobile.webp');background-position:center}
 .archive-opening{min-height:100svh;align-items:flex-start;justify-content:center;padding-block:142px 110px;scroll-margin-top:96px}
 .archive-copy{width:100%;max-width:460px}
 .archive-copy .section-label{font-size:8px;letter-spacing:2.7px}
 .archive-glass-title{margin:30px -5% 22px;width:110%}
 .archive-copy>p{font-size:13px;margin-bottom:23px}
 .archive-copy .arrow-link{font-size:11px;gap:26px}
}
@media(max-width:360px){.archive-opening{padding-top:128px}.archive-copy>p{font-size:12px}.archive-glass-title{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.archive-atmosphere{transform:none!important}.archive-title-float{animation:none!important;transform:none!important;will-change:auto}}