.device-shot{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#0b0e0c}.device-shot__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(1.05) blur(1.5px);transform:scale(1.06)}.device-shot__light{position:absolute;inset:0;background:radial-gradient(70% 55% at 78% 8%,rgb(255 214 150 / .32),transparent 70%),linear-gradient(to bottom,transparent 55%,rgb(5 7 6 / .55));mix-blend-mode:screen}.device-shot__laptop{position:absolute;left:9%;right:9%;top:24%;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 18px 22px rgb(0 0 0 / .55))}.device-shot__lid{width:100%;padding:2.4%;border-radius:3.5%/5.5%;background:linear-gradient(180deg,#2a2d30,#141618);box-shadow:inset 0 0 0 1px #ffffff14}.device-shot__screen{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:1.5%;background:#fff}.device-shot__page{display:block;width:100%;height:auto;animation:device-scroll 22s ease-in-out infinite}.device-shot__base{width:116%;height:0;padding-bottom:4.2%;border-radius:0 0 14% 14%/0 0 100% 100%;background:linear-gradient(180deg,#8f9599,#5b6064 45%,#2c3033);box-shadow:inset 0 1px #ffffff59}@keyframes device-scroll{0%,8%{transform:translateY(0)}46%,56%{transform:translateY(var(--travel))}92%,to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.device-shot__page{animation:none}}.deck{--w: clamp(220px, 22vw, 320px);position:relative;overflow:hidden;padding:0 var(--pad)}.deck__stage{position:relative;height:calc(var(--w) * 10 / 7 + var(--w) * .36);margin:0;padding:0;list-style:none;perspective:1400px}.deck__item{position:absolute;top:calc(var(--w) * .18);left:0;width:var(--w);transition:transform .9s var(--ease-float),filter .6s}.deck__card{display:flex;flex-direction:column;width:100%;aspect-ratio:7 / 10;overflow:hidden;padding:0;border:1px solid var(--c-line-strong);border-radius:12px;background:var(--c-surface);box-shadow:0 24px 48px -24px #000c;text-align:left;transition:border-color .3s}.deck__count{margin:0;text-align:center;font-size:12px;letter-spacing:var(--track-label);color:var(--c-muted);font-variant-numeric:tabular-nums}.deck__count span{color:var(--c-text)}.deck__card:hover,.deck__card:focus-visible{border-color:var(--c-green-light)}.deck__img{position:relative;flex:0 0 75%;padding:14px 16px;background:var(--c-placeholder-green);font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-placeholder-text)}.deck__item:nth-child(3n+2) .deck__img{background:var(--c-placeholder-moss)}.deck__item:nth-child(3n) .deck__img{background:var(--c-placeholder-warm)}.deck__img--photo{padding:0;overflow:hidden}.deck__img--photo img{width:100%;height:100%;object-fit:cover}.deck__img--photo:after,.deck__img--logo:after,.deck__img--device:after{content:none}.deck__img--device{padding:0;overflow:hidden}.deck__media-device{display:block;aspect-ratio:12 / 13;overflow:hidden;border-radius:8px}.deck__img--logo{display:grid;place-items:center;padding:10%}.deck__img--logo img{width:100%;height:auto;max-height:60%;object-fit:contain}.deck__img:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgb(134 178 114 / .12) 45%,rgb(134 178 114 / .12) 45.4%,transparent 45.4%)}.deck__meta{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 18px}.deck__cat{font-size:11px;letter-spacing:var(--track-ui);text-transform:uppercase;color:var(--c-green-light)}.deck__name{font-family:var(--font-display);font-size:clamp(20px,1.9vw,28px);white-space:pre-line;font-weight:500;line-height:1;letter-spacing:-.05em}.deck__detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows 1.4s var(--ease-float)}.deck__detail.is-open{grid-template-rows:1fr}.deck__detail-in{overflow:hidden}.deck__info{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);margin:8px 0 clamp(40px,5vw,72px);padding:clamp(24px,3.5vw,52px);border:1px solid var(--c-line-strong);border-radius:12px;background:var(--c-bg)}.deck__detail.is-open .deck__info:not([hidden]){animation:deck-info-fade 1.4s ease .1s both,deck-info-rise 2.4s var(--ease-float) .1s both}.deck__detail.is-open .deck__info:not([hidden]) .deck__info-copy{animation:deck-info-fade 1.4s ease .45s both,deck-info-rise-sm 2.4s var(--ease-float) .45s both}.deck__detail.is-open .deck__info:not([hidden]) .deck__media{animation:deck-info-fade 1.6s ease .8s both,deck-info-rise-sm 2.6s var(--ease-float) .8s both}.deck__close{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--c-line-strong);border-radius:50%;background:#0d1012b3;color:var(--c-text);transition:border-color .3s,color .3s}.deck__close:hover,.deck__close:focus-visible{border-color:var(--c-green-light);color:var(--c-green-light)}.deck__info-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.deck__info-name{white-space:pre-line;font-family:var(--font-display);font-size:clamp(32px,3.6vw,56px);font-weight:500;line-height:1;letter-spacing:-.05em}.deck__info-text{max-width:46ch;font-size:clamp(16px,1.3vw,19px);line-height:1.55;font-weight:300;color:var(--c-soft)}.deck__facts{display:grid;gap:14px;width:100%;margin:12px 0 0;padding-top:18px;border-top:1px solid var(--c-line)}.deck__facts dt{font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-green-light)}.deck__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;border-bottom:1px solid var(--c-green-light);transition:color .3s}.deck__link:hover,.deck__link:focus-visible{color:var(--c-green-light)}.deck__credit{margin-top:4px;font-size:11px;line-height:1.5;color:var(--c-muted)}.deck__facts dd{margin:4px 0 0;font-size:15px;font-weight:300;color:var(--c-soft)}.deck__media img{display:block;width:100%;height:auto;border-radius:8px}.deck__info--logo .deck__media{display:grid;place-items:center;min-height:240px;border-radius:8px;background:var(--c-placeholder-green)}.deck__media-logo{display:block;width:min(220px,60%)}.deck__media-logo img{border-radius:0}@media(max-width:800px){.deck__info{grid-template-columns:minmax(0,1fr)}}@keyframes deck-info-fade{0%{opacity:0}to{opacity:1}}@keyframes deck-info-rise{0%{transform:translateY(70px) scale(.985)}to{transform:none}}@keyframes deck-info-rise-sm{0%{transform:translateY(36px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.deck__item,.deck__detail{transition:none}.deck__info,.deck__info-copy,.deck__media{animation:none!important}}.work-banner{position:sticky;top:0;z-index:0;height:min(80svh,640px);overflow:hidden;background:var(--c-night);touch-action:pan-y}.work-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to bottom,transparent,var(--c-night));pointer-events:none}@media(max-width:700px){.work-banner{height:min(72svh,620px)}.work-banner:after{height:22%}}.work__head{display:flex;flex-direction:column;gap:20px;margin:0 var(--pad) clamp(40px,5vw,64px)}.work__intro{max-width:1100px;font-size:clamp(17px,1.3vw,19px);line-height:1.6;font-weight:300;color:var(--c-soft)}.work:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:140px;background:linear-gradient(to bottom,transparent,var(--c-night));pointer-events:none}.work{position:relative;z-index:1;padding:clamp(52px,7vw,96px) 0;border-bottom:1px solid var(--c-line);background:var(--c-night)}.work__title{margin:0 var(--pad) 28px;font-size:12px;font-weight:700;letter-spacing:var(--track-ui);text-transform:uppercase}