.case-study{--case-ink:#dfdbd1;--case-muted:#aaa79d;--case-accent:#a79b83;--case-rule:#b6a58230;--case-gap:clamp(20px,3vw,48px);--case-space:clamp(76px,10vw,144px);--grid-gutter:clamp(20px,2.5vw,36px);--grid-flow:calc(var(--grid-gutter)*2);--grid-chapter:calc(var(--grid-gutter)*4);--grid-columns:repeat(12,minmax(0,1fr));color:var(--case-ink);background:#080a09;padding:0 clamp(20px,6vw,112px);font-family:Arial,sans-serif}.case-study>div{max-width:1440px;margin:auto}.case-study a{color:inherit;text-decoration:none}.case-study a:hover{color:#e6d4b0}.case-study a:focus-visible{outline-offset:7px;outline:1px solid #c5b38e}.case-micro,.case-plate figcaption,.case-facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--case-accent);font:10px/1.6 Arial,sans-serif;display:block}.case-copy{color:var(--case-muted);max-width:38ch;margin:0;font:14px/1.8 Arial,sans-serif}.case-intro{padding:112px 0 var(--grid-gutter)}.case-utility{justify-content:space-between;align-items:center;gap:var(--grid-gutter);padding-bottom:var(--grid-gutter);border-bottom:1px solid var(--case-rule);display:flex}.case-back{padding:8px 0;font:11px/1.6 Arial,sans-serif;display:inline-block}.case-utility .case-micro{margin:0}.case-utility .case-micro span{color:var(--case-muted);margin-left:24px}.case-identity{grid-template-columns:var(--grid-columns);column-gap:var(--grid-gutter);margin:var(--grid-gutter) 0;align-items:center;display:grid}.case-brand-name{grid-column:1/span 6;min-width:0}.case-identity h1{transform-origin:initial;margin:0;line-height:0;transform:none}.case-identity h1 img{filter:brightness(0)invert(.88);width:100%;max-width:480px;height:auto;display:block}.case-brand-name>.case-micro{margin-top:20px}.case-intro-statement{letter-spacing:-.015em;color:#bdb9ad;grid-column:7/-1;max-width:31ch;margin:0;font:clamp(20px,1.65vw,26px)/1.5 Georgia,serif}.case-facts{grid-template-columns:var(--grid-columns);gap:var(--grid-gutter);border-top:1px solid var(--case-rule);padding-top:var(--grid-gutter);margin:0;display:grid}.case-facts>div{grid-column:span 2;min-width:0}.case-facts>div:first-child{grid-column:span 3}.case-facts>div:nth-child(2){grid-column:span 5}.case-facts dd{color:var(--case-muted);max-width:44ch;margin:8px 0 0;font:12px/1.7 Arial,sans-serif}@media (max-width:900px){.case-identity{row-gap:var(--grid-gutter)}.case-brand-name{grid-column:1/span 7}.case-intro-statement{grid-column:1/-1;max-width:48ch}}@media (max-width:700px){.case-intro{padding-top:100px}.case-utility{display:block}.case-utility .case-micro{margin-top:16px}.case-utility .case-micro span{margin-left:16px}.case-identity{row-gap:24px;margin:32px 0}.case-brand-name{grid-column:1/-1}.case-identity h1 img{width:100%;max-width:320px}.case-brand-name>.case-micro{margin-top:14px}.case-intro-statement{max-width:32ch;font-size:20px}.case-facts{row-gap:20px}.case-facts>div:first-child{grid-column:1/span 4}.case-facts>div:nth-child(2){grid-area:2/1/auto/-1}.case-facts>div:nth-child(3){grid-area:1/5/auto/span 3}.case-facts>div:last-child{grid-area:1/8/auto/-1}.case-facts dd{margin-top:5px}}.case-plate{min-width:0;margin:0}.case-plate img{background:#121412;width:100%;height:auto;display:block}.case-plate figcaption{letter-spacing:.11em;margin-top:14px;font-size:9px}.case-chapter{margin-top:var(--grid-chapter)}.case-event{grid-template-columns:var(--grid-columns);column-gap:var(--grid-gutter);margin-bottom:var(--grid-flow);align-items:start;display:grid}.case-event>.case-micro{grid-column:1/span 3;padding-top:14px}.case-event h2{letter-spacing:-.045em;grid-column:4/-1;max-width:14ch;margin:0;font:clamp(44px,6.2vw,92px)/1.04 Georgia,serif}.case-event .case-copy{margin-top:var(--grid-gutter);grid-column:4/span 5}.case-heading{grid-template-columns:var(--grid-columns);gap:var(--grid-gutter);margin-bottom:var(--grid-flow);align-items:start;display:grid}.case-heading h2{letter-spacing:-.025em;grid-column:4/span 5;max-width:16ch;margin:0;font:clamp(28px,3vw,44px)/1.15 Georgia,serif}.case-heading>.case-micro{grid-column:1/span 3;padding-top:7px}.case-heading .case-copy{grid-column:9/-1}.case-wide{width:100%}.case-equal,.case-final-pair,.case-character-grid,.case-details{grid-template-columns:var(--grid-columns);gap:var(--grid-gutter);align-items:start;width:100%;margin:0;display:grid}.case-equal>.case-plate,.case-final-pair>.case-plate{grid-column:span 6}.case-character-grid>.case-plate,.case-details>.case-plate{grid-column:span 4}.case-chapter-end{margin-top:var(--grid-flow)}.case-product-heading{margin:var(--grid-flow) 0}.case-product-heading .case-copy{grid-column:4/span 5}.case-closing{margin-top:var(--case-space);border-top:1px solid var(--case-rule);padding:40px 0}.case-closing h2{letter-spacing:-.035em;margin:24px 0;font:clamp(32px,4vw,56px)/1.1 Georgia,serif}.case-closing>.case-copy{max-width:none;font-size:12px}.case-closing nav{border-top:1px solid var(--case-rule);justify-content:space-between;gap:24px;margin-top:40px;padding-top:28px;font:12px/1.6 Arial,sans-serif;display:flex}.case-closing nav a{padding:8px 0}.case-study [data-case-reveal]{transition:opacity .8s,transform 1s cubic-bezier(.22,.8,.2,1)}.case-study .case-waiting{opacity:0;transform:translateY(18px)}@media (max-width:700px){.case-event,.case-heading{display:block}.case-event h2{max-width:15ch;margin-top:22px;font-size:clamp(40px,10vw,64px)}.case-event .case-copy{margin-top:24px}.case-heading h2{margin:18px 0}.case-heading .case-copy{margin-top:16px}.case-study{--grid-gutter:20px;--grid-flow:40px;--grid-chapter:80px}.case-equal,.case-character-grid,.case-details,.case-final-pair{grid-template-columns:minmax(0,1fr)}.case-equal>.case-plate,.case-character-grid>.case-plate,.case-details>.case-plate,.case-final-pair>.case-plate{grid-column:1;width:100%;margin:0}.case-product-heading{margin:var(--grid-flow) 0}.case-closing nav{flex-direction:column;gap:14px}.case-plate figcaption{font-size:8px}.case-copy{font-size:13px}}@media (prefers-reduced-motion:reduce){.case-study [data-case-reveal]{opacity:1;transition:none;transform:none}}.case-closing .case-index-return{margin-top:24px;padding:8px 0;font:11px/1.6 Arial,sans-serif;display:inline-block}.case-closing nav{align-items:flex-start;margin-top:24px}.case-closing .case-next{margin-left:auto}.case-upcoming{color:var(--case-muted);text-align:right;flex-direction:column;gap:6px;padding:8px 0;display:flex}.case-upcoming small{letter-spacing:.12em;text-transform:uppercase;color:var(--case-accent);font:9px/1.6 Arial,sans-serif}@media (max-width:700px){.case-closing .case-next{margin-left:0}.case-upcoming{text-align:left}}