*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:17px;line-height:1.55;color:#1C1B19;background:#F3F1EC;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--em,#B8461F);text-decoration:none}a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}
.s-ink{--bg:#1C1B19;--fg:#F3F1EC;--mu:#B3AEA4;--ln:rgba(243,241,236,.16);--em:#E2683A;--cta:#C2502A;--ctafg:#fff;--card:#24221E;--ok:#9DB06A}
.s-paper{--bg:#F3F1EC;--fg:#1C1B19;--mu:#6E6B64;--ln:#DAD6CE;--em:#B8461F;--cta:#C2502A;--ctafg:#fff;--card:#FAF9F6;--ok:#5E6B3A}
.s-paper2{--bg:#E8E5DD;--fg:#1C1B19;--mu:#66635C;--ln:#D2CDC2;--em:#B8461F;--cta:#C2502A;--ctafg:#fff;--card:#F3F1EC;--ok:#5E6B3A}
.s-adobe{--bg:#BF6F53;--fg:#1C1B19;--mu:#1C1B19;--ln:rgba(28,27,25,.3);--em:#1C1B19;--cta:#1C1B19;--ctafg:#F3F1EC;--card:rgba(243,241,236,.14);--ok:#1C1B19}
section,footer{background:var(--bg);color:var(--fg)}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.lbl{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.serif{font-family:'Source Serif 4',Georgia,serif;font-weight:600;letter-spacing:-.018em}
.disp{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(46px,6.6vw,96px);line-height:.98;letter-spacing:-.025em;text-wrap:balance}
.h2{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.disp em,.h2 em,.serif em{font-style:italic;color:var(--em)}
.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--mu);max-width:560px;text-wrap:pretty}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--cta);color:var(--ctafg);font-weight:600;font-size:16px;padding:17px 26px;border-radius:4px;border:0;transition:transform .15s,filter .15s}
.btn:hover{text-decoration:none;filter:brightness(1.08);transform:translateY(-1px)}
.btn-line{display:inline-flex;align-items:center;gap:10px;color:var(--fg);font-weight:600;font-size:16px;padding:16px 24px;border-radius:4px;border:1px solid var(--ln)}
.btn-line:hover{text-decoration:none;border-color:var(--fg)}
.pill{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--mu)}
.pill::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in oklab,var(--ok) 25%,transparent)}
.logo{display:inline-flex;align-items:baseline;gap:7px;font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:23px;letter-spacing:-.015em;color:var(--fg)}
.logo:hover{text-decoration:none}
.logo i{color:var(--em)}
.logo span{display:inline-block;width:7px;height:7px;background:var(--em);transform:translateY(-5px)}
/* header */
.hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0}
.nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:500}
.nav a{color:var(--fg)}
.nav .btn{padding:12px 18px;font-size:15px}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px;align-items:end;padding:40px 0 64px}
.hero .tx{display:flex;flex-direction:column;gap:28px;padding-bottom:12px}
.hero h1{font-family:'JetBrains Mono',monospace;font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.route{display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid var(--ln);font-size:15px;color:var(--mu)}
.route a{font-weight:600}
.ph{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:#c9c5bf}
.ph img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.cap{display:flex;flex-direction:column;gap:2px;margin-top:14px;font-size:14px;color:var(--mu)}
.cap b{color:var(--fg);font-weight:600}
[data-theme="C"] .ph{background:#BF6F53;padding:40px 0 0 40px;border-radius:0}
[data-theme="C"] .ph img{border-radius:0}
[data-theme="A"] .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,rgba(28,27,25,.55))}
/* trust */
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:20px 48px;padding:28px 0;border-top:1px solid var(--ln)}
.trust .names{display:flex;flex-wrap:wrap;gap:16px 44px;font-family:'Source Serif 4',serif;font-weight:600;font-size:24px;color:var(--fg);opacity:.8}
.trust .yrs{margin-left:auto;font-size:14px;color:var(--mu)}
/* generic section */
.sec{padding:112px 0}
.shead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:56px}
.shead>div{display:flex;flex-direction:column;gap:18px}
/* services */
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.svc a{display:flex;flex-direction:column;gap:14px;padding:28px 24px;min-height:300px;border:1px solid var(--ln);border-radius:4px;color:var(--fg);background:var(--card);transition:transform .2s,border-color .2s}
.svc a:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--fg)}
.svc .n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mu)}
.svc h3{font-family:'Source Serif 4',serif;font-weight:600;font-size:28px;line-height:1.08;letter-spacing:-.015em;margin-top:auto}
.svc p{font-size:15px;color:var(--mu);line-height:1.5}
.svc .go{font-size:14px;font-weight:600}
.svc a.hl{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.svc a.hl p,.svc a.hl .n{color:var(--bg);opacity:.75}
/* problems */
.probs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ln)}
.probs div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 16px;padding:32px 32px 32px 0;border-bottom:1px solid var(--ln)}
.probs div:nth-child(even){padding-left:32px;border-left:1px solid var(--ln)}
.probs .n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mu);padding-top:10px}
.probs p{font-family:'Source Serif 4',serif;font-weight:600;font-size:clamp(22px,2.1vw,30px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.probs small{grid-column:2;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--em)}
/* quiz */
.quiz{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.quiz .l{display:flex;flex-direction:column;gap:24px;position:sticky;top:32px}
.lights{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--ln);border-radius:4px;background:var(--card);width:max-content}
.lights span{width:30px;height:30px;border-radius:50%;opacity:.22;transition:opacity .3s,box-shadow .3s}
.lights span.on{opacity:1;box-shadow:0 0 0 6px color-mix(in oklab,currentColor 22%,transparent)}
.lights .g{background:#5E6B3A;color:#5E6B3A}.lights .y{background:#D9A23A;color:#D9A23A}.lights .r{background:#C2502A;color:#C2502A}
.s-ink .lights .g{background:#8FA35E;color:#8FA35E}
.res{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:4px;background:var(--fg);color:var(--bg)}
.res h4{font-family:'Source Serif 4',serif;font-weight:600;font-size:26px;line-height:1.12;letter-spacing:-.01em}
.res p{font-size:15px;opacity:.8}
.res .btn{align-self:flex-start}
.s-adobe .res .btn,.s-ink .res .btn{background:#C2502A;color:#fff}
.qs{display:flex;flex-direction:column;gap:10px}
.q{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 14px;padding:22px;border:1px solid var(--ln);border-radius:4px;background:var(--card)}
.q .n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mu);padding-top:3px}
.q p{font-weight:600;font-size:17px;line-height:1.4}
.opts{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.opts button{border:1px solid var(--ln);background:transparent;color:var(--fg);padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;transition:all .15s}
.opts button:hover{border-color:var(--fg)}
.opts button.sel{background:var(--fg);color:var(--bg);border-color:var(--fg)}
/* dominick */
.dom{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center}
.dom .ph{aspect-ratio:4/5}
.dom .tx{display:flex;flex-direction:column;gap:28px}
.creds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--ln)}
.creds div{padding:18px 16px 18px 0;border-bottom:1px solid var(--ln);display:flex;flex-direction:column;gap:2px;font-size:15px;color:var(--mu)}
.creds b{font-family:'Source Serif 4',serif;font-weight:600;font-size:21px;color:var(--fg);letter-spacing:-.01em}
.quote{font-family:'Source Serif 4',serif;font-style:italic;font-size:22px;line-height:1.4;color:var(--fg);border-left:0;max-width:560px}
/* method */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:s}
.steps div{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:3px solid var(--ln);position:relative}
.steps div::before{content:"";position:absolute;top:-3px;left:0;height:3px;width:0;background:var(--em);transition:width .9s ease}
.steps.in div::before{width:100%}
.steps.in div:nth-child(2)::before{transition-delay:.25s}.steps.in div:nth-child(3)::before{transition-delay:.5s}.steps.in div:nth-child(4)::before{transition-delay:.75s}
.steps .n{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--em)}
.steps h3{font-family:'Source Serif 4',serif;font-weight:600;font-size:36px;letter-spacing:-.02em;line-height:1}
.steps p{font-size:15px;color:var(--mu)}
/* cases */
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--ln);border-radius:4px;background:var(--card)}
.case .top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.case .no{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mu);display:flex;flex-direction:column;gap:4px}
.stamp{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;border:1.5px solid var(--em);color:var(--em);padding:5px 10px;transform:rotate(-4deg)}
.case h3{font-family:'Source Serif 4',serif;font-weight:600;font-size:28px;line-height:1.1;letter-spacing:-.015em}
.case dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px 16px;font-size:15px;border-top:1px solid var(--ln);padding-top:20px}
.case dt{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);padding-top:3px}
.note{margin-top:16px;font-size:13px;color:var(--mu)}
/* resources */
.res3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.res3 a{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:4px;background:var(--card);color:var(--fg);min-height:260px;border:1px solid var(--ln)}
.res3 a:hover{text-decoration:none;border-color:var(--fg)}
.res3 h3{font-family:'Source Serif 4',serif;font-weight:600;font-size:25px;line-height:1.15;letter-spacing:-.01em;margin-top:auto;text-wrap:balance}
.res3 .m{display:flex;justify-content:space-between;font-size:13px;color:var(--mu)}
/* final cta */
.final{padding:128px 0;text-align:left}
.final .in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:48px;align-items:end}
.final .act{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
/* footer */
footer{padding:64px 0 120px;border-top:1px solid var(--ln)}
.ft{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.ft div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.ft a{color:var(--fg);opacity:.85}
.legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--ln);font-size:12.5px;color:var(--mu);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
/* sticky mobile */
.sticky{display:none}
.cmpbar{position:fixed;bottom:16px;left:16px;z-index:50;display:flex;gap:2px;background:#1C1B19;border-radius:999px;padding:4px;font-family:'JetBrains Mono',monospace;font-size:12px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.cmpbar a,.cmpbar span{padding:8px 14px;border-radius:999px;color:#F3F1EC;text-decoration:none}
.cmpbar span{background:#C2502A}
.cmpbar a:hover{background:rgba(255,255,255,.1)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (max-width:960px){
.wrap{padding:0 22px}
.nav a:not(.btn){display:none}.nav .btn{display:none}.cmpbar{bottom:auto;top:12px;left:auto;right:12px}
.hero,.quiz,.dom,.final .in,.shead{grid-template-columns:minmax(0,1fr)}
.hero{gap:36px;padding-top:16px}
.hero .ph{max-width:420px}
.svc{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc a{min-height:220px}
.probs{grid-template-columns:minmax(0,1fr)}
.probs div:nth-child(even){padding-left:0;border-left:0}
.quiz .l{position:static}
.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.cases,.res3{grid-template-columns:minmax(0,1fr)}
.ft{grid-template-columns:repeat(2,minmax(0,1fr))}
.sec{padding:80px 0}
.trust .yrs{margin-left:0}
.sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#1C1B19;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 -8px 24px rgba(0,0,0,.2)}
.sticky span{color:#B3AEA4;font-size:13px}
.sticky .btn{background:#C2502A;color:#fff;padding:14px 18px;font-size:15px}
}
@media (max-width:560px){.svc,.steps,.creds{grid-template-columns:minmax(0,1fr)}.case dl{grid-template-columns:minmax(0,1fr);gap:4px}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.steps div::before{transition:none}}