:root{--ink:#101817;--paper:#f0eade;--muted:#bcbbae;--gold:#d0ab72;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header,main,footer{width:min(1240px,calc(100% - 80px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:13px;font-weight:800;line-height:1.1;letter-spacing:.16em}.brand span{display:block;color:var(--gold);margin-top:5px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--paper);color:var(--ink);z-index:10}.skip:focus{top:10px}.hero{min-height:730px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:55px;padding:78px 0 88px}.eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:.17em;color:var(--gold);margin:0 0 25px}h1{font-size:clamp(64px,7.3vw,110px);font-weight:900;line-height:.86;letter-spacing:-.065em;margin:0 0 35px}.colon,.human{color:var(--gold)}h1 .human{letter-spacing:.01em}.hook{font-size:clamp(22px,2.5vw,33px);line-height:1.35;margin-bottom:23px}.hook em{font-style:normal;color:var(--gold)}.intro{max-width:49ch;color:var(--muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 20px;border:1px solid #ffffff40;text-decoration:none;font-size:14px;font-weight:650;border-radius:3px}.button:hover{border-color:var(--gold)}.primary{color:var(--ink);background:var(--gold);border-color:var(--gold)}.dialogue{border:1px solid #ffffff1d;min-height:460px;padding:35px;position:relative;background:radial-gradient(ellipse at 75% 40%,#35584c48,transparent 60%),#15201d;box-shadow:20px 20px 0 #ffffff03}.dialogue-label{font:10px ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}.bubble{font-size:22px;line-height:1.4;max-width:290px;padding:24px;margin-top:56px;border:1px solid var(--line)}.human-bubble{background:#efe9de;color:#17201d;transform:rotate(-3deg)}.ai-bubble{margin-left:auto;color:var(--gold);background:#17241f;transform:rotate(2deg)}.motif{display:block;margin-top:47px;font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.teaser{padding:35px 0 75px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;gap:20px}.section-top>span{font:11px ui-monospace,monospace;color:var(--muted)}video{display:block;width:100%;aspect-ratio:16/9;background:#090c0b;border:1px solid var(--line)}.credit{font-size:11px;color:var(--muted);max-width:100ch}details{font-size:14px;color:var(--muted);max-width:65ch}summary{cursor:pointer}.project{padding:80px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;border-top:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 28px}.project p,.origin p,.follow p{color:var(--muted);max-width:64ch}aside{padding:28px;border:1px solid var(--line);background:#ffffff03}h3{font-size:15px;margin:0 0 20px}dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-top:22px}dd{font-size:15px;color:var(--muted);margin:4px 0}.origin{padding:80px 0;border-top:1px solid var(--line);max-width:820px}.text-link{display:block;margin-top:16px;font-size:14px}.follow{border-top:1px solid var(--line);padding:75px 0 100px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:30px 0 45px;color:var(--muted);font-size:12px}@media(max-width:800px){header,main,footer{width:calc(100% - 36px)}header{padding:24px 0}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding:55px 0;gap:35px;min-height:0}h1{font-size:clamp(55px,14vw,95px)}.dialogue{min-height:330px;padding:24px}.bubble{margin-top:30px;font-size:19px;padding:20px}.motif{margin-top:30px}.project{grid-template-columns:1fr;gap:30px;padding:50px 0}.origin,.follow{padding:50px 0}.section-top>span{white-space:nowrap}.eyebrow{font-size:10px}.credit{font-size:11px}footer{flex-wrap:wrap}.button{font-size:13px;padding:11px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.arrow-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
