
:root{
  --ink:#071016;
  --paper:#f3f0e8;
  --paper2:#f8f6f1;
  --blue:#17313d;
  --line:rgba(7,16,22,.18);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:999}
.eyebrow{font-size:11px;letter-spacing:.31em;font-weight:700;color:#dbe3e6;line-height:1.55}
.dark-eye{color:#19323f}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.site-header{position:absolute;z-index:30;top:0;left:0;right:0;color:#fff}
.nav-wrap{height:72px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:28px;padding:0 38px}
.logo{display:flex;flex-direction:column;line-height:1}.logo span{font-size:26px;letter-spacing:.11em}.logo small{margin-top:6px;font-size:7px;letter-spacing:.26em;text-transform:uppercase}
nav{display:flex;justify-content:center;gap:35px;font-size:12px}nav a{opacity:.95}
.top-cta{background:#f7f5ef;color:#081117;border-radius:999px;padding:12px 21px;font-size:12px}.top-cta span{margin-left:16px}
.menu-btn{display:none}
.hero{min-height:670px;display:grid;grid-template-columns:46% 54%;background:#061016;color:#fff;overflow:hidden}
.hero-left{padding:115px 55px 65px 58px;display:flex;flex-direction:column;justify-content:center}
.hero-left h1{font-size:clamp(72px,7vw,126px);line-height:.78;letter-spacing:-.055em;margin:19px 0 26px}
.hero-sub{font-family:var(--serif);font-size:27px;margin-bottom:23px}
.hero-left>p{font-size:16px;line-height:1.5;max-width:660px;color:#eef1f2}
.hero-actions{display:flex;gap:22px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:9px;font-size:12px;border:1px solid transparent}
.btn-light{background:#f7f5ef;color:#071016}.btn-outline{border-color:rgba(255,255,255,.6);color:#fff}.btn-dark{background:#071016;color:#fff}
.hero-right{position:relative;overflow:hidden}.hero-right>img{height:100%;object-fit:cover}
.doctrine{position:absolute;top:190px;left:105px;font-size:18px;letter-spacing:.13em;line-height:1.35;color:#eef0ed;transform:rotate(-2deg)}
.hero-side-copy{position:absolute;right:70px;top:150px;font-size:10px;letter-spacing:.34em;line-height:1.65;color:#33424a}
.hero-wordmark{position:absolute;right:54px;bottom:39px;font-size:27px;letter-spacing:.14em}.hero-wordmark small{display:block;font-size:6px;letter-spacing:.23em;text-align:center;margin-top:8px}
.trust{height:105px;background:#061016;color:#fff;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;padding:0 48px;gap:22px}
.trust-label,.trust-end{font-size:8px;letter-spacing:.25em;line-height:1.7}.trust-end{text-align:right;color:#bfcbd0}
.logos{display:flex;justify-content:space-evenly;align-items:center;gap:25px}.logos span{font-size:21px;font-weight:500;white-space:nowrap}
.definition{background:var(--paper2);display:grid;grid-template-columns:31% 39% 30%;padding:64px 50px 44px;gap:28px;align-items:start}
.definition-copy h2{font-size:31px;line-height:1.18;letter-spacing:-.03em;margin:48px 0 45px}
.principle{font-family:var(--serif);font-size:18px;line-height:1.4;margin-bottom:47px}
.underlink{font-size:12px;color:#12394b;border-bottom:1px solid #12394b;padding-bottom:4px}.underlink span{margin-left:9px}
.stack{padding:0 22px}.stack img{max-height:540px;object-fit:contain}
.proof{padding-left:12px}.proof h3{font-size:18px;line-height:1.15;margin:18px 0 27px}
.metric{display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:start;margin:20px 0}
.metric strong{font-family:var(--serif);font-size:53px;font-weight:400;line-height:.95}
.metric p{font-size:11px;line-height:1.35;margin:0}.metric small{display:block;margin-top:7px;color:#6b747a;font-size:9px}
.audiences{display:grid;grid-template-columns:repeat(3,1fr);min-height:465px}
.audience{position:relative;overflow:hidden;color:#fff}.audience>img{position:absolute;inset:0;height:100%;object-fit:cover}
.shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,8,11,.88),rgba(3,8,11,.12) 72%)}
.audience-copy{position:absolute;z-index:2;inset:auto 42px 36px 42px}.audience-copy h2{font-size:34px;line-height:1.02;letter-spacing:-.03em;margin:20px 0 28px;max-width:390px}
.audience-copy p{font-size:13px;line-height:1.45;max-width:390px;color:#eef1f2}.audience-copy a{font-size:12px;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:4px}
.what{display:grid;grid-template-columns:76% 24%;background:var(--paper2);padding:43px 50px 55px}
.what-main{padding-right:44px}.what-main>h2{font-size:42px;letter-spacing:-.04em;margin:15px 0 5px}.intro{font-size:14px;max-width:750px;color:#48545b}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.what-grid article{min-width:0}
.num{font-size:10px;color:#143f54;margin-right:25px}.what-grid h3{font-size:24px;line-height:1.08;margin:24px 0 24px}.what-grid p{font-size:12px;line-height:1.45;color:#526068;min-height:70px}
.what-quote{border-left:1px solid var(--line);padding:52px 0 0 52px}.what-quote p{font-family:var(--serif);font-size:39px;line-height:1.02;margin-bottom:25px}.what-quote span{font-size:24px}.what-quote small{display:block;font-size:9px;letter-spacing:.28em;margin-top:30px}
.dark-section{background:#071016;color:#f3f0e8;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;padding:85px 55px}
.dark-section h2{font-size:56px;line-height:.98;letter-spacing:-.04em;margin:18px 0}.dark-section em{font-style:normal;color:#9eb0b8}.dark-section p{font-size:17px;line-height:1.5;color:#cad4d8}
.diagnostic{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:85px 55px;background:#ece8de}
.diag-copy h2{font-size:53px;line-height:1;margin:20px 0}.diag-copy p{font-size:15px;color:#506068;max-width:500px}
.sliders{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sliders label{display:flex;flex-direction:column;border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.35)}.sliders span{font-family:var(--serif);font-size:21px;margin-bottom:15px}.sliders input{accent-color:#17313d}
.result{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.result strong{font-family:var(--serif);font-size:66px;font-weight:400}.result h3{font-size:28px;margin:3px 0 12px}.result p{color:#4d5b63}
.signals{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:85px 55px;background:var(--paper2)}.signals-intro h2{font-size:53px;line-height:1;margin:20px 0}.signals-intro p{color:#506068}
.signal-items{border-top:1px solid var(--line)}.signal-items>div{display:grid;grid-template-columns:55px 170px 1fr;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.signal-items span{font-size:10px}.signal-items h3{font-size:25px;margin:0}.signal-items p{font-size:12px;color:#506068;margin:3px 0 0}
.closing{align-items:end}.closing h2{font-size:55px}.closing>div:last-child p{font-size:20px}.closing-doctrine{font-family:var(--serif);font-size:25px!important;margin:20px 0 30px}
footer{background:#03090d;color:#d9e2e5;padding:40px 48px;display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;gap:35px;align-items:start}footer>div{display:flex;flex-direction:column;gap:8px;font-size:11px}footer>p{font-size:10px;color:#7f939d;margin:0}

@media(max-width:1050px){
 nav{display:none}.menu-btn{display:block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 13px}.nav-wrap{grid-template-columns:1fr auto auto}
 .hero{grid-template-columns:1fr}.hero-right{min-height:430px}.hero-left{padding-top:125px}.trust{grid-template-columns:1fr}.trust-label,.trust-end{display:none}
 .definition{grid-template-columns:1fr 1fr}.proof{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.proof>.eyebrow,.proof>h3,.proof>.underlink{grid-column:1/-1}
 .what{grid-template-columns:1fr}.what-quote{display:none}
}
@media(max-width:760px){
 .nav-wrap{padding:0 18px}.top-cta{display:none}.nav-wrap{grid-template-columns:1fr auto}.hero-left{padding:110px 24px 48px}.hero-left h1{font-size:70px}.hero-sub{font-size:23px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}
 .hero-right{min-height:360px}.doctrine{left:45px;top:92px;font-size:15px}.hero-side-copy{right:25px;top:70px}.trust{height:auto;padding:24px}.logos{flex-wrap:wrap}.logos span{font-size:16px}
 .definition{grid-template-columns:1fr;padding:55px 24px}.proof{display:block}.audiences{grid-template-columns:1fr}.audience{min-height:430px}
 .what{padding:55px 24px}.what-grid{grid-template-columns:1fr;gap:35px}.what-grid p{min-height:0}
 .dark-section,.diagnostic,.signals{grid-template-columns:1fr;padding:65px 24px;gap:35px}.sliders{grid-template-columns:1fr}.signal-items>div{grid-template-columns:40px 1fr}.signal-items p{grid-column:2}
 footer{grid-template-columns:1fr 1fr;padding:38px 24px}.closing h2,.diag-copy h2,.signals-intro h2{font-size:42px}
}


/* v2 imagery refinements */
.hero-right>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.stack img{
  width:100%;
  height:auto;
  max-height:560px;
  object-fit:contain;
  filter: drop-shadow(0 18px 30px rgba(7,16,22,.12));
}
.audience>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
