:root{--bg: #ffffff;--surface: #f3f3f3;--ink: #0a0a0a;--muted: #3d3d3d;--accent: #2436ff;--accent-ink: #ffffff;--field-1: #2436ff;--field-1-ink: #ffffff;--field-2: #ff3b1f;--field-2-ink: #0a0a0a;--field-3: #0a0a0a;--field-3-ink: #ffffff;--font-display: "Bodoni Moda", serif;--font-text: "Jost", sans-serif;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2rem, 1.3rem + 3.2vw, 4rem);--margin: clamp(1.1rem, 2.4vw, 2rem);--axis: 42%;--section: clamp(5rem, 11vw, 10rem);--radius: 0px;--ease-out: cubic-bezier(.22, 1, .36, 1);--t-reveal: .8s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);line-height:1.55}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;text-wrap:balance;margin:0}img,video{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:0 1.5rem;background:var(--accent);color:var(--accent-ink);text-decoration:none;border:0;border-radius:var(--radius)}.button:active{transform:scale(.97)}.ghost{background:transparent;color:var(--ink);min-height:2.6rem;padding:0 .8rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--margin);flex-wrap:wrap}.word{font-family:var(--font-display);font-size:1.35rem;text-decoration:none}nav{display:flex;gap:1.2rem}nav a{text-decoration:none}.mosaic{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:28svh 22svh;height:50svh}.mosaic>*{min-height:0;filter:grayscale(1) contrast(1.05)}.mosaic .tile{filter:none}.field-1{background:var(--field-1)}.hero-copy{padding:2.4rem var(--margin) 4rem;margin-left:var(--axis);max-width:38rem}h1{font-size:clamp(2.6rem,7.4vw,6.4rem);line-height:.95}.hero-copy p{font-size:var(--step-lead);max-width:38ch;margin:1.2rem 0 1.6rem;color:var(--ink)}.lines .line{display:block;overflow:hidden}.lines [data-line]{display:block}.floor,.desk,.intro,.how,.faq,.road{padding:var(--section) var(--margin)}.floor{display:grid;grid-template-columns:var(--axis) 1fr 1fr;gap:1.5rem;background:var(--surface);align-items:start}.floor-pic{margin:0;height:28rem;overflow:hidden}.floor-pic img{filter:grayscale(1)}.side p{font-size:var(--step-lead)}.polls{display:grid;gap:1.2rem}.poll{background:var(--bg);padding:1.2rem 1.3rem}.poll h3{font-size:1.4rem;margin-bottom:.4rem}.tiny,.empty,.muted,.status{color:var(--muted)}.opt{display:flex;justify-content:space-between;width:100%;padding:.7rem 0;background:transparent;text-align:left}.opt:hover{color:var(--accent)}.desk{display:grid;grid-template-columns:var(--axis) 1fr;gap:1.5rem}.sheet{max-width:28rem}.sheet h2{font-size:var(--step-head);margin-bottom:1rem}label{display:grid;gap:.4rem;margin:0 0 1rem;color:var(--muted)}[data-ui] input,[data-ui] textarea,[data-ui] select{background:var(--surface);border:0;padding:.8rem .9rem;width:100%}.intro{display:grid;grid-template-columns:var(--axis) 1fr;gap:1rem 2rem}.intro h2{font-size:var(--step-head);max-width:12ch}.intro .body{grid-column:2;max-width:42ch}.facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem}.facts dt{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.6rem)}.facts dd{margin:.2rem 0 0;color:var(--muted)}.intro figure{grid-column:2;margin-top:1.5rem;max-width:28rem;height:22rem;overflow:hidden}.intro figure img{filter:grayscale(1)}.how{margin-left:var(--axis);max-width:36rem;padding-right:var(--margin)}.how h2{font-size:var(--step-head);margin-bottom:1.5rem}.how p{margin:0 0 1.4rem;max-width:38ch}.how img{height:12rem;object-fit:cover;margin:0 0 1.6rem;filter:grayscale(1)}.who{background:var(--field-2);color:var(--field-2-ink);padding:var(--section) var(--margin)}.who h2{font-size:var(--step-head);margin:0 0 1rem var(--axis)}.who p{margin:0 0 1rem var(--axis);max-width:46ch}.faq h2,.road h2{font-size:var(--step-head);color:var(--muted);margin-bottom:2.5rem}.faq>div{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3.2rem;align-items:start}.faq h3{font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.15}.faq p,.road p{max-width:40ch}.road p{margin:0 0 1rem}.close{background:var(--field-3);color:var(--field-3-ink);min-height:62svh;padding:8vh var(--margin) 2.5rem;display:grid;align-content:space-between}.close h2{font-size:clamp(3rem,9vw,7rem);line-height:.9}.close .button{justify-self:end}footer{background:var(--field-3);color:var(--field-3-ink);padding:4rem var(--margin) 3rem}footer .word{font-size:clamp(2.4rem,8vw,6rem);display:block;margin-bottom:1.5rem}footer p{max-width:70ch}.credits{font-size:var(--step-small);margin-top:2rem}code{font-family:inherit;word-break:break-all}@media(prefers-reduced-motion:no-preference){.js [data-rise],.js [data-reveal]{transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}.js [data-rise]:not(.is-in),.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(22px)}.js .lines [data-line]{transform:translateY(.35em);animation:ad-line .9s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * .11s + 80ms)}}@keyframes ad-line{to{transform:none}}@media(max-width:860px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:18svh 18svh 18svh;height:auto}.hero-copy,.how,.who h2,.who p{margin-left:0}.floor,.desk,.intro{grid-template-columns:1fr}.floor-pic{height:16rem}.facts{grid-template-columns:1fr 1fr}.faq>div{grid-template-columns:1fr;gap:.5rem;margin-bottom:2rem}.close{min-height:52svh}.close .button{justify-self:stretch}}
