:root { --ink:#171813; --paper:#f2f0e8; --acid:#dfff39; --coral:#ff684d; --muted:#727268; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.shell { width:min(1280px, calc(100% - 64px)); margin-inline:auto; }
.nav { height:92px; display:flex; align-items:center; border-bottom:1px solid #c9c7be; position:relative; z-index:5; }
.wordmark { font-size:25px; font-weight:800; letter-spacing:-1.4px; }
.wordmark span { font-weight:400; }.wordmark .dot{color:var(--coral);font-weight:900}
.navlinks { display:flex; gap:34px; margin-left:auto; margin-right:44px; font-size:13px; }
.navlinks a:hover { opacity:.55; }
.navCta,.primary { display:inline-flex; align-items:center; justify-content:space-between; gap:34px; background:var(--ink); color:white; padding:14px 18px; font-size:13px; font-weight:700; transition:transform .2s, background .2s; }
.navCta:hover,.primary:hover { transform:translateY(-2px); background:#303129; }
.hero { min-height:730px; position:relative; padding:92px 0 70px; }
.eyebrow { font:700 12px/1 Arial; letter-spacing:.12em; text-transform:uppercase; display:flex; align-items:center; gap:9px; }
.pulse { width:8px; height:8px; background:var(--coral); border-radius:50%; box-shadow:0 0 0 5px #ff684d27; }
h1 { font-size:clamp(67px,8.6vw,132px); line-height:.87; letter-spacing:-.075em; margin:50px 0 60px; font-weight:700; max-width:1150px; }
h1 em,h2 em { font-family:Georgia, 'Times New Roman', serif; font-weight:400; }
h1 em { color:var(--coral); }
.heroBottom { margin-left:42%; max-width:680px; display:flex; gap:50px; align-items:flex-start; }
.heroBottom p { max-width:410px; margin:0; font-size:18px; line-height:1.5; }
.primary { background:var(--acid); color:var(--ink); white-space:nowrap; padding:18px 20px; }
.primary:hover { background:#cbee26; }
.scribble { position:absolute; right:3%; top:180px; transform:rotate(5deg); font:italic 17px/1.15 Georgia,serif; color:#53544c; border:1.5px solid #53544c; border-radius:50%; padding:20px 28px; text-align:center; }
.scribble b { text-decoration:line-through; font-weight:400; }.scribble span{position:absolute;bottom:-26px;right:10px;font-size:25px}
.manifesto { background:var(--ink); color:var(--paper); padding-bottom:120px; }
.marquee { height:100px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #44453e; color:var(--acid); font-size:clamp(18px,2.2vw,32px); font-weight:800; letter-spacing:-.03em; overflow:hidden; }
.marquee i { color:var(--coral); font-style:normal; }
.manifestoGrid { display:grid; grid-template-columns:1fr 2.2fr 1.1fr; gap:50px; padding-top:100px; }
.sectionNo { font-size:10px; letter-spacing:.14em; font-weight:700; margin:7px 0 35px; }
.manifesto h2,.room h2,.closing h2 { font-size:clamp(44px,5.7vw,84px); line-height:.98; letter-spacing:-.055em; margin:0; }
.manifestoCopy { padding-top:8px; font-size:16px; line-height:1.65; color:#b9b8b0; }.manifestoCopy p:first-child{color:white;font-weight:700}
.room { padding:130px 0; display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; align-items:start; }
.roomIntro { position:sticky; top:50px; }.roomIntro h2{font-size:clamp(48px,5vw,70px)}.roomIntro h2 em{color:var(--coral)}
.roomIntro>p:last-child{font-size:17px;line-height:1.65;max-width:450px;margin-top:36px;color:#55564f}
.conversation { background:#e6e4db; border:1px solid #bbb9af; box-shadow:12px 12px 0 var(--ink); }
.conversationTop { height:62px; padding:0 22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #bbb9af; font-size:9px; letter-spacing:.12em; color:#66675f; }
.live { color:#383932; font-weight:700 }.live b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:7px}
.conversationTop button{border:0;background:none;letter-spacing:3px}.question{padding:32px 45px 26px}.question small{font-size:9px;letter-spacing:.12em}.question p{font:27px/1.25 Georgia,serif;margin:10px 0 0;max-width:500px}
.answers { padding:0 20px 20px; display:grid; gap:10px; }.answer{display:grid;grid-template-columns:45px 1fr;gap:14px;background:var(--paper);padding:18px 20px;transform:rotate(-.4deg)}.answer.a1{transform:rotate(.5deg)}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font-size:11px;font-weight:800}.a1 .avatar{background:#b9d6ff}.a2 .avatar{background:#ffb2a6}
.person{display:flex;align-items:baseline;gap:10px}.person strong{font-size:12px}.person span{font-size:9px;color:#77786f;text-transform:uppercase;letter-spacing:.08em}.answer p{font:17px/1.45 Georgia,serif;margin:8px 0 0}
.prompt{margin:0 20px 22px;background:white;border:1px solid #c5c3b9;height:52px;padding:0 9px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#929289;font-size:12px}.prompt b{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:white}
.uses { background:var(--acid); padding:110px 0; }
.useGrid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #9eae24; }
.useGrid article { min-height:360px; padding:26px 25px; border-right:1px solid #9eae24; display:flex; flex-direction:column; }.useGrid article:last-child{border:0}.useGrid span{font-size:10px}.useGrid h3{font-size:30px;letter-spacing:-.04em;margin:65px 0 16px}.useGrid p{font-size:14px;line-height:1.6;max-width:230px}.useGrid b{font:italic 22px Georgia,serif;margin-top:auto}
.closing { background:var(--coral); width:100%; max-width:none; padding:125px max(32px,calc((100vw - 1280px)/2)); min-height:620px; position:relative; }.closing h2{max-width:1000px;font-size:clamp(55px,7vw,104px)}.closing>p:nth-of-type(2){font:italic 25px Georgia,serif;margin:35px 0}.primary.light{background:var(--paper);position:absolute;right:max(32px,calc((100vw - 1280px)/2));bottom:120px}
footer { min-height:240px; padding:60px 0 30px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:start; border-bottom:8px solid var(--ink); }footer p{margin:3px 0;font-size:13px;color:#686960}footer div{display:flex;gap:30px;justify-content:flex-end;font-size:12px}footer small{grid-column:1/-1;margin-top:auto;color:#888980;font-size:10px}
@media(max-width:850px){.shell{width:min(100% - 36px,1280px)}.nav{height:74px}.navlinks{display:none}.navCta{margin-left:auto}.hero{min-height:680px;padding-top:70px}h1{font-size:clamp(56px,17vw,92px);margin-top:42px}.heroBottom{margin-left:0;display:block}.heroBottom p{margin-bottom:28px}.scribble{display:none}.manifestoGrid{grid-template-columns:1fr}.manifestoCopy{max-width:550px}.room{grid-template-columns:1fr;gap:55px;padding:90px 0}.roomIntro{position:static}.useGrid{grid-template-columns:1fr 1fr}.useGrid article:nth-child(2){border-right:0}.useGrid article{border-bottom:1px solid #9eae24}.primary.light{position:static;margin-top:30px}footer{grid-template-columns:1fr;gap:28px}footer div{justify-content:flex-start}}
@media(max-width:520px){.navCta{padding:11px 12px;gap:12px}.hero{min-height:650px}h1{font-size:55px}.marquee{gap:28px;justify-content:flex-start}.marquee span:nth-of-type(n+3),.marquee i:nth-of-type(n+3){display:none}.manifestoGrid{padding-top:70px}.conversation{box-shadow:7px 7px 0 var(--ink)}.conversationTop>span:nth-child(2){display:none}.question{padding:25px}.question p{font-size:22px}.answer{grid-template-columns:1fr}.person{display:block}.person span{display:block;margin-top:3px}.useGrid{grid-template-columns:1fr}.useGrid article{border-right:0;min-height:300px}.closing{padding-top:90px}.closing h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navCta,.primary{transition:none}}