@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=DM+Sans:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#e9e7df;--ink:#202923;--muted:#626b61;--line:#bfc4b7;--accent:#526644}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5;font-size:11px}header>a{letter-spacing:.16em;font-weight:600}nav{display:flex;gap:30px}main{max-width:1600px;margin:auto}.hero{padding:85px 6% 55px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px 9%}.eyebrow{font-size:10px;letter-spacing:.15em;margin:0 0 25px;font-weight:500}.hero>.eyebrow{grid-column:1/-1}h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1;margin:0}h1{font-size:clamp(70px,7.8vw,125px)}h1 em{font-weight:400;color:var(--accent)}h2{font-size:clamp(42px,4.7vw,73px)}.intro{padding-top:30px;max-width:410px}.intro p:first-child{font-size:20px;line-height:1.5}.intro p{color:var(--muted)}.button{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-bottom:1px solid var(--ink);font-size:12px;margin-top:28px}.button span{font-size:20px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:0 6% 45px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}dd{margin:0;font-size:12px}figure{margin:0}figure img{display:block;width:100%;height:auto}figcaption{font-size:10px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);margin-top:12px}.wide{margin:0 6%}.hero-image{padding:25px;background:#d6dace}.section{margin:0 6%;padding:95px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.prose p{margin:0 0 22px;color:var(--muted)}.prose h3{font-size:17px;font-weight:500;margin:0 0 10px}.prose h3:not(:first-child){margin-top:30px}.aside{font-size:11px!important;line-height:1.8;color:var(--muted)}.decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:50px}.decisions article{border-top:1px solid var(--line);padding-top:20px}.decisions article>span{font-size:11px;color:var(--accent)}.decisions h3{font-size:21px;font-weight:500;line-height:1.35;max-width:250px}.decisions p{font-size:13px;color:var(--muted)}.decisions a,.text-link{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}.interaction figure{margin-top:45px}.interaction figure img{max-height:760px;object-fit:contain;background:#151923}.responsive{display:grid;grid-template-columns:.85fr 1fr;gap:13%;align-items:center}.phone{max-width:350px;margin:auto;border:1px solid var(--line);padding:12px;background:#d6dace}.phone figcaption{font-size:9px}.responsive .result{font-size:17px;color:var(--muted);margin-top:30px}.credits{padding:40px 6%;max-width:1100px;font-size:11px;color:var(--muted)}footer{margin:0 6%;padding:30px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}@media(max-width:700px){header{padding:18px 6%}nav{gap:18px}nav a:not(:last-child){display:none}.hero{padding-top:45px;grid-template-columns:1fr;gap:0}.hero>.eyebrow{margin-bottom:30px}h1{font-size:70px}.intro{padding-top:20px}.intro p:first-child{font-size:17px}.facts{grid-template-columns:1fr 1fr;gap:22px}dd{font-size:11px}.hero-image{padding:8px}figcaption{font-size:8px;flex-wrap:wrap}.section{padding:55px 0}.split,.responsive{grid-template-columns:1fr;gap:30px}.decisions{grid-template-columns:1fr;gap:30px;margin-top:30px}.decisions h3{max-width:none;margin-top:10px}.phone{max-width:285px}.responsive>div{grid-row:1}.prose p{font-size:13px}.credits{padding-top:30px}.interaction figure img{max-height:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:700px){h1{font-size:58px}.hero{padding-top:35px}}
/* Visual case study: the interface shares the opening frame with the story. */

:root{--paper:#080d12;--ink:#f1f0e9;--muted:#a4aaa9;--line:#ffffff26;--accent:#d7ff82}body{font-family:'Space Grotesk',Arial,sans-serif}header{background:#080d12ed;backdrop-filter:blur(16px)}header>a{font-size:16px}.hero{grid-template-columns:1fr 1.2fr;padding-top:60px;gap:20px 5%;align-items:center;background:radial-gradient(ellipse at 80% 40%,#1d342b66,transparent 60%)}.hero>.eyebrow{color:var(--accent)}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:400;letter-spacing:-.065em}h1{font-size:clamp(50px,5.7vw,90px);line-height:1.02}h1 em{font-style:normal;color:var(--accent)}.case-preview{padding:14px;background:#162320;border:1px solid var(--line);transform:rotate(-2deg);box-shadow:0 25px 100px #0006}.case-preview figcaption{font-size:8px;color:var(--accent);letter-spacing:.1em}.intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;max-width:none;padding-top:25px}.intro p{margin:0;font-size:13px}.intro p:first-child{font-size:17px}.intro .button{grid-column:2;margin:0}.hero-image{background:#13201e;padding:20px}.facts{margin-top:0}.eyebrow{color:var(--accent)}.decisions article>span{color:var(--accent)}.phone{background:#14221c}.credits strong{color:var(--ink)}.button{border-color:var(--accent)}.button span{color:var(--accent)}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.hero>.eyebrow{margin-bottom:0}h1{font-size:55px}.case-preview{transform:none}.intro{grid-template-columns:1fr;gap:18px;padding-top:0}.intro .button{grid-column:auto;margin-top:5px}.intro p:first-child{font-size:16px}.hero-image{padding:8px}h2{font-size:43px}.case-preview figcaption{font-size:7px}}

:root{--paper:#090909;--ink:#e9e7e2;--muted:#93938f;--line:#ffffff1c;--accent:#c7c6c1}body{font-family:'DM Sans',Arial,sans-serif;font-weight:300}header{background:#090909ed}header>a{font-size:12px;letter-spacing:.2em}.hero{background:#090909}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.04em}h1{font-size:clamp(64px,6.7vw,105px)}h1 em{font-style:italic;color:#c7c6c1}.case-preview{background:#161616;transform:none;border-color:#ffffff1c;box-shadow:none;padding:12px}.case-preview figcaption{color:#aaa}.hero-image{background:#151515}.phone{background:#151515}.eyebrow{font-size:8px;letter-spacing:.14em}.decisions h3{font-size:19px;font-weight:400}@media(max-width:700px){h1{font-size:66px}h2{font-size:52px}}

body,h1,h2{font-family:Manrope,Arial,sans-serif}h1,h2{font-weight:300;letter-spacing:-.05em}h1 em{font-style:normal}h1{font-size:clamp(50px,5.5vw,85px)}header{background:#07090bed}.hero{background:radial-gradient(ellipse at 80% 30%,#18202666,transparent 60%)}:root{--paper:#07090b;--ink:#efefed;--muted:#969fa3;--line:#ffffff22;--accent:#c8cfd1}.case-preview{background:#101619;border-radius:2px}.hero-image,.phone{background:#101619}@media(max-width:700px){h1{font-size:53px}h2{font-size:43px}}