.project-case{--case-accent:#b7a4ff;--case-surface:#1c1928;background:#090a0f}.project-case[data-tone=lime]{--case-accent:#acd4b6;--case-surface:#21372a}.project-case[data-tone=cyan]{--case-accent:#a1d3dd;--case-surface:#1c3339}.project-case[data-tone=orange]{--case-accent:#e7b7b0;--case-surface:#3c272b}.project-case[data-tone=violet]{--case-accent:#bdabf4;--case-surface:#2c2142}.project-case[data-tone=rose]{--case-accent:#d9b1ba;--case-surface:#342028}.project-case[data-tone=blue]{--case-accent:#afc6e8;--case-surface:#1d2e46}.project-case[data-tone=amber]{--case-accent:#e2c29d;--case-surface:#3a2e21}.project-case[data-tone=indigo]{--case-accent:#c3b7f4;--case-surface:#2a2440}.project-case a:focus-visible{outline:3px solid var(--case-accent);outline-offset:.4rem}.project-case__hero{padding-block:calc(var(--header-height) + 2.5rem) 4rem}.project-case__back{color:#bbbcc6;align-items:center;min-height:2.75rem;margin-bottom:clamp(2rem,5vw,5rem);font-size:.85rem;display:inline-flex}.project-case .cinema-kicker{color:var(--case-accent);line-height:1.7}.project-case .cinema-kicker>span{background:currentColor}.project-case__intro{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.project-case__intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(4rem,8.5vw,8.5rem);line-height:.94}.project-case__status{color:#c3c1ce;margin:1.5rem 0 0;font-size:.85rem}.project-case__summary{color:#c6c7cf;max-width:35rem;margin:0;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.7}.project-case__primary{margin-top:2rem}.project-case__visual{margin-block:0}.project-case__visual>div{background:var(--case-surface);padding:clamp(.6rem,2.8vw,2.8rem)}.project-case__visual img{border:1px solid #ffffff29;width:100%;height:auto;box-shadow:0 1.5rem 4rem #00000026}.project-case__visual figcaption{color:#9599a7;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding-block:1rem;font-size:.75rem;display:flex}.project-case__context{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,7vw,7rem);padding-block:clamp(4rem,7vw,7rem);display:grid}.project-case__context h2{color:var(--case-accent);font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.8rem;font-weight:600;line-height:1.5}.project-case__context p{color:#d4d4dc;margin-bottom:0;font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.65}.project-case__work{background:#ffffff06;border-block:1px solid #ffffff24;padding-block:clamp(4rem,7vw,7rem)}.project-case__section-heading{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:start;gap:2rem;margin-bottom:3rem;display:grid}.project-case__section-heading h2,.project-case__website h2{text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.4rem,4.4vw,4.3rem);line-height:1.03}.project-case__work-list>div{border-top:1px solid #ffffff29;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:2rem;padding-block:2rem;display:grid}.project-case__work-list h3{max-width:20ch;margin:0;font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.2}.project-case__work-list p{color:#b3b6c1;max-width:46rem;margin:0;font-size:1.05rem;line-height:1.75}.project-case__website{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,7vw,7rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.project-case__website-copy>p{color:#b9bdc8;margin-bottom:1.75rem;font-size:1.12rem;line-height:1.8}.project-case__outbound{min-height:2.75rem;color:var(--case-accent);border-bottom:1px solid;align-items:center;gap:1rem;font-size:.95rem;display:inline-flex}.project-case__stack{margin-top:3rem}.project-case__stack h3{color:#9196a7;font-family:var(--body);letter-spacing:.08em;font-size:.72rem;font-weight:600}.project-case__stack ul{flex-wrap:wrap;gap:.6rem;display:flex}.project-case__stack li{color:#c6c8d2;border:1px solid #fff3;border-radius:2rem;padding:.5rem .8rem;font-size:.8rem}.project-case__cta{background:var(--case-surface);padding-block:clamp(4.5rem,8vw,8rem)}.project-case__cta h2{text-wrap:balance;max-width:20ch;margin-bottom:1.75rem;font-size:clamp(2.6rem,5.5vw,5.5rem);line-height:1.04}.project-case__cta div>p:not(.cinema-kicker){color:#d0ced9;max-width:38rem;margin-bottom:2rem;font-size:1.05rem;line-height:1.75}@media (width<=60rem){.project-case__intro{grid-template-columns:1fr;gap:1.75rem}.project-case__intro h1{font-size:clamp(3.5rem,12vw,7rem)}.project-case__context,.project-case__website{gap:2.5rem}}@media (width<=40rem){.project-case__hero{padding-top:calc(var(--header-height) + 1.2rem);padding-bottom:2.5rem}.project-case__back{margin-bottom:2rem}.project-case__intro h1{font-size:clamp(3.1rem,13vw,5rem)}.project-case__context,.project-case__website,.project-case__section-heading,.project-case__work-list>div{grid-template-columns:1fr}.project-case__section-heading{gap:.75rem}.project-case__work-list>div{gap:.9rem}.project-case__work-list h3{max-width:none}.project-case .cinema-button{text-align:left;white-space:normal;gap:.75rem;max-width:100%;padding-inline:1.2rem;font-size:.86rem}}