:root{--ink: #000;--paper: #fff;--amber: #aa6600;--w80: rgba(255,255,255,.8);--w60: rgba(255,255,255,.6);--w15: rgba(255,255,255,.15);--b80: rgba(0,0,0,.8);--b60: rgba(0,0,0,.6);--b50: rgba(0,0,0,.5);--b15: rgba(0,0,0,.15);--section-heading: clamp(36px, 3.8vw, 48px);--support-heading: clamp(30px, 3vw, 36px);--content: 1280px;--measure: 640px;--gutter: clamp(20px, 4vw, 80px);--space-30: clamp(20px, 3vw, 30px);--space-40: clamp(30px, 4vw, 40px);--space-60: clamp(40px, 6vw, 60px);--space-80: clamp(60px, 8vw, 80px);--space-100: clamp(70px, 10vw, 100px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Google Sans Flex,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3{font-weight:500;letter-spacing:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}.wrap{width:100%;max-width:var(--content);margin-inline:auto}.site-header,main>section,footer{padding-inline:var(--gutter)}.dark{background:var(--ink);color:var(--paper)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:20px 30px;background:var(--amber);color:var(--paper);border:1px solid var(--amber);font-size:12px;line-height:1;font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background .25s ease-out,color .25s ease-out,border-color .25s ease-out}.button:hover{background:transparent;color:var(--amber)}.dark .button:hover{color:var(--paper)}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.dark :focus-visible{outline-color:var(--paper)}.site-header{position:absolute;inset:0 0 auto;z-index:1;padding-block:var(--space-30);color:var(--paper)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-30)}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:500;line-height:1;letter-spacing:.01em;text-decoration:none}.wordmark svg{width:20px;height:20px}.wordmark svg{display:block;flex:0 0 20px}.header-guide{background:transparent;border-color:var(--amber);padding:14px 20px;min-height:44px;white-space:nowrap}.header-guide:hover{background:var(--amber);color:var(--paper);border-color:var(--amber)}.hero{padding-block:calc(80px + var(--space-100)) var(--space-100)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-80);align-items:center}.hero h1{max-width:var(--measure);font-size:clamp(48px,4.2vw,60px);line-height:1}.hero .names{max-width:var(--measure);margin-top:var(--space-30);font-size:18px;line-height:1.75;color:var(--w60)}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:var(--space-40)}.hero-space{margin:0 0 0 auto;width:100%;max-width:380px}.hero-figure{display:block;width:100%;height:auto}.hero-figure .source .arc{stroke-dasharray:1;animation:sd-draw .5s ease-out .15s both}.hero-figure .source .gap{animation:sd-fade .5s ease-out .65s both}.hero-figure .arrow{stroke-dasharray:1;animation:sd-draw .25s ease-out 1s both}.hero-figure .copy{transform-box:fill-box;transform-origin:center;animation:sd-copy .5s ease-out calc(1.15s + var(--i) * 70ms) both}@keyframes sd-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sd-fade{0%{opacity:0}to{opacity:1}}@keyframes sd-copy{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.hero-space figcaption{max-width:360px;margin-top:var(--space-40);font-size:16px;line-height:1.5;color:var(--w60);text-wrap:balance}.ai{padding-block:var(--space-100)}.statement h2{max-width:960px;font-size:var(--section-heading);line-height:1}.statement h2 span{display:block}.statement p{max-width:var(--measure);margin-top:var(--space-30);font-size:20px;line-height:1.75;color:var(--b80)}.evidence{max-width:960px;margin-top:var(--space-60);padding-top:var(--space-40);border-top:1px solid var(--b15)}.stat{font-size:clamp(24px,2.2vw,30px);font-weight:500;line-height:1.25;color:var(--ink);text-wrap:balance}.evidence .aside{margin-top:16px}.exchange{display:grid;gap:var(--space-30);max-width:960px;margin-top:var(--space-60)}.turn{padding:var(--space-30) var(--space-40);border-left:1px solid var(--b15)}.turn.with{border-left-color:var(--amber)}.who{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.05em;text-transform:uppercase;color:var(--b60)}.said{margin-top:10px;font-size:clamp(20px,2vw,24px);line-height:1.5;color:var(--b80)}.with .said{color:var(--ink);font-weight:500}.shift{max-width:var(--measure);font-size:20px;line-height:1.75;color:var(--b80)}.aside{font-size:14px;color:var(--b60)}.aside a:hover{color:var(--amber)}.use{padding-block:var(--space-100)}.use-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-100);align-items:start}.use h2{max-width:var(--measure);font-size:var(--section-heading);line-height:1}.use .intro{max-width:var(--measure);margin-top:20px;color:var(--w80)}.use .button{margin-top:var(--space-40)}.use .note{max-width:var(--measure);margin-top:20px;font-size:14px;color:var(--w60)}.use .note+.note{margin-top:10px}.use-guide h3{font-size:24px;line-height:1.25}.use-guide>p{margin-top:20px;font-size:16px;color:var(--w80)}.copy-button{margin-top:20px;padding:14px 20px;min-height:44px;font:inherit;font-size:12px;font-weight:500;line-height:1;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--paper);border:1px solid var(--amber);transition:background .25s ease-out,border-color .25s ease-out}.copy-button:hover{background:var(--amber)}.copy-status{margin-top:10px;font-size:14px;color:var(--w60)}.copy-status:empty{display:none}.use-guide h4{margin:var(--space-40) 0 0;font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--w60)}.places{display:grid;gap:16px;margin:16px 0 0}.places div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;font-size:16px;line-height:1.5}.places dt{font-weight:500}.places dd{margin:0;color:var(--w80)}.use blockquote{max-width:var(--measure);margin-top:var(--space-30);padding-left:20px;border-left:1px solid var(--amber);font-size:16px;line-height:1.75;color:var(--w80)}.seeing-first{padding-block:var(--space-100) var(--space-80)}.seeing-first-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-40)}.seeing-first p{max-width:var(--measure);font-size:var(--support-heading);font-weight:500;line-height:1.25;color:var(--ink)}.doors{margin-top:var(--space-40)}.doors p{max-width:var(--measure);font-size:16px;line-height:1.75;color:var(--b60)}.doors a{color:var(--ink)}.doors a:hover{color:var(--amber)}footer{padding-block:0 var(--space-60);font-size:14px;color:var(--b60)}footer .wrap{padding-top:var(--space-40);border-top:1px solid var(--b15)}footer .origin{max-width:var(--measure)}.footer-meta{display:flex;flex-wrap:wrap;gap:10px var(--space-30);margin-top:var(--space-40);padding-top:var(--space-30);border-top:1px solid var(--b15)}footer a:hover{color:var(--amber)}@media(max-width:1000px){.use-grid{grid-template-columns:1fr;gap:var(--space-40)}.use-grid{gap:var(--space-80)}.hero-grid{grid-template-columns:1fr}.hero-space{margin:var(--space-60) 0 0;max-width:360px}}@media(max-width:760px){.site-header{padding-block:20px}.wordmark{font-size:14px}.header-inner{gap:20px}.header-guide{padding:14px 16px}.hero{min-height:auto;padding-block:calc(80px + var(--space-60)) var(--space-80)}.hero h1{font-size:clamp(36px,10vw,48px)}.hero .names{margin-top:20px}.hero-actions{flex-direction:column;align-items:stretch;margin-top:var(--space-40)}.hero-actions .button{justify-content:center}.ai{padding-block:var(--space-80)}.statement p{font-size:18px}.seeing-first,.use{padding-block:var(--space-80) var(--space-60)}.use-grid{gap:var(--space-60)}.turn{padding:20px 0 20px 20px}.shift{font-size:18px}.stat{font-size:24px}.places div{grid-template-columns:1fr;gap:2px}footer{padding-block:var(--space-60) var(--space-40)}}@media(max-width:380px){.button{padding:20px}}@media(prefers-reduced-motion:reduce){.hero-figure .arc,.hero-figure .gap,.hero-figure .arrow,.hero-figure .copy{animation:none}html{scroll-behavior:auto}*{transition-duration:.01ms!important}}
