body[data-page=case]{--case-accent: #ece9e2;--case-on-accent: #0e0e0d;--case-surface: #131311;--case-ink: #ece9e2;--case-soft: #8d8a83}.case__head{min-height:62vh;min-height:62dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem var(--gutter) clamp(2rem,5vh,3.5rem);border-bottom:.3rem solid var(--case-accent)}.case__tags{display:flex;flex-wrap:wrap;gap:.6rem;font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--ink-dim);margin-bottom:1.2rem}.case__tags span{padding:.3rem .75rem .38rem;border:1px solid color-mix(in srgb,var(--case-accent) 55%,transparent);border-radius:999px;color:var(--ink)}.case__title{font-family:var(--font-grotesk);font-weight:800;font-size:clamp(3.2rem,12vw,11rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;overflow:hidden}.case__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-top:clamp(1.6rem,4vh,2.6rem);padding-top:1.2rem;border-top:1px solid var(--line)}.case__meta{display:flex;flex-wrap:wrap;gap:1rem clamp(1.5rem,3vw,3rem);align-items:flex-start;font-size:.85rem;color:var(--ink-dim)}.case__meta b{display:block;font-weight:500;color:var(--ink)}.case__credit{flex:0 1 15rem;max-width:15rem;padding-left:clamp(1rem,2vw,1.75rem);border-left:1px solid var(--line);font-size:.73rem;line-height:1.45}.case__credit b{color:var(--ink-dim)}.case__credit-link{color:var(--ink-dim);text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em;text-underline-offset:.18em}.case__credit-link:hover{text-decoration-thickness:.14em}.case__credit-link:focus-visible{outline:1px solid currentColor;outline-offset:3px}.case__visit{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-height:3.35rem;padding:.8rem 1.1rem .8rem 1.4rem;background:var(--case-accent);color:var(--case-on-accent);font-family:var(--font-body);font-size:.76rem;font-weight:500;line-height:1;letter-spacing:.07em;text-transform:uppercase;transition:transform .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out)}.case__visit i{font-size:1rem;font-style:normal;transition:transform .22s var(--ease-out)}.case__visit:hover{transform:translateY(-2px)}.case__visit:hover i{transform:translate(.2rem,-.2rem)}.case__visit:active{transform:translateY(0) scale(.985);transition-duration:80ms}.case__visit:focus-visible{outline:2px solid var(--case-accent);outline-offset:4px}.case__visit.is-unavailable{border:1px solid var(--line);background:transparent;color:var(--ink-dim);cursor:not-allowed;pointer-events:none}.case__visit.is-unavailable i{display:none}.case__cover{width:100%;aspect-ratio:3 / 2;max-height:900px;overflow:hidden;background:var(--case-ink)}.case__cover:has(video){aspect-ratio:1440 / 1000}.case__cover video{width:100%;height:100%;object-fit:cover;display:block}.case__cover-picture{display:block;width:100%;height:100%}.case__cover img{width:100%;height:100%;object-fit:cover}.case__intro{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);gap:clamp(2.5rem,6vw,6rem);padding:clamp(6rem,13vh,10rem) var(--pad);max-width:1500px;margin:0 auto}.case__label{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--ink-dim)}.case__desc{font-family:var(--font-grotesk);font-weight:700;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.25;letter-spacing:-.01em;max-width:30ch}.case__services{margin-top:clamp(2rem,5vh,3.2rem);padding-top:clamp(1.2rem,3vh,1.8rem);border-top:1px solid var(--line)}.case__services-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.9rem}.case__services ul{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none}.case__services a{display:inline-flex;align-items:center;min-height:2.5rem;padding:.45rem 1.05rem;border:1px solid color-mix(in srgb,var(--case-accent) 40%,transparent);border-radius:99px;font-size:.85rem;color:var(--ink-dim);transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.case__services a:hover,.case__services a:focus-visible{color:var(--case-accent);border-color:var(--case-accent)}.case__proof{display:grid;grid-template-columns:minmax(9rem,.42fr) minmax(0,1.58fr);gap:clamp(2rem,6vw,6rem);margin:0 var(--gutter) clamp(1.5rem,4vw,4rem);padding:clamp(2rem,5vw,4.5rem);background:var(--case-ink);color:var(--case-surface)}.case__proof .case__label{color:color-mix(in srgb,var(--case-surface) 72%,transparent)}.case__proof-content{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:start}.case__proof-content strong{display:block;max-width:100%;overflow-wrap:anywhere;font-family:var(--font-grotesk);font-size:clamp(2.2rem,5vw,5.2rem);font-weight:800;line-height:.86;letter-spacing:-.045em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--case-accent);text-decoration-thickness:.08em;text-underline-offset:.12em}.case__proof-content h2{max-width:20ch;font-family:var(--font-grotesk);font-size:clamp(1.55rem,3vw,2.8rem);font-weight:700;line-height:1.08;letter-spacing:-.025em}.case__proof-content p{max-width:54ch;margin-top:1rem;color:color-mix(in srgb,var(--case-surface) 78%,transparent)}.case__gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);padding:0 var(--gutter);align-items:start}.case__gallery figure{overflow:hidden}.case__gallery figure:nth-child(2){margin-top:clamp(3rem,9vh,7rem)}.case__gallery img{display:block;width:100%;height:auto}.case__full{padding:clamp(1.5rem,4vw,4rem) var(--gutter) 0}.case__full figure{overflow:hidden}.case__full img{display:block;width:100%;height:auto}.case__walkthrough{margin:clamp(1.5rem,4vw,4rem) var(--gutter) 0;padding:clamp(2rem,5vw,4.5rem);background:var(--case-ink);color:var(--case-surface)}.case__walkthrough-head{display:grid;grid-template-columns:minmax(9rem,.45fr) minmax(14rem,.85fr) minmax(16rem,.7fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}.case__walkthrough .case__label{color:color-mix(in srgb,var(--case-surface) 65%,transparent)}.case__walkthrough h2{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.8rem);font-style:italic;font-weight:400;line-height:1.02}.case__walkthrough-head>p:last-child{max-width:42ch;color:color-mix(in srgb,var(--case-surface) 72%,transparent)}.case__walkthrough-media{display:block;margin-top:clamp(2rem,5vw,4.5rem);overflow:hidden;background:color-mix(in srgb,var(--case-surface) 8%,var(--case-ink))}.case__walkthrough-media img{display:block;width:100%;height:auto}.case__text{padding:clamp(6rem,13vh,10rem) var(--pad);max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.case__text h2{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.12;padding-bottom:.08em}.case__text p{font-size:1.05rem;color:var(--ink-dim);max-width:52ch;padding-top:.6rem}.case__motion{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin:0 var(--gutter) clamp(1.5rem,4vw,4rem);padding:clamp(2rem,5vw,4.5rem);background:var(--case-surface);color:var(--case-ink);overflow:hidden}.case__motion .case__label{color:color-mix(in srgb,var(--case-ink) 65%,transparent)}.case__motion-copy h2{max-width:16ch;margin-top:clamp(1.5rem,4vw,3.5rem);font-family:var(--font-serif);font-size:clamp(2rem,4.5vw,4rem);font-style:italic;font-weight:400;line-height:1.02}.case__motion-copy>p:not(.case__label){max-width:48ch;margin-top:1.5rem;color:color-mix(in srgb,var(--case-ink) 72%,transparent)}.case__motion-words{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:clamp(2rem,4vw,3.5rem)}.case__motion-words span{padding:.42rem .72rem;border:1px solid color-mix(in srgb,var(--case-accent) 70%,transparent);border-radius:999px;font-size:.75rem;line-height:1;text-transform:uppercase;letter-spacing:.06em}.case__motion-media{position:relative;min-height:clamp(22rem,48vw,48rem);overflow:hidden;background:color-mix(in srgb,var(--case-ink) 8%,var(--case-surface))}.case__motion-media:has(video){min-height:0;aspect-ratio:1440 / 1000}.case__motion-media img,.case__motion-media video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.case__motion-media [hidden]{display:none}.case__motion-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--case-ink) 16%,transparent)}.case__gallery2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);padding:0 var(--gutter) clamp(6rem,13vh,10rem)}.case__gallery2 figure{overflow:hidden}.case__gallery2 img{display:block;width:100%;height:auto}.case__next{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.1rem,2.5vh,1.8rem);min-height:100vh;min-height:100dvh;border-top:1px solid var(--line);padding:clamp(3rem,7vh,5rem) var(--gutter);text-align:center;overflow:hidden}.case__next-label{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--ink-dim)}.case__next-title{font-family:var(--font-grotesk);font-weight:800;font-size:clamp(1.6rem,3.6vw,3rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;transition:color .4s var(--ease-out)}.case__next:hover .case__next-title{color:var(--ink-dim)}.case__next-media{position:relative;width:min(62vw,58rem);aspect-ratio:1440 / 1000;overflow:hidden;background:var(--case-ink);will-change:transform}.case__next-media img,.case__next-media video{width:100%;height:100%;object-fit:cover;display:block}.case__next-progress{width:min(16rem,42vw);height:2px;background:var(--line);overflow:hidden}.case__next-progress i{display:block;height:100%;background:var(--case-accent);transform:scaleX(0);transform-origin:left center}.case__next-hint{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--ink-dim)}.case__next-hint:after{content:"↓";display:inline-block;margin-left:.5em;font-style:normal;animation:case-next-nudge 1.6s var(--ease-out, ease-in-out) infinite}@keyframes case-next-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(.32em)}}@media(prefers-reduced-motion:reduce){.case__next-hint,.case__next-progress{display:none}.case__next{min-height:0}}
