:root{--world-glow:#e8e0f4;--page-progress:0}
body{padding-bottom:0;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,var(--world-glow),transparent 58%);opacity:.45;transition:background .7s}
body:after{content:'';position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(var(--page-progress));transform-origin:left;background:#8060a8;z-index:30;pointer-events:none}
header{position:relative;z-index:10}main{animation:page-arrive .4s ease-out}
@keyframes page-arrive{from{opacity:.7;transform:translateY(9px)}to{opacity:1;transform:none}}
.work-index{position:sticky;top:0;z-index:9;display:flex;gap:10px;padding:16px 0;margin:0 0 30px;background:#f8f8f4ed;backdrop-filter:blur(12px)}.work-index a{font-size:13px;border:1px solid #cbc6d2;border-radius:30px;padding:10px 18px;transition:background .3s}.work-index a.active{background:#29232f;color:white;border-color:#29232f}.project{scroll-margin-top:90px}.project .mock{transform:translateY(var(--scroll-lift,0)) rotate(var(--scroll-tilt,-3deg));transition:transform .15s linear}.project.was-viewed .preview-tag:before{content:'Viewed · '}.case-nav{padding-left:22px;border-top:0}.case-nav:before,.case-nav:after{content:'';position:absolute;left:4px;top:30px;bottom:0;width:2px;background:#d9d1e2}.case-nav:after{background:#82659f;transform:scaleY(var(--chapter-progress,0));transform-origin:top;transition:transform .2s}.case-nav a{position:relative;color:#79737e;font-size:14px;line-height:1.5}.case-nav a:before{content:'';position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:#f8f8f4;border:1px solid #c6bacf;z-index:1}.case-nav a.chapter-active{color:#33273c;font-weight:700}.case-nav a.chapter-passed:before,.case-nav a.chapter-active:before{background:#82659f;border-color:#82659f}.case-story>section{position:relative}.case-story>section.has-arrived .case-placeholder{animation:chapter-bloom .6s cubic-bezier(.2,.8,.2,1)}@keyframes chapter-bloom{from{transform:translateY(18px) rotate(-1deg);opacity:.5}to{transform:none;opacity:1}}.contact-links>*{position:relative;transition:padding .3s,color .3s}.contact-links>*:hover,.contact-links>*:focus-visible{padding-left:18px;background:linear-gradient(90deg,#e9e0f180,transparent)}
@media(max-width:700px){.work-index{gap:6px}.work-index a{font-size:11px;padding:9px 11px}.case-nav{position:sticky;top:0;z-index:8;background:#f8f8f4ee;backdrop-filter:blur(12px);flex-wrap:nowrap;overflow-x:auto;gap:22px;padding:16px 8px;border-bottom:1px solid #d9d1e2}.case-nav:before,.case-nav:after,.case-nav a:before{display:none}.case-nav a{font-size:12px;white-space:nowrap}.case-story section{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.project .mock{transform:none}main{animation:none}}