body.archive-page .experience-content{--archive-edge:clamp(14px,2vw,32px);--archive-display:calc(100cqi / 4.7);--archive-stage-top:calc(var(--header-height) + 92px);--archive-preview-width:100%}
.experience-content .archive-space{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
body.archive-page .experience-content .experience-page{position:relative;max-width:none;margin-inline:auto;padding:calc(var(--header-height) + 32px) var(--archive-edge) 0}
.experience-content .archive-heading{container-type:inline-size;text-align:center;margin-bottom:40px}
.experience-content .archive-heading h1{font-size:var(--archive-display);font-stretch:88%;font-weight:800;line-height:.86;letter-spacing:-.04em;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.experience-content .archive-layout{display:block}
.experience-content .archive-index{position:sticky;top:var(--header-height);z-index:4;padding:16px 0;margin-bottom:36px;background:var(--surface)}
.experience-content .archive-index ol{display:flex;justify-content:center;gap:clamp(24px,4vw,64px);list-style:none;margin:0;padding:0}
.experience-content .archive-index li a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;color:var(--muted);position:relative;transition:color .2s var(--ease)}
.experience-content .archive-index li a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .3s var(--ease)}
.experience-content .archive-index-number{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent)}
.experience-content .archive-index-name{font-size:clamp(14px,1.3vw,19px);line-height:1.2}
.experience-content .archive-index a[aria-current=location],.experience-content .archive-index a:hover{color:var(--ink)}
.experience-content .archive-index a[aria-current=location]:after,.experience-content .archive-index a:hover:after{transform:scaleX(1)}
.experience-content .archive-work{scroll-margin-top:var(--archive-stage-top);padding-bottom:100px;position:relative}
.experience-content .archive-panel{max-width:var(--archive-preview-width);margin-inline:auto;transform-origin:center center}
.experience-content .archive-preview{display:block;position:relative;outline-offset:8px}
.experience-content .archive-preview picture{display:block}
.experience-content .archive-preview img{display:block;width:100%;height:auto;view-transition-name:var(--project-view)}
.experience-content .archive-caption{text-align:center;padding-top:24px}
.experience-content .archive-position{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.experience-content .archive-caption h2{font-size:clamp(26px,3vw,48px);font-weight:500;line-height:1.06;letter-spacing:-.035em;margin-top:10px}
.experience-content .archive-caption h2 a{display:inline-flex;align-items:center;gap:16px}
.experience-content .archive-caption h2 svg{width:26px;height:26px;transition:transform .3s var(--ease)}
.experience-content .archive-caption h2 a:hover svg{transform:translate(4px,-4px)}
.experience-content .archive-footer{max-width:1120px;margin:48px auto 0;padding-top:48px;border-top:1px solid var(--rule)}
.experience-content .archive-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(40px,6.8vw,106px);line-height:.98;font-weight:600;letter-spacing:-.04em}
.experience-content .archive-contact em{color:var(--accent)}
.experience-content .archive-contact>svg{width:clamp(40px,6vw,80px);height:clamp(40px,6vw,80px);stroke-width:1;transition:transform .35s var(--ease)}
.experience-content .archive-contact:hover>svg{transform:translate(5px,-5px)}
.experience-content .archive-footer>div{display:flex;justify-content:space-between;align-items:center;padding:64px 0 28px;font-size:13px;color:var(--muted)}
body.archive-page .experience-content :is(article,div)[tabindex="-1"]:focus{outline:none}

@media(max-width:1000px){.experience-content .archive-index ol{gap:24px}
.experience-content .archive-index-name{font-size:14px}
.experience-content .archive-work{padding-bottom:80px}
.experience-content .archive-heading{margin-bottom:28px}
}
@media(max-width:600px){body.archive-page .experience-content .experience-page{padding-top:calc(var(--header-height) + 32px)}
.experience-content .archive-heading{margin-bottom:24px}
.experience-content .archive-heading h1{font-size:var(--archive-display)}
.experience-content .archive-index{padding:8px 0;margin-bottom:28px}
.experience-content .archive-index ol{justify-content:center;gap:44px}
.experience-content .archive-index li a{min-height:40px;padding:4px 14px}
.experience-content .archive-index-number{font-size:15px}
.experience-content .archive-index-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.experience-content .archive-work{scroll-margin-top:calc(var(--header-height) + 74px);padding-bottom:64px}
.experience-content .archive-panel{display:flex;flex-direction:column}
.experience-content .archive-caption{order:-1;padding-top:0;margin-bottom:24px}
.experience-content .archive-position{font-size:11px}
.experience-content .archive-caption h2{font-size:30px;line-height:1.08}
.experience-content .archive-preview{max-width:none;width:100%;align-self:center}
.experience-content .archive-footer{margin-top:16px;padding-top:32px}
.experience-content .archive-contact{font-size:11vw}
.experience-content .archive-footer>div{padding-top:44px}

}
@media(prefers-reduced-motion:reduce){body.archive-page .experience-content *{transition:none!important}
.experience-content .archive-space{display:none}
}