:root { --ink:#0e0e0d; --paper:#f2f0e9; --stone:#d6d0c4; --muted:#77736c; --gold:#bd9b62; --line:rgba(14,14,13,.2); --serif:'Playfair Display', Georgia, serif; --sans:'DM Sans', Arial, sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans); } a { color:inherit;text-decoration:none; } button,input { font:inherit; } button { cursor:pointer; } img { display:block;max-width:100%; }.sr-only,.skip-link:not(:focus) { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }.skip-link:focus { position:fixed;z-index:20;top:10px;left:10px;padding:10px;background:var(--paper); }
.site-header { position:absolute;z-index:4;top:0;left:0;right:0;height:84px;padding:0 3.3vw;border-bottom:1px solid rgba(255,255,255,.36);display:flex;align-items:center;justify-content:space-between;color:#fff; }.brand,.footer-brand { display:flex;align-items:center;gap:8px;font:500 10px var(--mono);letter-spacing:.14em; }.brand img { width:49px;height:49px;object-fit:contain; }.desktop-nav { display:flex;gap:30px;margin-left:10vw;font:10px var(--mono);letter-spacing:.1em; }.desktop-nav a,.site-footer nav a { transition:opacity .2s; }.desktop-nav a:hover,.site-footer nav a:hover { opacity:.58; }.header-cta,.dark-button,.light-button,.outline-button { border:0;padding:13px 16px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.09em; }.header-cta { background:#fff;color:var(--ink); }.header-cta span,.dark-button span,.light-button span,.outline-button span { margin-left:14px;font-size:15px;vertical-align:-1px; }.menu-toggle,.mobile-menu { display:none; }
.hero { height:100svh;min-height:690px;position:relative;overflow:hidden;color:#fff; }.hero-image { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }.hero-overlay { position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 45%,rgba(0,0,0,.35)); }.hero-grid { position:absolute;inset:0 3.3vw;border-left:1px solid rgba(255,255,255,.22);border-right:1px solid rgba(255,255,255,.22);background:linear-gradient(90deg,transparent 33.3%,rgba(255,255,255,.15) 33.3%,rgba(255,255,255,.15) calc(33.3% + 1px),transparent calc(33.3% + 1px),transparent 66.6%,rgba(255,255,255,.15) 66.6%,rgba(255,255,255,.15) calc(66.6% + 1px),transparent calc(66.6% + 1px)); }.hero-meta { position:absolute;top:114px;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em; }.hero-bottom { position:absolute;bottom:28px;left:3.3vw;right:3.3vw;display:flex;align-items:end;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em; }.hero-bottom p { margin:0;max-width:200px;line-height:1.55; }.hero-bottom a { display:flex;gap:17px;align-items:center; }.hero-bottom b { font:18px var(--sans); }
.section-grid { display:grid;grid-template-columns:25% 1fr;padding:0 8.3vw; }.side-label { padding-top:50px;display:flex;gap:26px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em; }.opening { border-bottom:1px solid var(--line); }.opening-content { border-left:1px solid var(--line);padding:108px 0 78px 8.7vw; }.intro-statement { max-width:790px;margin:0;color:var(--gold);font:500 clamp(31px,4vw,59px)/1.1 var(--serif);letter-spacing:-.045em; }.opening-details { margin-top:119px;display:grid;grid-template-columns:1.16fr .84fr;gap:7vw;align-items:end; }.opening h1,.manifesto h2,.protocol h2,.audiences h2,.closing h2,.final-cta h2 { margin:0;font:500 clamp(43px,5.6vw,80px)/.95 var(--serif);letter-spacing:-.057em; }.opening h1 em,.manifesto h2 em,.protocol h2 em,.audiences h2 em,.closing h2 em,.final-cta h2 em { font-weight:500; }.opening-details p { max-width:320px;margin:0;font-size:13px;line-height:1.75; }
.manifesto { border-bottom:1px solid var(--line); }.manifesto-copy { border-left:1px solid var(--line);padding:102px 0 104px 8.7vw; }.manifesto h2 { font-size:clamp(38px,4.65vw,68px); }.copy-columns { display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:70px;max-width:900px; }.copy-columns p { margin:0 0 24px;font-size:14px;line-height:1.75; }.copy-columns strong { font-weight:600; }.copy-columns a { border-bottom:1px solid var(--ink); }.copy-columns a span { font-size:14px; }
.eyebrow { display:block;margin-bottom:20px;font:10px var(--mono);letter-spacing:.12em; }.protocol { padding:112px 8.3vw 98px;background:var(--ink);color:var(--paper); }.protocol-heading { display:grid;grid-template-columns:1.15fr .85fr;column-gap:7vw; }.protocol-heading .eyebrow,.protocol-heading h2 { grid-column:1; }.protocol-heading h2 { font-size:clamp(43px,5.4vw,78px); }.protocol-heading>p { grid-column:2;grid-row:2;align-self:end;max-width:330px;margin:0 0 5px;font-size:13px;line-height:1.75;color:#c5c1b8; }.protocol-steps { display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;border-top:1px solid rgba(242,240,233,.36); }.protocol-steps article { min-height:277px;padding:20px 20px 20px 0;border-right:1px solid rgba(242,240,233,.36);display:flex;flex-direction:column; }.protocol-steps article:not(:first-child) { padding-left:20px; }.protocol-steps article:last-child { border-right:0; }.protocol-steps span { font:9px var(--mono);color:#bbb7ad; }.protocol-steps h3 { margin:auto 0 14px;font:500 33px var(--serif);letter-spacing:-.04em; }.protocol-steps p { margin:0;max-width:225px;color:#c5c1b8;font-size:12px;line-height:1.65; }.protocol-cta { display:flex;justify-content:space-between;align-items:center;margin-top:35px; }.protocol-cta p { margin:0;font-size:13px;color:#c5c1b8; }.outline-button { border:1px solid rgba(242,240,233,.6);background:transparent;color:var(--paper); }
.audiences { padding:110px 8.3vw 130px; }.audiences-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:55px; }.audiences h2 { font-size:clamp(44px,5.4vw,78px); }.audience-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.audience-card { min-height:417px;padding:21px;background:#ded9cf;display:flex;flex-direction:column; }.audience-card:nth-child(3) { background:#c9c4b9; }.audience-card.featured { background:var(--gold);color:#fff; }.audience-card>span { font:9px var(--mono); }.audience-kicker { margin:72px 0 12px;font:9px var(--mono);letter-spacing:.12em; }.audience-card h3 { margin:0;font:500 clamp(31px,3vw,45px)/.97 var(--serif);letter-spacing:-.05em; }.audience-card>p:last-child { max-width:240px;margin:24px 0 0;font-size:12px;line-height:1.7; }
.closing { border-top:1px solid var(--line); }.closing-content { border-left:1px solid var(--line);padding:92px 0 102px 8.7vw; }.closing blockquote { max-width:680px;margin:0;color:var(--gold);font:500 clamp(31px,4vw,58px)/1.08 var(--serif);letter-spacing:-.045em; }.closing-copy { display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;margin-top:112px;align-items:start; }.closing h2 { font-size:clamp(37px,4.5vw,66px); }.closing-copy>div { max-width:380px; }.closing-copy p { margin:0 0 22px;font-size:13px;line-height:1.75; }
.final-cta { min-height:590px;position:relative;overflow:hidden;background:var(--gold);color:#fff;display:grid;place-items:center;text-align:center; }.final-monogram { position:absolute;left:0;right:0;bottom:-16vw;color:rgba(255,255,255,.12);font:500 48vw/.7 var(--serif);letter-spacing:-.15em;white-space:nowrap; }.final-monogram span { display:inline-block;height:.55em;margin:0 .04em;border-left:2px solid currentColor;vertical-align:middle; }.final-content { position:relative;z-index:1; }.final-cta h2 { font-size:clamp(49px,6vw,87px); }.light-button { margin-top:35px;background:var(--paper);color:var(--ink); }
.site-footer { padding:29px 3.3vw;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:20px;align-items:center;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.footer-brand img { width:48px;height:48px;object-fit:contain; }.site-footer nav { display:flex;justify-content:center;gap:20px; }.site-footer>p { margin:0;text-align:right; }.site-footer small { grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.04em;color:var(--muted);text-transform:none; }
.quiz-dialog { width:min(600px,calc(100% - 30px));padding:48px;background:var(--paper);border:0;color:var(--ink); }.quiz-dialog::backdrop { background:rgba(0,0,0,.7);backdrop-filter:blur(3px); }.dialog-close { position:absolute;right:19px;top:12px;border:0;background:transparent;font:32px/1 var(--serif); }.quiz-dialog h2 { margin:0;font:500 clamp(40px,5vw,59px)/.94 var(--serif);letter-spacing:-.05em; }.quiz-intro>p { max-width:380px;margin:21px 0 31px;font-size:13px;line-height:1.7; }.dark-button { background:var(--ink);color:white; }.quiz-progress { display:flex;align-items:center;gap:17px;margin-bottom:35px;font:10px var(--mono);letter-spacing:.1em; }.quiz-progress>div { height:1px;flex:1;background:#c9c5bc; }.quiz-progress i { display:block;width:25%;height:1px;background:var(--ink);transition:width .25s; }.quiz-form fieldset { margin:0;padding:0;border:0; }.quiz-form legend { max-width:460px;margin-bottom:26px;font:500 31px/1.1 var(--serif);letter-spacing:-.04em; }.quiz-form label { display:flex;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45;cursor:pointer; }.quiz-form input { margin:3px 0 0;accent-color:var(--ink); }.quiz-actions { display:flex;justify-content:space-between;align-items:center;margin-top:31px; }.back-button { border:0;background:transparent;padding:0;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.quiz-result { padding-top:20px; }.quiz-result p { max-width:410px;font-size:14px;line-height:1.7; }.result-tag { color:var(--gold);font:10px var(--mono);letter-spacing:.12em; }.result-note { margin-top:28px;color:var(--muted);font-size:11px !important; }
@media (max-width:760px) { .site-header { height:66px;padding:0 20px; }.brand img { width:41px;height:41px; }.brand span { font-size:9px; }.desktop-nav,.header-cta { display:none; }.menu-toggle { width:38px;height:38px;padding:0;background:none;border:0;color:#fff;display:grid;align-content:center;gap:6px; }.menu-toggle i { display:block;width:22px;height:1px;background:currentColor;transition:transform .2s; }.menu-toggle[aria-expanded="true"] i:first-of-type { transform:translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] i:last-of-type { transform:translateY(-3.5px) rotate(-45deg); }.mobile-menu { position:absolute;z-index:3;top:66px;left:0;right:0;padding:22px 20px;background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;transform:translateY(-140%);opacity:0;transition:.25s; }.mobile-menu.is-open { display:grid;transform:translateY(0);opacity:1; }.mobile-quiz { grid-column:1/-1;border:0;background:none;padding:0;color:#fff;text-align:left;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.hero { min-height:650px; }.hero-image { object-position:48% center; }.hero-grid { inset:0 20px;background:none;border-color:rgba(255,255,255,.18); }.hero-meta { top:91px;left:20px;right:20px;font-size:8px; }.hero-bottom { left:20px;right:20px;bottom:20px;font-size:8px; }.hero-bottom p { max-width:140px; }.section-grid { grid-template-columns:1fr;padding:0 20px; }.side-label { padding-top:25px; }.opening-content,.manifesto-copy,.closing-content { border:0;padding:66px 0 58px; }.intro-statement { font-size:37px; }.opening-details { grid-template-columns:1fr;gap:25px;margin-top:73px; }.opening h1,.manifesto h2,.protocol h2,.audiences h2,.closing h2 { font-size:50px; }.opening-details p { font-size:13px; }.manifesto-copy { padding-top:61px; }.copy-columns { grid-template-columns:1fr;gap:0;margin-top:46px; }.copy-columns p { font-size:13px; }.protocol { padding:70px 20px 60px; }.protocol-heading { display:block; }.protocol-heading>p { margin-top:27px;font-size:13px; }.protocol-steps { grid-template-columns:1fr 1fr;margin-top:58px; }.protocol-steps article { min-height:235px;padding:16px 13px !important;border-bottom:1px solid rgba(242,240,233,.36); }.protocol-steps article:nth-child(2n) { border-right:0; }.protocol-steps h3 { font-size:28px; }.protocol-steps p { font-size:11px; }.protocol-cta { display:block;margin-top:26px; }.protocol-cta p { margin-bottom:17px; }.outline-button { width:100%; }.audiences { padding:70px 20px 80px; }.audiences-heading { display:block;margin-bottom:34px; }.audience-grid { grid-template-columns:1fr;gap:10px; }.audience-card { min-height:330px; }.audience-kicker { margin-top:46px; }.closing-content { padding-top:60px; }.closing blockquote { font-size:36px; }.closing-copy { grid-template-columns:1fr;gap:28px;margin-top:72px; }.closing-copy p { font-size:13px; }.final-cta { min-height:500px;padding:35px 20px; }.final-monogram { bottom:-3vw;font-size:73vw; }.final-cta h2 { font-size:53px; }.site-footer { padding:27px 20px;grid-template-columns:1fr 1fr;gap:22px 10px; }.footer-brand img { width:42px;height:42px; }.site-footer nav { justify-content:flex-end;gap:12px;font-size:8px; }.site-footer>p { grid-column:1/-1;text-align:left; }.site-footer small { grid-column:1/-1;font-size:8px;line-height:1.5; }.quiz-dialog { padding:40px 24px 29px; }.quiz-form legend { font-size:28px; }.quiz-form label { font-size:12px; }.dark-button { font-size:9px; } }

.quiz-dialog { max-height:90svh;overflow:auto; }.quiz-intro,.quiz-question,.quiz-analyzing,.quiz-result { padding:4px 0; }.quiz-intro h2,.quiz-question h2,.quiz-result h2 { max-width:490px; }.quiz-intro h2 em { font-weight:500; }.quiz-intro>p { max-width:460px; }.quiz-facts { display:flex;gap:26px;margin:28px 0; }.quiz-facts span { display:grid;gap:4px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted); }.quiz-facts b { color:var(--ink);font:500 23px var(--serif);letter-spacing:0; }.quiz-intro small,.quiz-privacy,.result-disclaimer { display:block;max-width:445px;margin-top:20px;color:var(--muted);font-size:10px;line-height:1.55; }.quiz-progress { justify-content:space-between;margin-bottom:13px;color:var(--muted); }.quiz-progress b { color:var(--gold);font:9px var(--mono);letter-spacing:.1em; }.quiz-track { height:1px;background:#c9c5bc;margin-bottom:35px; }.quiz-track i { display:block;height:1px;background:var(--ink);transition:width .25s; }.quiz-question h2 { font-size:clamp(30px,4vw,46px); }.quiz-question>p { max-width:450px;margin:15px 0 30px;font-size:13px;line-height:1.65; }.quiz-options { border-top:1px solid var(--line); }.quiz-option { width:100%;display:flex;align-items:center;gap:13px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink);font-size:13px;line-height:1.4;transition:color .15s; }.quiz-option:hover,.quiz-option.is-selected { color:var(--gold); }.quiz-option span { display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;font:9px var(--mono);color:var(--muted); }.quiz-option.is-selected span { border-color:var(--gold);color:var(--gold); }.quiz-analyzing { min-height:330px;display:grid;place-content:center;text-align:center; }.quiz-analyzing>i { width:35px;height:35px;margin:0 auto 25px;border:1px solid #c4c0b8;border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite; }.quiz-analyzing h2 { font:500 36px var(--serif);letter-spacing:-.04em; }.quiz-analyzing p { max-width:300px;margin:12px auto 0;font-size:12px;line-height:1.6; }.result-card { max-width:460px;margin:23px 0 28px;padding:19px;background:#e3dfd6; }.result-card>span { display:block;font:9px var(--mono);letter-spacing:.1em; }.result-card strong { display:block;margin:7px 0;font:500 53px/.9 var(--serif);letter-spacing:-.05em; }.result-card i { display:block;height:2px;background:#c5c0b6; }.result-card i b { display:block;height:2px;transition:width .3s; }.result-card small { display:flex;justify-content:space-between;margin-top:9px;color:var(--muted);font:8px var(--mono);letter-spacing:.04em; }.result-card small em { font-style:normal; }.quiz-result h3 { max-width:460px;margin:0;font:500 25px/1.15 var(--serif);letter-spacing:-.03em; }.quiz-result>p { margin-top:14px; }.result-cta { margin-top:9px; }.restart-quiz { display:block;margin:19px 0 0;padding:0;border:0;background:transparent;border-bottom:1px solid var(--ink);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.result-disclaimer { margin-top:25px; }.quiz-fade { animation:quiz-fade .28s ease both; } @keyframes quiz-fade { from { opacity:0;transform:translateY(7px); } to { opacity:1;transform:translateY(0); } } @keyframes spin { to { transform:rotate(360deg); } }
@media (max-width:760px) { .quiz-facts { gap:15px; }.quiz-facts b { font-size:20px; }.quiz-option { font-size:12px; }.quiz-dialog { padding:38px 24px 27px; }.quiz-question h2 { font-size:31px; }.result-card strong { font-size:47px; } }