.work-detail{--detail-ink:#132b35;--detail-stage:#102934;--detail-paper:#dce7e9;--detail-muted:#536b77;background:var(--detail-stage);color:var(--portfolio-color-contact-text);overflow:clip}.work-detail__story,.work-detail__stage{position:relative}.work-detail__back{z-index:20;top:clamp(1.25rem,3.5vw,3rem);left:var(--space-page-inline);color:var(--detail-ink);letter-spacing:.04em;font-size:.8rem;font-weight:650;text-decoration:none;transition:color .18s,background-color .18s;position:absolute}.work-detail__back:hover,.work-detail__back:focus-visible{color:var(--portfolio-color-accent)}.work-detail__close{display:none}.work-detail__home{z-index:20;top:clamp(1.25rem,3.5vw,3rem);left:var(--space-page-inline);max-width:10rem;color:var(--detail-ink);text-align:left;font-size:.82rem;font-weight:700;line-height:1.3;text-decoration:none;position:absolute}.work-detail__home:hover,.work-detail__home:focus-visible{color:var(--portfolio-color-accent)}.work-detail__opening{min-height:100svh;padding:clamp(6.5rem, 10vw, 10rem) var(--space-page-inline) clamp(2rem, 4vw, 3.75rem);background:var(--detail-paper);color:var(--detail-ink);flex-direction:column;justify-content:space-between;gap:3rem;display:flex;position:relative}.work-detail__identity{max-width:42rem}.work-detail__eyebrow,.work-detail__metadata h2,.work-detail__scene-count{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700;line-height:1.4}.work-detail__eyebrow{color:var(--portfolio-color-accent)}.work-detail__identity h1{letter-spacing:-.073em;max-width:12ch;margin:clamp(1.5rem,3vw,3rem) 0 0;font-size:clamp(3.35rem,5.2vw,7.4rem);font-weight:500;line-height:.94}.work-detail__descriptor{max-width:27rem;color:var(--detail-muted);margin:clamp(1rem,2vw,1.8rem) 0 0;font-size:clamp(.95rem,1.2vw,1.2rem);font-weight:500;line-height:1.35}.work-detail__statement{letter-spacing:-.05em;max-width:18ch;margin:clamp(2.25rem,4vw,4.5rem) 0 0;font-size:clamp(1.5rem,2.25vw,2.8rem);font-weight:500;line-height:1.12}.work-detail__opening-bottom{flex-direction:column;gap:clamp(2rem,3vw,3rem);display:flex}.work-detail__metadata{border-top:1px solid #aabdc3;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(1.25rem,2vw,2.5rem);padding-top:clamp(1.25rem,2.5vw,2.5rem);display:grid}.work-detail__metadata>.work-detail__statement{max-width:none;color:var(--detail-muted);letter-spacing:-.015em;grid-column:1/-1;margin:0;font-size:clamp(.92rem,1.05vw,1.02rem);font-weight:400;line-height:1.52}.work-detail__metadata h2{color:var(--detail-muted);margin-bottom:.75rem}.work-detail__metadata ul{margin:0;padding:0;list-style:none}.work-detail__metadata li,.work-detail__metadata p{margin:0;font-size:clamp(.8rem,.95vw,.98rem);font-weight:500;line-height:1.55}.work-detail__links a{text-decoration-thickness:1px}.work-detail__impact{grid-column:1/-1}.work-detail__impact ul{grid-template-columns:1fr;gap:.6rem;display:grid}.work-detail__impact li{border-left:1px solid #aabdc3;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.7rem;padding-left:.75rem;display:grid}.work-detail__impact strong{letter-spacing:-.045em;font-size:clamp(.95rem,1.15vw,1.12rem);font-weight:650;line-height:1.1}.work-detail__impact span{color:var(--detail-muted);font-size:clamp(.72rem,.8vw,.82rem);font-weight:500;line-height:1.35}.work-detail__impact li.work-detail__impact-item--statement{grid-template-columns:minmax(0,1fr);gap:0}.work-detail__impact-item--statement span{font-size:clamp(.76rem,.85vw,.9rem);line-height:1.45}.work-detail__scroll-cue{letter-spacing:.06em;justify-content:space-between;margin:0;font-size:.74rem;font-weight:650;display:flex}.work-detail__continue{color:#f1f6f7;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:1rem;margin:0;font-size:clamp(1rem,1.2vw,1.125rem);font-weight:650;display:none}.work-detail__continue-count{color:#bdd0d7;letter-spacing:.14em;border-right:1px solid #f1f6f761;padding-right:1rem;font-size:.7rem;font-weight:700}.work-detail__continue-arrow{border:1px solid #dce7e9;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.55rem;line-height:1;display:grid}.work-detail__continue-arrow svg{transition:transform .18s}.work-detail__hud{display:none}.work-detail__panels{position:relative}.work-detail__panel{background:var(--detail-stage)}.work-detail__visual{background:var(--detail-stage);display:block;overflow:hidden}.work-detail__visual picture,.work-detail__visual img{width:100%}.work-detail__visual img{height:auto}.work-detail__caption{padding:1.25rem var(--space-page-inline) 1.5rem;background:var(--detail-stage);color:#f1f6f7}.work-detail__scene-count{color:#9eb8c3}.work-detail__caption-copy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.work-detail__ending{min-height:0;padding:1.25rem var(--space-page-inline) 1.5rem;background:var(--portfolio-color-work-canvas);color:var(--detail-ink);justify-content:flex-end;display:flex}.work-detail__ending a{letter-spacing:.02em;font-size:clamp(.85rem,.95vw,.95rem);font-weight:500;line-height:1.4;text-decoration:none}@media (width>=701px){.work-detail__opening{justify-content:flex-start;gap:clamp(1.75rem,4vh,2.75rem);padding-top:clamp(5.5rem,9vh,7rem);padding-bottom:clamp(1.75rem,4vh,3rem)}.work-detail__identity h1{letter-spacing:-.06em;max-width:none;margin-top:1.15rem;font-size:clamp(2.15rem,3vw,3rem);line-height:1}.work-detail__descriptor{max-width:none;margin-top:.55rem;font-size:clamp(.88rem,1.05vw,1rem);line-height:1.4}.work-detail__statement{max-width:48ch;color:var(--detail-muted);letter-spacing:-.015em;margin-top:clamp(1rem,2.3vh,1.45rem);font-size:clamp(.92rem,1.05vw,1.02rem);font-weight:400;line-height:1.52}.work-detail__opening-bottom{gap:clamp(1.25rem,2.5vh,1.8rem)}.work-detail__metadata{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;padding-top:clamp(1rem,2vh,1.35rem)}.work-detail__metadata h2{margin-bottom:.45rem}.work-detail__metadata li,.work-detail__metadata p{font-size:clamp(.76rem,.85vw,.9rem);line-height:1.45}.work-detail__scroll-cue{font-size:.68rem}}@media (width>=1100px) and (prefers-reduced-motion:no-preference){.work-detail[data-motion=active] .work-detail__ending{display:none}.work-detail[data-motion=active] .work-detail__story{height:var(--story-height)}.work-detail[data-motion=active] .work-detail__stage{background:var(--detail-stage);height:100svh;position:sticky;top:0;overflow:hidden}.work-detail[data-motion=active] .work-detail__opening{z-index:10;width:42%;min-height:0;transform:translate3d(var(--opening-shift,0px), 0, 0);padding-right:clamp(2rem,3vw,4rem);position:absolute;inset:0 auto 0 0}.work-detail[data-motion=active] .work-detail__back{display:none}.work-detail[data-motion=active] .work-detail__close{z-index:20;backdrop-filter:blur(8px);color:#f1f6f7;background:#102934e0;place-items:center;width:3rem;height:3rem;transition:color .18s,background-color .18s;display:grid;position:absolute;top:clamp(2.5rem,3vw,3.75rem);right:clamp(2.5rem,3vw,3.75rem)}.work-detail[data-motion=active] .work-detail__close:hover,.work-detail[data-motion=active] .work-detail__close:focus-visible{color:#c4dce8}.work-detail[data-motion=active] .work-detail__panels{inset:0 auto 0 var(--track-origin,0px);width:100%;transform:translate3d(var(--track-x,0px), 0, 0);display:flex;position:absolute}.work-detail[data-motion=active] .work-detail__panel{flex:0 0 var(--panel-width,100%);flex-direction:column;min-width:0;display:flex;position:relative}.work-detail[data-motion=active] .work-detail__visual,.work-detail[data-motion=active] .work-detail__visual picture,.work-detail[data-motion=active] .work-detail__visual img{height:100%}.work-detail[data-motion=active] .work-detail__visual img{object-fit:contain;display:block}.work-detail[data-motion=active] .work-detail__caption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.work-detail[data-motion=active] .work-detail__continue{z-index:15;backdrop-filter:blur(8px);background:#102934e0;padding:.55rem 1.2rem .55rem 1.3rem;display:flex;position:absolute;bottom:clamp(2.5rem,3vw,3.75rem);right:clamp(2.5rem,3vw,3.75rem)}.work-detail[data-motion=active] .work-detail__hud{z-index:15;backdrop-filter:blur(8px);background:#102934e0;padding:.55rem 1.2rem .55rem 1.3rem;display:block;position:absolute;bottom:clamp(2.5rem,3vw,3.75rem);right:clamp(2.5rem,3vw,3.75rem)}.work-detail[data-motion=active] .work-detail__continue{backdrop-filter:none;background:0 0;margin:0;padding:0;position:static}.work-detail[data-motion=active] .work-detail__stage[data-work-ended] .work-detail__continue-arrow svg{transform:rotate(180deg)}.work-detail[data-motion=active] .work-detail__stage[data-first-scene] .work-detail__continue-arrow svg{animation:1.8s ease-in-out infinite work-detail-continue}}@keyframes work-detail-continue{0%,18%,58%,to{transform:translate(0)}36%{transform:translate(.625rem)}}@media (width<=1099px),(prefers-reduced-motion:reduce){.work-detail__opening{min-height:0;padding-bottom:clamp(2.5rem,7vw,5rem)}.work-detail__visual img{aspect-ratio:auto;display:block}.work-detail__caption{padding-block:1.25rem 1.5rem}.work-detail__panel+.work-detail__panel{border-top:1px solid #44616d}}@media (width>=701px) and (width<=1099px) and (prefers-reduced-motion:no-preference){.work-detail__stage{grid-template-columns:44% 56%;display:grid}.work-detail__opening{grid-area:1/1;padding-right:clamp(1.5rem,3vw,3rem)}.work-detail__metadata{grid-template-columns:1fr}.work-detail__panels{display:contents}.work-detail__panel:first-child{flex-direction:column;grid-area:1/2;min-height:100svh;display:flex}.work-detail__panel:first-child .work-detail__visual{flex:1;min-height:28rem;position:relative}.work-detail__panel:first-child .work-detail__visual img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.work-detail__panel:first-child .work-detail__caption{padding:1.5rem}.work-detail__panel:not(:first-child){grid-column:1/-1}}@media (width<=700px){.work-detail__home{max-width:7.5rem;font-size:.7rem}.work-detail__opening{gap:2.5rem;padding-top:6rem}.work-detail__identity h1{font-size:clamp(2.8rem,11.5vw,4.7rem)}.work-detail__statement{margin-top:2.5rem;font-size:clamp(1.5rem,7vw,2.2rem)}.work-detail__metadata{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.work-detail__ending{padding-block:1.25rem}}@media (width<=360px){.work-detail__metadata{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.work-detail__back{transition:none}.work-detail__continue-arrow svg{transition:none;animation:none}}