.case-page,.work-page{--work-line:color-mix(in srgb,#f7f4ff 19%,transparent);--work-muted:color-mix(in srgb,#f7f4ff 67%,transparent);color:#f7f4ff}.case-page *,.work-page *{box-sizing:border-box}.work-kicker{color:#c7ff52;font-size:.72rem;font-weight:650;line-height:1.4;text-transform:uppercase}.case-page em,.work-page em{color:#b9a7ff;font-family:var(--font-emotion-serif),Georgia,serif;font-style:italic;font-weight:400}.work-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:min(780px,88svh);overflow:hidden}.work-hero-copy{align-self:center;padding:clamp(3.5rem,8vw,9rem) clamp(1rem,5vw,5rem);position:relative;z-index:1}.work-hero h1{font-size:clamp(4rem,7.3vw,8.5rem);font-weight:620;line-height:.9;margin-top:1.5rem;max-width:9ch}.work-lead{color:var(--work-muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;margin-top:2rem;max-width:34rem}.work-scroll-link{align-items:center;border-bottom:1px solid var(--work-line);display:inline-flex;font-size:.88rem;font-weight:600;gap:1rem;margin-top:3rem;min-height:3rem}.work-scroll-link svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.work-scroll-link:hover svg{transform:translateY(5px)}.work-hero-media{min-height:35rem;overflow:hidden;position:relative}.work-hero-media:after{background:linear-gradient(90deg,#07070a,transparent 35%);content:"";inset:0;pointer-events:none;position:absolute}.work-hero-media img{object-fit:cover;object-position:center}.work-hero-media>span{bottom:2rem;font-size:.7rem;left:2rem;position:absolute;text-transform:uppercase;z-index:1}.case-approach,.case-close,.case-context,.case-scope,.case-surfaces,.work-gallery{margin:0 auto;max-width:1440px;padding:clamp(5rem,9vw,10rem) clamp(1rem,5vw,5rem)}.work-gallery-heading{align-items:end;display:grid;gap:4rem;grid-template-columns:1fr minmax(16rem,.4fr);margin-bottom:4rem}.case-close h2,.case-section-heading h2,.case-surfaces>h2,.work-gallery-heading h2{font-size:clamp(3rem,6vw,6.8rem);font-weight:620;line-height:.95;margin-top:1.2rem;max-width:12ch}.case-close>div:last-child>p,.work-gallery-heading>p{color:var(--work-muted);font-size:1.08rem;line-height:1.6}.work-projects{display:grid;gap:clamp(5rem,9vw,10rem)}.work-project{align-items:center;display:grid;gap:clamp(2rem,5vw,6rem);grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr)}.work-project:nth-child(2n) .work-project-image{order:2}.work-project-image{aspect-ratio:1.36/1;background:#241d32;display:block;overflow:hidden;position:relative}.case-detail-image img,.case-hero-image img,.case-next img,.work-project-image img{object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.case-next:hover img,.work-project-image:hover img{transform:scale(1.055)}.work-project-open{align-items:center;background:#c7ff52;border-radius:50%;bottom:1.5rem;color:#07070a;display:flex;height:3.5rem;justify-content:center;position:absolute;right:1.5rem;transform:translateY(5rem);transition:transform .4s cubic-bezier(.16,1,.3,1);width:3.5rem}.work-project-image:focus-visible .work-project-open,.work-project-image:hover .work-project-open{transform:translateY(0)}.work-index{color:#c7ff52;font-size:.72rem;font-weight:650;text-transform:uppercase}.work-project-info h3{font-size:clamp(2.8rem,5vw,5.5rem);font-weight:600;line-height:.95;margin-top:1.2rem}.work-project-info>p{color:var(--work-muted);font-size:1.08rem;line-height:1.6;margin-top:1.3rem;max-width:34rem}.work-project-bottom{align-items:center;border-top:1px solid var(--work-line);display:flex;font-size:.78rem;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:1rem}.work-project-bottom>span{color:var(--work-muted)}.work-project-bottom a{align-items:center;display:inline-flex;font-weight:650;gap:.45rem;min-height:2.75rem}.work-project-bottom a svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.work-project-bottom a:hover svg{transform:translate(3px,-3px)}.work-inquiry{border-top:1px solid var(--work-line);margin:2rem auto 0;max-width:1440px;padding:clamp(5rem,9vw,10rem) clamp(1rem,5vw,5rem)}.work-inquiry h2{font-size:clamp(3.5rem,7vw,8rem);font-weight:620;line-height:.92;margin-top:1rem;max-width:13ch}.work-inquiry>p:not(.work-kicker){color:var(--work-muted);font-size:1.1rem;line-height:1.6;margin-top:1.8rem;max-width:38rem}.work-acid-button{align-items:center;background:#c7ff52;border-radius:999px;color:#07070a!important;display:inline-flex;font-size:.95rem;font-weight:650;gap:2rem;justify-content:space-between;margin-top:2.5rem;min-height:3.3rem;padding:.8rem 1.3rem;transition:background .25s ease,transform .25s ease}.work-acid-button:hover{background:#d9ff83;transform:translateY(-3px)}.case-hero{padding:2rem clamp(1rem,5vw,5rem) 0}.case-topline{align-items:center;border-bottom:1px solid var(--work-line);display:flex;font-size:.73rem;gap:1rem;justify-content:space-between;min-height:3rem;text-transform:uppercase}.case-topline a{align-items:center;display:inline-flex;gap:.5rem;min-height:2.75rem}.case-topline>span{color:var(--work-muted);text-align:right}.case-title-row{align-items:end;display:grid;gap:2rem;grid-template-columns:1fr minmax(18rem,.38fr);padding:clamp(4rem,8vw,8rem) 0 3rem}.case-title-row h1{font-size:clamp(4.5rem,12vw,12rem);font-weight:620;line-height:.8}.case-title-row h1 span{color:#c7ff52}.case-title-row p{color:var(--work-muted);font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.5}.case-live-link{align-items:center;border-bottom:1px solid var(--work-line);display:inline-flex;font-size:.88rem;font-weight:600;gap:.8rem;margin-top:1.5rem;min-height:2.75rem}.case-live-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.case-live-link:hover svg{transform:translate(3px,-3px)}.case-hero-image{aspect-ratio:2/1;background:#241d32;overflow:hidden;position:relative}.case-hero-image>span{bottom:1.5rem;font-size:.7rem;left:1.5rem;position:absolute;text-shadow:0 1px 8px #07070a;text-transform:uppercase;z-index:1}.case-disclosure{color:var(--work-muted);font-size:.75rem;line-height:1.5;padding-top:1rem}.case-approach,.case-close,.case-context,.case-scope{border-bottom:1px solid var(--work-line);display:grid;gap:clamp(2rem,7vw,7rem);grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr)}.case-context h2{font-size:clamp(3rem,5.5vw,6.2rem);font-weight:620;line-height:.95;margin-top:1rem;max-width:12ch}.case-context-copy>p:first-child{color:#f7f4ff;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.5}.case-challenge{border-top:1px solid var(--work-line);color:var(--work-muted);font-size:1rem;line-height:1.6;margin-top:3rem;padding-top:1rem}.case-challenge span{color:#c7ff52;display:block;font-size:.7rem;margin-bottom:.8rem;text-transform:uppercase}.case-scope-list>div{align-items:center;border-top:1px solid var(--work-line);display:grid;gap:1rem;grid-template-columns:2rem 1fr auto;min-height:5rem}.case-scope-list>div:last-child{border-bottom:1px solid var(--work-line)}.case-approach li span,.case-scope-list span{color:#c7ff52;font-size:.72rem}.case-scope-list h3{font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:570}.case-scope-list svg{color:var(--work-muted)}.case-image-chapter{padding:clamp(3rem,6vw,6rem) clamp(1rem,5vw,5rem)}.case-detail-image{aspect-ratio:2/1;background:#241d32;overflow:hidden;position:relative}.case-image-chapter>p{color:var(--work-muted);font-size:.7rem;margin-top:.8rem;text-transform:uppercase}.case-approach ol{list-style:none;margin:0;padding:0}.case-approach li{border-top:1px solid var(--work-line);display:grid;gap:1rem;grid-template-columns:2rem 1fr;padding:1.25rem 0}.case-approach li:last-child{border-bottom:1px solid var(--work-line)}.case-approach li p{font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.4}.case-approach li h3{font-size:clamp(1.15rem,1.8vw,1.7rem);font-weight:600}.case-approach li div p{color:var(--work-muted);font-size:.98rem;line-height:1.55;margin-top:.5rem}.case-surfaces>h2{margin-bottom:3rem}.case-surface-grid{border-top:1px solid var(--work-line);display:grid;grid-template-columns:repeat(3,1fr)}.case-surface-grid>section{border-right:1px solid var(--work-line);padding:2rem clamp(1rem,3vw,3rem) 1rem 0}.case-surface-grid>section+section{padding-left:clamp(1rem,3vw,3rem)}.case-surface-grid>section:last-child{border-right:0}.case-surface-grid span{color:#c7ff52;font-size:.7rem;text-transform:uppercase}.case-surface-grid h3{font-size:clamp(1.4rem,2.4vw,2.35rem);font-weight:570;line-height:1.1;margin-top:2rem;min-height:7rem}.case-surface-grid ul{color:var(--work-muted);list-style:none;margin:2rem 0 0;padding:0}.case-surface-grid li{border-top:1px solid var(--work-line);font-size:.88rem;line-height:1.5;padding:.9rem 0}.case-close>div:last-child>p{max-width:33rem}.case-next{align-items:end;background:#302b39;display:flex;justify-content:space-between;min-height:clamp(20rem,34vw,34rem);overflow:hidden;padding:clamp(2rem,5vw,5rem);position:relative}.case-next:after{background:linear-gradient(90deg,#07070a,transparent 90%);content:"";inset:0;position:absolute}.case-next img{object-position:center}.case-next span,.case-next strong{position:relative;z-index:1}.case-next span{align-items:center;display:inline-flex;font-size:.85rem;gap:.7rem}.case-next strong{font-size:clamp(3rem,7vw,8rem);line-height:.9}@media (prefers-reduced-motion:no-preference){.case-title-row,.work-hero-copy{animation:work-enter .9s cubic-bezier(.16,1,.3,1) both}.case-approach,.case-close,.case-context,.case-scope,.case-surfaces,.work-project{animation:work-enter linear both;animation-timeline:view();animation-range:entry 0 entry 35%}}@keyframes work-enter{0%{opacity:.2;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.case-approach,.case-close,.case-context,.case-scope,.case-title-row,.work-gallery-heading,.work-hero,.work-project{grid-template-columns:1fr}.work-hero{min-height:auto}.work-hero-copy{padding-block:5rem}.work-hero-media{min-height:28rem}.work-hero-media:after{background:linear-gradient(0deg,#07070a,transparent 25%)}.work-project:nth-child(2n) .work-project-image{order:0}.work-project{gap:1.7rem}.work-gallery-heading{gap:1.5rem}.case-surface-grid{grid-template-columns:1fr}.case-surface-grid>section,.case-surface-grid>section+section{border-bottom:1px solid var(--work-line);border-right:0;padding:2rem 0}.case-surface-grid h3{min-height:0}}@media (max-width:640px){.work-hero h1{font-size:clamp(3.5rem,14vw,5rem)}.work-hero-media{min-height:20rem}.work-project-image{aspect-ratio:1.1/1}.work-project-open{transform:none}.case-title-row h1{font-size:clamp(3.5rem,17vw,6rem);overflow-wrap:anywhere}.case-detail-image,.case-hero-image{aspect-ratio:1.2/1}.case-next{align-items:flex-start;flex-direction:column;justify-content:end;gap:1rem}}