:root{--navy:#08162b;--navy-2:#10223d;--paper:#f7f8fb;--white:#fff;--ink:#132037;--muted:#667085;--blue:#3978ff;--cyan:#69d2ff;--ice:#a9cbe8;--line:rgba(255,255,255,.17);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}
.site-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(9,23,44,.11);background:rgba(255,255,255,.93);color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.site-nav--home{background:var(--navy);color:var(--white);border-color:var(--line)}.site-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:760;letter-spacing:-.02em}.brand-mark{width:25px;height:25px;display:inline-flex;align-items:flex-end;gap:3px;padding:4px;border:1px solid currentColor;border-radius:50%}.brand-mark i{width:3px;background:currentColor;border-radius:2px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:9px}.nav-link{text-decoration:none;font-size:.88rem;font-weight:700;letter-spacing:.02em}.nav-link:hover{color:var(--blue)}.site-nav--home .nav-link:hover{color:var(--ice)}
.home-page{background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.splash{min-height:calc(92vh - 74px);max-width:var(--max);margin:0 auto;padding:clamp(70px,11vw,145px) 24px 82px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px}.splash-copy{position:relative;z-index:1}.splash-kicker{margin:0 0 24px;color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.splash h1{margin:0;max-width:780px;font-size:clamp(4rem,9.5vw,8.5rem);line-height:.83;letter-spacing:-.075em;font-weight:830}.splash h1 em{color:var(--ice);font-family:Georgia,"Times New Roman",serif;font-weight:400}.splash-subtitle{max-width:590px;margin:38px 0 0;font-size:clamp(1.18rem,2.1vw,1.65rem);line-height:1.48;color:#c9d4e6}.signal-field{min-height:480px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:50% 50% 15% 50%;background:radial-gradient(circle at 68% 35%,rgba(57,120,255,.25),transparent 35%),#0b1b34;transform:rotate(2deg)}.signal-field svg{position:absolute;inset:8%;width:84%;height:84%;overflow:visible}.signal-field circle{fill:var(--ice);stroke:var(--navy);stroke-width:5}.plot-grid{fill:none;stroke:rgba(198,215,238,.11);stroke-width:1}.plot-line{fill:none;stroke:var(--cyan);stroke-width:5;stroke-linecap:round}.plot-line-back{stroke:rgba(57,120,255,.45);stroke-width:18}.signal-label{position:absolute;z-index:2;font-size:.68rem;font-weight:800;letter-spacing:.16em;color:#a7b9d3;background:var(--navy);padding:7px 9px;border:1px solid var(--line)}.label-one{top:11%;left:2%}.label-two{right:1%;top:43%}.label-three{bottom:8%;left:22%}.orb{position:absolute;border-radius:50%}.orb-one{width:64px;height:64px;right:8%;bottom:12%;background:var(--blue)}.orb-two{width:23px;height:23px;left:7%;top:46%;background:var(--ice)}.cross{position:absolute;color:var(--cyan);font-size:2rem;font-weight:200}.cross-one{right:12%;top:14%}.cross-two{left:16%;bottom:16%}
.work-section{background:var(--paper);color:var(--ink);padding:clamp(78px,10vw,130px) 24px}.section-heading{max-width:var(--max);margin:0 auto 46px;display:grid;grid-template-columns:1fr 2.2fr;gap:40px;align-items:start}.section-heading p{margin:7px 0 0;color:var(--blue);text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.15em}.section-heading h2{margin:0;max-width:780px;font-size:clamp(2.1rem,4.7vw,4.25rem);line-height:1.02;letter-spacing:-.055em}.article-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-card{min-height:620px;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:18px;padding:clamp(25px,3.5vw,42px);border-radius:2px;text-decoration:none;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(8,22,43,.14)}.article-card--fantasy{background:var(--white);border:1px solid #d9e0ea}.article-card--rocket{background:var(--navy-2);color:var(--white)}.card-index{font-family:Georgia,serif;font-style:italic;font-size:1rem;color:var(--blue)}.article-card--rocket .card-index{color:var(--ice)}.card-topic{font-size:.74rem;font-weight:780;letter-spacing:.09em;text-transform:uppercase;opacity:.7}.card-visual{min-height:245px;display:flex;position:relative;align-items:flex-end;margin:8px 0 10px}.card-visual--draft{gap:8px;border-bottom:1px solid #aeb8c8}.card-visual--draft i{flex:1;height:var(--h);background:linear-gradient(180deg,var(--blue),#95b7ff);border-radius:2px 2px 0 0}.card-visual--draft i:nth-child(4n){background:var(--ice)}.card-visual--pitch{border:1px solid rgba(255,255,255,.3);border-radius:80px;background:linear-gradient(145deg,rgba(105,210,255,.1),transparent)}.pitch-line{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.25)}.pitch-circle{position:absolute;left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.25);border-radius:50%}.card-visual--pitch b{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;transform:translate(-50%,-50%);background:var(--ice);box-shadow:0 0 0 5px rgba(169,203,232,.15)}.card-copy{display:grid;gap:15px}.card-copy strong{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.045em}.card-copy>span{font-size:1rem;line-height:1.6;opacity:.74}.card-action{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid rgba(19,32,55,.15);font-weight:750}.article-card--rocket .card-action{border-color:rgba(255,255,255,.2)}.card-action b{font-size:1.4rem;transition:transform .2s ease}.article-card:hover .card-action b{transform:translateX(6px)}.site-footer{max-width:var(--max);margin:0 auto;padding:48px 24px 60px;display:flex;justify-content:space-between;gap:24px;color:#aebed4;font-size:.92rem}.site-footer p{margin:0}.site-footer a{color:var(--white);text-decoration:none;font-weight:700}
.article-page{padding-top:0!important}.article-page>.site-nav+.page-shell{padding-top:34px}.article-page article{box-shadow:0 18px 48px rgba(8,22,43,.08)}.article-page article>.hero{position:relative;background:radial-gradient(circle at 88% 5%,rgba(57,120,255,.16),transparent 38%),#fff}.article-page article>.hero::before{content:"ANSWERS THROUGH DATA";display:block;margin-bottom:28px;color:#3978ff;font-size:.7rem;letter-spacing:.17em;font-weight:800}.article-page article h1,.article-page article h2{color:var(--navy)}.article-page .article-exit{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:920px;margin:22px auto 0;padding:28px 4px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--navy)}.article-page .article-exit a{font-weight:750;text-decoration:none}.article-page .article-exit a:hover{color:var(--blue)}
@media(max-width:900px){.splash{grid-template-columns:1fr;padding-top:80px}.signal-field{min-height:380px;border-radius:48% 48% 12% 48%}.section-heading{grid-template-columns:1fr;gap:15px}.article-grid{grid-template-columns:1fr}.article-card{min-height:560px}}
@media(max-width:620px){.site-nav{min-height:66px;padding:0 18px}.site-brand{font-size:.92rem}.nav-link{font-size:.8rem}.splash{min-height:auto;padding:70px 20px 58px}.splash h1{font-size:clamp(3.65rem,19vw,5.7rem)}.signal-field{min-height:300px}.work-section{padding:68px 16px}.article-card{min-height:520px}.card-visual{min-height:200px}.site-footer,.article-page .article-exit{flex-direction:column}.article-page>.site-nav+.page-shell{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card,.card-action b{transition:none}}

/* Compact landing: keep the work visible without turning the title into a full-screen billboard. */
.splash{
  min-height:clamp(500px,68vh,620px);
  padding:58px 24px 64px;
}
.splash h1{font-size:clamp(3.75rem,7.2vw,6.45rem);line-height:.87}
.splash-subtitle{margin-top:28px;font-size:clamp(1.08rem,1.7vw,1.4rem)}
.signal-field{min-height:340px}
.work-section{padding:56px 24px clamp(78px,9vw,118px)}

@media(max-width:900px){
  .splash{min-height:auto;padding:58px 24px 52px}
  .signal-field{min-height:260px}
}

@media(max-width:620px){
  .splash{padding:48px 20px 42px}
  .splash h1{font-size:clamp(3.45rem,17vw,5rem)}
  .signal-field{min-height:220px}
  .work-section{padding:34px 16px 68px}
}

@media(min-width:901px){
  .splash{min-height:clamp(430px,55vh,500px);padding:36px 24px 42px}
  .splash-kicker{margin-bottom:14px}
  .splash h1{font-size:clamp(3.6rem,6.3vw,5.55rem)}
  .splash-subtitle{margin-top:22px}
  .signal-field{min-height:280px}
  .work-section{padding-top:28px}
}

/* Minimal masthead: typography first, work immediately after. */
.site-nav{min-height:60px}
.brand-mark{display:none}
.splash{display:block;min-height:340px;padding:50px 24px 48px}
.splash-copy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:64px}
.splash h1{font-size:clamp(3.8rem,7.1vw,6.4rem);line-height:.84}
.splash-subtitle{margin:0 0 7px;font-size:clamp(1rem,1.45vw,1.25rem)}
.signal-field{display:none}
.work-section{padding-top:24px}

@media(max-width:760px){
  .splash{min-height:auto;padding:46px 20px 40px}
  .splash-copy{grid-template-columns:1fr;gap:22px}
  .splash h1{font-size:clamp(3.35rem,16vw,5rem)}
  .splash-subtitle{margin:0;max-width:520px}
}

/* Keep the headline and subtitle together as one editorial statement. */
.splash-copy{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.splash-subtitle{margin:0;max-width:610px}

@media(max-width:760px){
  .splash-copy{gap:24px}
}

/* A draft as a sequence of paths: playbook geometry, not another field. */
.card-visual--draft{align-items:stretch;border:0}
.draft-paths{display:block;width:100%;height:100%;overflow:visible}
.draft-rounds text{fill:#7b879a;font:700 12px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.13em;text-anchor:middle}
.draft-rounds path{fill:none;stroke:#e5eaf1;stroke-width:1;stroke-dasharray:3 7}
.draft-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.draft-route circle{vector-effect:non-scaling-stroke}
.draft-route text{font:800 12px Inter,ui-sans-serif,system-ui,sans-serif;text-anchor:middle}
.draft-route--secondary path{stroke:#9bb9ed;stroke-width:2.25;opacity:.72}
.draft-route--secondary circle{fill:#fff;stroke:#8aace8;stroke-width:1.5}
.draft-route--secondary text{fill:#5272a8}
.draft-route--primary path{stroke:var(--blue);stroke-width:4}
.draft-route--primary circle{fill:var(--ice);stroke:var(--navy);stroke-width:2}
.draft-route--primary text{fill:var(--navy)}