:root{--paper:#161616;--ink:#fff;--muted:#929292;--line:#252525;--red:#19ed6a}
body{font-family:Onest,Arial,sans-serif;font-size:20px;background:#161616;color:#d2d2d2}h1,h2{color:#505050;font-weight:300;letter-spacing:-.035em}h3{font-size:20px;color:#ddd;font-weight:450}p{font-size:20px}strong{font-weight:500;color:#fff}.small{font-size:14px;color:#888}.label{color:#777}.accent{color:inherit}.dark{background:#161616;color:#d2d2d2}.dark .small,.dark .label{color:#888}.section{padding:130px 0;border-top:1px solid #222}.wrap{width:min(1296px,calc(100% - 120px))}.header{background:#161616;border-color:rgba(255,255,255,.04)}.header .wrap{width:calc(100% - 30px);min-height:50px;position:relative;justify-content:flex-start}.signature{display:flex;align-items:center;gap:10px;font-size:20px;color:#808080;white-space:nowrap}.signature img{display:block;flex-shrink:0}.nav{position:absolute;left:50%;transform:translateX(-50%);gap:100px;font-size:20px;line-height:1.4;color:#808080}.nav a:hover{color:#fff}.progress{height:1px;background:#666}.hero{padding:113px 0 90px;min-height:calc(100svh - 50px)}.hero-layout{display:flex;flex-direction:column;gap:100px;text-align:center;width:min(615px,calc(100% - 40px))}.hero h1{font-size:70px;line-height:1.2;letter-spacing:-.035em;font-weight:300;color:rgba(255,255,255,.25)}.hero .lead{font-size:20px;line-height:1.4;margin-top:100px;color:rgba(255,255,255,.5)}.hero .lead span,.hero .lead strong{display:block}.flower-field{border:0;padding:0}.flower-field .flower{width:376px;height:376px;max-width:none;transform:rotate(90deg);margin:0}.flower{object-fit:contain;aspect-ratio:1;height:auto;transform:rotate(90deg)}.object .flower{height:220px;width:220px}.one{color:#393939}.words{color:#343434;border-color:#252525}.words span:nth-child(3){color:#555}.pull{font-size:20px;line-height:1.5;letter-spacing:0;color:#fff;max-width:660px;margin-top:56px}.section h2{font-size:clamp(42px,5.2vw,80px);max-width:1050px;line-height:1.1}.measure{max-width:620px}.grid{gap:100px}.btn{border:0;border-bottom:1px solid #555;padding:10px 0;justify-content:flex-start;font-size:16px;min-height:44px}.btn.primary{color:#fff;background:transparent;border-color:#fff}.btn:hover,.btn.primary:hover{background:transparent;color:var(--red);border-color:var(--red)}.actions{gap:32px}.facts span{border:0;border-bottom:1px solid #333;padding:8px 0;color:#929292}.controls button{border:0;border-bottom:1px solid #333;padding:12px 0;margin-right:28px;font-size:16px;color:#888}.controls button[aria-pressed=true]{background:none;border-color:#fff;color:#fff}.panel{border:0;border-top:1px solid #252525;padding:40px 0;gap:80px}.stage{background:transparent}.stage .flower{width:220px;height:220px}.dot{border-color:#555}.target{background:#eee;box-shadow:none;width:12px;height:12px}.thread{border-color:#555}.context-lines{color:#b3b3b3}.context-lines span,.context-lines .broken{border-color:#555}.panel blockquote{font-size:20px;color:#fff}.takeaway{font-size:17px;max-width:660px;color:#fff}.pole{border-color:#333}.bridge-center .line{background:#555}.row h3{font-size:20px}.row p{font-size:17px;color:#999}.row .num{color:#555}.row{border-color:#252525}.row:last-child{border-color:#252525}.author-intro{max-width:660px}.author-intro p{font-size:18px}.contact .measure{font-size:18px}.footer{border-color:#252525;color:#777}.footer .wrap{align-items:center}.mockup-note{background:#161616;color:#666;border-top:1px solid #222}.replay-intro{background:transparent;border:0;color:#777;font-size:13px;padding:12px;min-height:44px}.replay-intro:hover{color:#fff}dialog{background:#161616;border-color:#333;color:#ddd}dialog h2{color:#aaa}.close{color:#fff;border-color:#555}textarea{font-family:Onest,Arial,sans-serif;background:#1b1b1b;border-color:#444;color:#eee}.status{font-size:14px}.skip{background:#161616;color:#fff}
.loading-screen{position:fixed;inset:0;z-index:100;background:#161616;color:#fff}.loading-screen[hidden]{display:none}.terminal{position:absolute;left:38px;top:37px;display:flex;flex-direction:column;gap:10px;max-width:calc(100% - 76px);font:20px/25px Consolas,'Courier New',monospace}.terminal-row{display:flex;align-items:flex-start;gap:5px;min-height:25px;color:rgba(255,255,255,.5);visibility:hidden}.terminal-row.visible{visibility:visible}.terminal-row.past{color:rgba(255,255,255,.25)}.terminal-row img{flex-shrink:0;display:block}.terminal-row span{overflow-wrap:anywhere}.terminal-row.typing span::after{content:'▌';font-size:14px;color:#aaa}.terminal-success{color:#19ed6a}.terminal-success img{margin:3px}.loading-flower{position:absolute;left:50%;top:50%;width:307px;height:307px;transform:translate(-50%,-50%)}.loading-flower img{display:block;width:307px;height:307px;transform:rotate(90deg);animation:flower-turn 10.4s cubic-bezier(.4,0,.2,1) infinite}.intro-skip{position:absolute;right:38px;bottom:30px;background:none;border:0;color:#888;font:14px Onest,Arial,sans-serif;min-height:44px}.intro-skip:hover{color:#fff}.loading-screen.leaving{opacity:0;transition:opacity .3s}.loading-screen.leaving .loading-flower img{animation-play-state:paused}
@keyframes flower-turn{0%{transform:rotate(90deg)}7%{transform:rotate(135deg)}12.5%{transform:rotate(135deg)}19.5%{transform:rotate(180deg)}25%{transform:rotate(180deg)}32%{transform:rotate(225deg)}37.5%{transform:rotate(225deg)}44.5%{transform:rotate(270deg)}50%{transform:rotate(270deg)}57%{transform:rotate(315deg)}62.5%{transform:rotate(315deg)}69.5%{transform:rotate(360deg)}75%{transform:rotate(360deg)}82%{transform:rotate(405deg)}87.5%{transform:rotate(405deg)}94.5%{transform:rotate(450deg)}100%{transform:rotate(450deg)}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.signature{font-size:14px}.signature img{width:24px;height:24px}.nav{gap:40px;font-size:16px}.grid{gap:48px}.section{padding:100px 0}.hero{padding-top:90px}.panel{gap:36px}}
@media(max-width:800px){.header .wrap{justify-content:space-between}.nav{position:static;transform:none;gap:24px}.hero-layout{gap:76px}.hero .lead{margin-top:76px}.hero h1{font-size:60px}.grid{gap:44px}.hero{min-height:calc(100svh - 50px)}.section h2{font-size:56px}.panel{gap:32px}.bridge .pole h3{font-size:20px}}
@media(max-width:520px){body{font-size:16px}p{font-size:16px}.wrap{width:calc(100% - 40px)}.header .wrap{width:calc(100% - 32px);min-height:50px}.signature{font-size:12px;gap:6px}.signature img{width:22px;height:22px}.nav{font-size:14px}.hero{padding:76px 0 64px}.hero-layout{width:calc(100% - 40px);gap:64px}.hero h1{font-size:42px;line-height:1.16}.hero .lead{margin-top:64px;font-size:16px;line-height:1.5}.hero .lead strong{max-width:300px;margin:auto}.flower-field .flower{width:260px;height:260px}.section{padding:80px 0}.section h2{font-size:42px}.pull{font-size:17px;line-height:1.55;margin-top:36px}.words{font-size:42px}.object .flower{width:155px;height:155px}.panel{padding:28px 0}.panel h3,.row h3{font-size:18px}.panel blockquote,.row p,.author-intro p,.contact .measure{font-size:16px}.controls button{margin:0}.controls{gap:8px}.small,.label{font-size:12px}.takeaway{font-size:16px}.actions{gap:16px}.stage .flower{width:200px;height:200px}.terminal{left:20px;top:24px;font-size:13px;line-height:20px;max-width:calc(100% - 40px);gap:8px}.terminal-row{min-height:20px}.terminal-row img{width:18px;height:18px}.terminal-success img{width:14px;height:14px}.loading-flower,.loading-flower img{width:220px;height:220px}.intro-skip{right:20px;bottom:20px;font-size:12px}.footer .wrap{align-items:flex-start}.replay-intro{padding-left:0}}
@media(max-width:360px){.hero h1{font-size:35px}.section h2{font-size:36px}.wrap{width:calc(100% - 32px)}.object .flower{width:125px;height:125px}.hero .lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.loading-flower img{animation:none}.loading-screen.leaving{transition:none}}

/* Narrative rhythm: small copy leads; the large display alternates sides. */
.narrative-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:start}
.narrative-copy{grid-column:1;grid-row:1;min-width:0;max-width:620px}
.narrative-display{grid-column:2;grid-row:1;min-width:0}
.copy-right .narrative-copy{grid-column:2}.copy-right .narrative-display{grid-column:1}
.narrative-copy>.measure{margin-top:0!important}.narrative-copy p:first-child{margin-top:0!important}
.narrative-object{margin-top:48px}.narrative-display h2{max-width:100%}
#intention .panel>div:first-child{grid-column:2;grid-row:1}#intention .panel>div:last-child{grid-column:1;grid-row:1}
#contact .actions,#contact .small,#contact .fallback{max-width:calc((100% - 100px)/2)}
@media(max-width:1050px){.narrative-grid{gap:48px}#contact .actions,#contact .small,#contact .fallback{max-width:calc((100% - 48px)/2)}}
@media(max-width:800px){.narrative-grid{grid-template-columns:minmax(0,1fr);gap:44px}.narrative-grid .narrative-copy{grid-column:1;grid-row:1}.narrative-grid .narrative-display{grid-column:1;grid-row:2}#intention .panel>div:first-child{grid-column:1;grid-row:2}#intention .panel>div:last-child{grid-column:1;grid-row:1}#contact .actions,#contact .small,#contact .fallback{max-width:100%}}