*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}body{--bg:#131313;--ink:#f4f4f4;--muted:#acacac;--panel:#1f1f1f;--line:#383838;--accent:#e3e3e3;--body:'Site Jost',sans-serif;--display:'Site Bricolage Grotesque',sans-serif}body[data-theme=light]{--bg:#f3f3f3;--ink:#171717;--muted:#646464;--panel:#ffffff;--line:#d5d5d5}.orbital{--bg:#0b0b0b;--panel:#171717;--line:#343434;--accent:#b7b7b7;--body:'Site Jost',sans-serif;--display:'Site Bricolage Grotesque',sans-serif}.orbital[data-theme=light]{--bg:#f2f2f2;--panel:#ffffff;--ink:#222222;--line:#d5d5d5;--muted:#626262;--accent:#585858}.lab{--bg:#f0f0f0;--ink:#262626;--panel:#ffffff;--line:#d1d1d1;--muted:#616161;--accent:#585858;--body:'Site Jost',monospace;--display:'Site Bricolage Grotesque',sans-serif}.lab[data-theme=dark]{--bg:#171717;--ink:#f1f1f1;--panel:#242424;--line:#454545;--muted:#b8b8b8;--accent:#cdcdcd}.clubhouse{--bg:#191919;--panel:#2f2f2f;--ink:#f4f4f4;--muted:#c3c3c3;--line:#525252;--accent:#cccccc;--body:'Site Jost',sans-serif;--display:'Site Bricolage Grotesque',sans-serif}.clubhouse[data-theme=light]{--bg:#f3f3f3;--panel:#ffffff;--ink:#333333;--muted:#686868;--line:#cdcdcd;--accent:#696969}.concept-bar{background:var(--panel);border-bottom:1px solid var(--line);padding:13px 4vw;display:flex;align-items:center;gap:24px;font-size:14px;position:relative;z-index:2}.concept-label{color:var(--muted);white-space:nowrap}.concepts{display:flex;gap:7px;flex:1;flex-wrap:wrap}.concepts a{padding:5px 12px;border:1px solid transparent;border-radius:4px}.concepts a.active{border-color:var(--accent);color:var(--accent)}.theme-toggle{border:1px solid var(--line);background:none;color:var(--ink);padding:6px 13px;border-radius:4px;white-space:nowrap}header{margin:0 6vw;display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.logo{font-family:var(--display);font-size:34px;line-height:1;font-weight:700;letter-spacing:-1px}.logo span{display:block;font:12px var(--body);letter-spacing:3px;margin-top:7px;text-transform:uppercase}nav{display:flex;gap:32px;font-size:14px}main{overflow:hidden}.hero{padding:74px 6vw 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;min-height:650px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:26px;font-weight:600}h1{font:700 clamp(64px,7.3vw,116px)/.94 var(--display);letter-spacing:-2px;margin:0 0 30px}h1 em{color:var(--accent);font-style:normal}.intro{max-width:530px;font-size:18px;color:var(--muted);line-height:1.7}.actions{display:flex;gap:22px;align-items:center;margin-top:32px}.primary{padding:13px 22px;background:var(--accent);color:var(--bg);font-weight:700;border:0}.secondary{border-bottom:1px solid var(--muted);font-size:14px;padding:8px 0}.caption{font-size:12px;color:var(--muted);margin:16px 0 0}.preview{position:relative;background:var(--panel);border:1px solid var(--line);padding:26px;box-shadow:20px 20px 0 color-mix(in srgb,var(--accent) 8%,transparent)}.preview-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-bottom:19px;border-bottom:1px solid var(--line)}.preview h3{font:500 25px var(--display);margin:22px 0 15px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.metric strong{font:600 30px var(--display);display:block}.metric span{font-size:12px;color:var(--muted)}.pitch{height:230px;border:1px solid var(--line);margin-top:24px;position:relative;background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%)}.pitch:before{content:'';border:1px solid var(--line);position:absolute;border-radius:50%;width:65px;height:65px;left:calc(50% - 33px);top:calc(50% - 33px)}.pitch:after{content:'';position:absolute;border:1px solid var(--line);border-left:0;width:55px;height:110px;left:0;top:60px}.player{position:absolute;border:0;background:var(--accent);color:var(--bg);width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;transform:translate(-50%,-50%)}.pitch .player:nth-child(even){background:var(--ink)}.formation{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px;color:var(--muted)}select{color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:4px 8px}.dossier{margin-top:16px;padding:13px;border-left:3px solid var(--accent);background:var(--bg);font-size:14px}.dossier:empty{display:none}.band{border-block:1px solid var(--line);margin:0 6vw;display:flex;justify-content:space-between;gap:18px;padding:20px 0;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}section{padding:90px 6vw}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}h2{font:500 clamp(36px,4vw,60px)/1.08 var(--display);letter-spacing:-1px;margin:0}.section-head p{max-width:410px;color:var(--muted);margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border-top:2px solid var(--accent);background:var(--panel);padding:30px;min-height:290px}.number{font-size:13px;color:var(--accent)}h3{font:600 27px/1.2 var(--display)}.product p{color:var(--muted)}.product small{font-size:13px}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.philosophy p{color:var(--muted);font-size:18px}.principles{list-style:none;padding:0;margin:0}.principles li{padding:20px 0;border-bottom:1px solid var(--line);display:flex;gap:24px}.principles b{color:var(--accent);font-size:13px}.principles span{display:block;color:var(--muted);font-size:14px}.closing{background:var(--panel);text-align:center;margin:0 6vw 80px;padding:50px 30px}.closing p{color:var(--muted)}footer{margin:0 6vw;padding:25px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.racing h1,.clubhouse h1{text-transform:uppercase}.racing .hero{border-bottom:6px solid var(--accent)}.racing .primary,.racing .preview{clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%)}.orbital .hero{padding-top:100px;padding-bottom:100px;background-image:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 55%)}.orbital h1{font-weight:500;font-size:clamp(55px,6vw,95px);line-height:1.04}.orbital .preview{border-radius:14px;box-shadow:0 0 90px color-mix(in srgb,var(--accent) 12%,transparent)}.orbital .product{border:1px solid var(--line);border-radius:12px}.lab .hero{grid-template-columns:1fr 1.2fr;gap:50px}.lab h1{font-size:clamp(55px,5.7vw,90px);line-height:1.02}.lab .preview{box-shadow:8px 8px 0 var(--line)}.lab .product{border:1px solid var(--line)}.lab .band{font-size:12px;letter-spacing:0}.clubhouse .hero{grid-template-columns:1fr 1fr}.clubhouse h1{font-size:clamp(64px,7vw,108px);line-height:1.03}.clubhouse .preview{border-radius:18px;transform:rotate(2deg);box-shadow:none}.clubhouse .product{border-radius:12px;border-top:0}.clubhouse .closing{border-radius:18px}.clubhouse header{border-bottom:3px solid var(--accent)}@media(max-width:850px){.concept-bar{flex-wrap:wrap;gap:10px}.concept-label{display:none}.concepts{gap:2px}.concepts a{padding:4px 7px;font-size:12px}nav{gap:16px}.hero,.lab .hero,.clubhouse .hero{grid-template-columns:1fr;padding:55px 6vw;gap:45px;min-height:0}.hero h1{font-size:clamp(56px,11vw,86px)}.preview{max-width:650px;width:100%;box-shadow:none}.clubhouse .preview{transform:none}.products{grid-template-columns:1fr}.section-head,.philosophy{display:block}.section-head p{margin-top:20px}.principles{margin-top:30px}.band{flex-wrap:wrap;font-size:12px}section{padding:60px 6vw}header{padding:25px 0}.logo{font-size:28px}.logo span{font-size:10px}nav a:last-child{display:none}footer{gap:20px}.metrics{gap:8px}.metric strong{font-size:26px}.closing{margin-bottom:50px}.intro{font-size:17px}.actions{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}
/* Neutral palette for typography comparison. */
body[data-theme=dark]{--bg:#111111;--ink:#f5f5f5;--muted:#b0b0b0;--panel:#1e1e1e;--line:#414141;--accent:#eeeeee}
body[data-theme=light]{--bg:#f4f4f4;--ink:#141414;--muted:#606060;--panel:#ffffff;--line:#d0d0d0;--accent:#202020}

@font-face{font-family:'Nutmeg Logo Inter';src:url('fonts/logo-inter-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Nutmeg Logo Workbench';src:url('fonts/font-20.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Nutmeg Logo Sono';src:url('fonts/logo-sono-extrabold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
.logo{font-family:'Nutmeg Logo Inter',sans-serif;font-size:36px;font-weight:900;letter-spacing:-.045em;line-height:1.3;display:inline-block;text-align:center;color:var(--ink);font-synthesis:none;flex-shrink:0}
.logo span{display:block;font-family:'Nutmeg Logo Sono',monospace;font-size:18px;font-weight:800;letter-spacing:.08em;line-height:1.5;text-transform:none;margin-top:0;font-synthesis:none}
body[data-logo-font=Workbench] .logo span{font-family:'Nutmeg Logo Workbench',monospace;font-weight:400}
.logo-comparison{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}
@media(max-width:850px){.logo{font-size:30px}.logo span{font-size:15px}}

/* Approved outlined logo: inherits the active greyscale theme. */
.logo{display:block;width:170px;font-size:0;line-height:0;letter-spacing:0;color:var(--ink)}
.logo svg{display:block;width:100%;height:auto;overflow:visible}
footer .logo{width:120px}
@media(max-width:850px){.logo{width:145px}}

/* Public story: one connected plan, sourced from the Nutmeg content collection. */
body{font-size:18px;--body:'Site Jost',sans-serif;--display:'Site Bricolage Grotesque',sans-serif}
.skip-link{position:absolute;left:20px;top:12px;transform:translateY(-200%);background:var(--ink);color:var(--bg);padding:10px 16px;z-index:10}.skip-link:focus{transform:none}
header{max-width:1440px}.logo{width:170px}nav{flex-wrap:wrap}nav a:last-child{display:block}
.hero,.lab .hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:6vw;padding:80px 6vw 90px;min-height:0;align-items:center}
.hero h1,.racing h1,.orbital h1,.lab h1{font:400 clamp(48px,4.65vw,76px)/1.08 'Site Marcellus',serif;text-transform:none;letter-spacing:-.035em;margin-bottom:26px;max-width:850px}
.eyebrow{text-transform:none;letter-spacing:.04em;font-size:15px;font-weight:400;margin:0 0 25px}
.lead-question{font-size:clamp(21px,2vw,26px);line-height:1.4;max-width:590px;margin-bottom:18px}
.intro{font-size:18px;max-width:610px;line-height:1.65;margin:0}.actions{flex-wrap:wrap;gap:20px}.primary{display:inline-block;font-size:16px;font-weight:500;padding:14px 22px}.secondary{font-size:16px}
.preview.decision-preview{padding:30px;clip-path:none}.racing .decision-preview{border-top:4px solid var(--accent)}
.preview-label{font-size:14px;color:var(--muted);margin:0 0 28px}.decision-preview h2{font-size:36px;margin:0 0 22px;letter-spacing:-.025em}.needs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.needs span{padding:5px 12px;border:1px solid var(--line);font-size:15px}
.envelope{font-size:15px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:0}.envelope strong{display:block;font:400 32px/1.3 'Site Bricolage Grotesque',sans-serif;color:var(--ink);margin-top:5px}
.offer-line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:16px}.offer-line strong{font:400 23px/1.25 'Site Bricolage Grotesque',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.preview-consequence{font-size:18px;line-height:1.5;margin:23px 0}.preview-consequence strong{font-weight:500}.disclosure{font:400 15px/1.6 'Site Jost',sans-serif;color:var(--muted);margin:24px 0 0}.decision-preview .disclosure{font-size:14px}
section{padding:90px 6vw;scroll-margin-top:20px}.section-head{display:block;margin-bottom:40px}.section-label{font-size:15px;letter-spacing:.035em;color:var(--muted);margin:0 0 16px}
h2{font:500 clamp(32px,3.1vw,48px)/1.16 'Site Bricolage Grotesque',sans-serif;letter-spacing:-.025em}h3{font:500 27px/1.2 'Site Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.products{gap:24px}.product{padding:28px;min-height:0}.step-number{font-size:15px;color:var(--muted)}.product h3{margin:25px 0 17px}.product p{line-height:1.65;margin-bottom:0}
.decision-section{background:var(--panel)}.decision-section>h2{max-width:820px}.section-intro{max-width:870px;color:var(--muted);line-height:1.7;margin:24px 0 35px}
.comparison-wrap{max-width:1200px}.decision-table{width:100%;border-collapse:collapse;text-align:left;font-size:18px}.decision-table caption{text-align:left;font-size:15px;margin-bottom:18px;color:var(--muted)}.decision-table th,.decision-table td{padding:22px 24px 22px 0;vertical-align:top;border-bottom:1px solid var(--line)}.decision-table thead th{font-weight:500;font-size:15px;color:var(--muted);border-top:1px solid var(--line)}.decision-table tbody th{font-weight:400;width:38%}.decision-table .amount{font:400 27px/1.4 'Site Bricolage Grotesque',sans-serif;font-variant-numeric:tabular-nums;width:24%;white-space:nowrap}.decision-table td:last-child{color:var(--muted)}
.case-explanation{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px}.case-explanation p{color:var(--muted);max-width:650px;line-height:1.7}
.consequences{display:grid;grid-template-columns:1fr 1fr;gap:32px 55px}.consequences article{border-top:1px solid var(--line);padding-top:12px}.consequences h3{margin:20px 0 15px}.consequences p{color:var(--muted);line-height:1.7}
.stage-section{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px 7vw}.stage-section .section-label{grid-column:1/-1}.stage-section h2{font-size:clamp(28px,2.8vw,40px)}.stage-section>p:last-child{color:var(--muted);margin-top:0;line-height:1.7}
.questions-section{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw}.questions details{padding:24px 0;border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{cursor:pointer;font-size:21px;font-weight:500;list-style-position:outside;margin-left:21px;padding-left:8px}.questions details p{color:var(--muted);margin:18px 0 0 29px;line-height:1.7}
.closing{padding:65px 8vw;margin:0 6vw 80px;text-align:left;max-width:none}.closing h2{font:400 clamp(37px,4vw,62px)/1.13 'Site Marcellus',serif;max-width:900px;letter-spacing:-.03em}.closing>p:not(.section-label){max-width:750px;line-height:1.7}.closing .primary{margin-top:12px}.email{display:block;font-size:18px;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.closing .contact-helper{font-size:15px;max-width:650px;margin:12px 0 0}footer a{text-decoration:underline;text-underline-offset:4px}footer{font-size:15px;gap:24px;flex-wrap:wrap}
@media(min-width:1600px){main{max-width:1600px;margin:auto}header,footer{max-width:1408px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.hero,.lab .hero{grid-template-columns:1fr;gap:45px;padding:55px 6vw}.hero h1{font-size:clamp(43px,6vw,64px)}.hero-copy{max-width:760px}.decision-preview{max-width:650px}.products{grid-template-columns:1fr}.product{min-height:0}.case-explanation{grid-template-columns:1fr;gap:0}.stage-section,.questions-section{grid-template-columns:1fr;gap:25px}.consequences{gap:24px}.questions-section>h2{margin-bottom:15px}}
@media(max-width:600px){body{font-size:17px}.concept-bar{gap:8px;padding-inline:5vw}.theme-toggle{font-size:13px;padding:5px 8px}.concepts{flex-basis:100%}.concepts a{font-size:13px}header{flex-direction:column;align-items:flex-start;gap:25px;padding:25px 0}nav{gap:20px;font-size:15px}.logo{width:155px}.hero,.lab .hero{padding-top:35px}.hero h1{font-size:44px}.lead-question{font-size:22px}.preview.decision-preview{padding:24px}.offer-line{flex-wrap:wrap;gap:5px}.actions{align-items:flex-start;flex-direction:column}.consequences{grid-template-columns:1fr}.decision-table{font-size:16px}.decision-table th,.decision-table td{padding-right:10px;padding-block:18px}.decision-table tbody th{width:38%}.decision-table .amount{font-size:19px;white-space:normal;width:24%}.decision-table thead th{font-size:13px}.decision-table th:last-child,.decision-table td:last-child{padding-right:0}.comparison-wrap{width:100%}.closing{padding:40px 22px}.closing h2{font-size:37px}.questions summary{font-size:19px}.disclosure{font-size:15px}section{padding-block:55px}.email{overflow-wrap:anywhere}}
/* Current source typography map: headings / reading / identity. */
.hero h1,.racing h1,.orbital h1,.lab h1{font-family:'Site Bricolage Grotesque',sans-serif;font-weight:500;font-size:clamp(46px,4.4vw,70px);line-height:1.06}
.closing h2{font-family:'Site Bricolage Grotesque',sans-serif;font-weight:500}
.envelope strong,.offer-line strong,.decision-table .amount{font-family:'Site Jost',sans-serif}
.questions summary{font-family:'Site Bricolage Grotesque',sans-serif;font-weight:500}
@media(max-width:600px){.hero h1{font-size:43px}}

/* Typography comparisons change type only; layout and approved SVG logo stay fixed. */
.font-comparison{--body:var(--reading-font),sans-serif;--display:var(--heading-font),sans-serif;font-synthesis:none}
.font-comparison h1,.font-comparison h2,.font-comparison h3,.font-comparison .questions summary{font-family:var(--heading-font),sans-serif;font-weight:var(--heading-weight)}
.font-comparison .disclosure,.font-comparison .envelope strong,.font-comparison .offer-line strong,.font-comparison .decision-table .amount{font-family:var(--reading-font),sans-serif}
#font-pairing{max-width:100%;min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:8px 12px;font:400 14px/1.4 'Site Jost',sans-serif}
.pairing-key{font:400 13px/1.4 'Site Jost',sans-serif;color:var(--muted)}
.concept-label,.theme-toggle{font-family:'Site Jost',sans-serif}
@media(max-width:600px){#font-pairing{width:100%;order:3}.pairing-key{display:none}}

/* Selected heading hierarchy: Marcellus / Bricolage / Marcellus. */
.font-comparison h1,.font-comparison h3{font-family:'Site Marcellus',serif;font-weight:400}
.font-comparison h2,.font-comparison .questions summary{font-family:'Site Bricolage Grotesque',sans-serif;font-weight:500}