/* 2026: sharper contrast, fresher type, Snaresund as the star */
:root{--paper:#FBFAF7;--ink:#1F140E;--clay:#B4471F;--muted:#5E4E43;--line:#E3DBD2}
body{color:var(--ink)}
.hero h1{font-weight:500;letter-spacing:-.065em;line-height:.9}
.hero h1>em{color:var(--clay)}
.hero-description{font-size:clamp(17px,1.35vw,20px);line-height:1.5;max-width:470px;color:var(--ink)}
.hero-reassurance{font-size:14px;color:var(--muted);margin-top:14px}
.button{border-radius:999px;font-weight:600;font-size:15px;box-shadow:0 10px 24px -14px var(--clay)}
.button:hover{background:var(--ink)}
.display{font-weight:500;letter-spacing:-.05em}
.study{border-radius:12px;border:1px solid #1f140e26;box-shadow:0 30px 60px -30px #1f140e66}
.study .browser-chrome{border-bottom:1px solid #1f140e12}
.study .forma-body img,.study .naer-body img{object-fit:cover;object-position:center}
.study[data-position=back],.study[data-position=far]{filter:saturate(1.05)}
.client-case{padding-top:clamp(70px,9vw,140px)}
.case-kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clay);margin-bottom:18px}
.case-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}
.case-numbers>div{display:flex;flex-direction:column-reverse;padding:22px 16px 22px 0}
.case-numbers dd{margin:0;font-size:clamp(54px,6vw,104px);line-height:.9;font-weight:600;letter-spacing:-.06em;color:var(--clay)}
.case-numbers dt{font-size:14px;font-weight:500;color:var(--ink);margin-top:10px}
.case-quote{margin-top:32px;padding-left:22px;border-left:4px solid var(--clay)}
.case-quote blockquote{font-size:clamp(20px,1.8vw,28px);line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.case-quote figcaption{margin-top:14px;font-weight:600;font-size:14px}
.case-steps{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;counter-reset:s}
.case-steps li{font-size:16px;line-height:1.5;padding-left:34px;position:relative;counter-increment:s}
.case-steps li:before{content:counter(s);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;display:grid;place-items:center;font-weight:600}
.case-preview img{border-radius:10px;box-shadow:0 30px 70px -35px #1f140e80}
.founders p,.offer p{color:var(--ink)}
@media(max-width:700px){.case-numbers dd{font-size:46px}.case-numbers dt{font-size:12px}.hero-description{font-size:17px}}
.client-case .case-story .case-numbers dd{font-size:clamp(48px,4.6vw,76px)!important;letter-spacing:-.05em!important;font-weight:600!important;line-height:.9!important;align-self:flex-start}
.client-case .case-story .case-numbers>div{justify-content:flex-end}
@media(max-width:700px){.client-case .case-story .case-numbers dd{font-size:44px!important}}

/* Softer: midway between punch and original */
:root{--ink:#33241B;--clay:#B9542C;--muted:#6A594D}
.hero h1{font-weight:450;letter-spacing:-.05em}
.display{font-weight:450;letter-spacing:-.04em}
.case-other{margin:28px 0 0;font-size:clamp(17px,1.3vw,20px);max-width:640px}
.client-case .case-more{margin-top:30px;margin-left:auto;width:min(560px,100%);border-top:1px solid var(--line);padding-top:6px}
.client-case .case-more>summary{font-weight:600}
.client-case .case-more>blockquote{font-size:17px;line-height:1.65;color:var(--ink)}
@media(max-width:700px){.client-case .case-more{margin-left:0}}
.hero-actions .text-link{border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:8px 0;min-height:0;gap:12px;transition:color .25s,border-color .25s}
.hero-actions .text-link:hover{color:var(--clay);border-bottom-color:var(--clay)}
.case-bottom-row{display:grid;grid-template-columns:1fr minmax(0,560px);gap:clamp(32px,5vw,80px);align-items:start;margin-top:8px}
.case-bottom-row .client-case .case-more,.client-case .case-bottom-row .case-more{margin:0;width:100%}
@media(max-width:800px){.case-bottom-row{grid-template-columns:1fr}}

/* arrows stay plain text glyphs, never emoji tiles */
body{font-variant-emoji:text}