body{font-size:16px;line-height:1.55}.site{--gutter:clamp(16px, 5vw, 72px);--max:1240px;overflow-x:clip}.site main>section{padding-left:var(--gutter);padding-right:var(--gutter)}.site main>section>*{max-width:var(--max);margin-left:auto;margin-right:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.nav{padding:20px var(--gutter);max-width:calc(var(--max) + 2 * var(--gutter));align-items:center;gap:16px;margin:0 auto;display:flex}.nav-links{align-items:center;gap:18px;margin-left:auto;font-size:15px;display:flex}.nav-links>a:not(.btn-primary){color:var(--ink-2);text-decoration:none}.nav-links>a:not(.btn-primary):hover{color:var(--ink)}.nav-theme{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;display:grid}.nav-theme:hover{color:var(--ink)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 20%, transparent);border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-1px)}.btn-primary:after{content:"→";font-weight:500}.btn-sm{padding:8px 16px;font-size:14px}.btn-sm:after{content:none}.btn-lg{padding:18px 30px;font-size:18px}.btn-quiet{color:var(--ink);border-bottom:1px solid var(--line-strong);border-radius:0;padding:13px 6px;font-weight:500;text-decoration:none}.btn-quiet:hover{border-color:var(--ink)}.linkish{color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.display{font-family:var(--font-serif);letter-spacing:-.035em;margin:0;font-size:clamp(60px,10.5vw,168px);font-weight:400;line-height:.9}.display em{color:var(--accent);letter-spacing:-.04em;font-style:italic}.display-2{font-family:var(--font-serif);letter-spacing:-.025em;text-wrap:balance;margin:0 0 24px;font-size:clamp(36px,5vw,68px);font-weight:400;line-height:1}.display-2.narrow{max-width:16em}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin:0 0 18px;font-size:13px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--accent);width:18px;height:8px;box-shadow:22px 0 0 var(--ink);border-radius:2px;margin-right:22px}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.5}.lede.center{text-align:center;margin:0 auto}.body-l{color:var(--ink-2);text-wrap:pretty;max-width:32em;margin:0;font-size:18px}.muted-s{color:var(--ink-3);font-size:14px}.hero{padding-top:clamp(32px,8vh,96px);padding-bottom:40px}.hero h1{max-width:9.5em}.hero-sub{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 56px;display:grid;margin-top:clamp(28px,4vw,48px)!important}.ctas{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.hero-bricks{border-top:1px solid var(--line);padding-top:28px;margin-top:clamp(48px,7vw,88px)!important}.hb-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;font-size:13px;font-weight:600}.hb-readout{color:var(--ink-2);align-items:baseline;gap:8px;font-size:16px;display:inline-flex}.hb-readout strong{font-family:var(--font-serif);color:var(--ink);font-size:34px;font-weight:400;line-height:1}.hb-readout.is-done{color:var(--confirmed);font-weight:600}.hb-row{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-bottom:20px;display:flex}.hero-qs{flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none;display:flex}.hero-qs li{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;transition:all .5s;display:inline-flex}.hero-q-dot{background:var(--open);border-radius:50%;flex:none;width:8px;height:8px;transition:background .5s}.hero-qs li.is-pink .hero-q-dot{background:var(--conflict)}.hero-qs li.is-answered{border-color:var(--line);color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);background:0 0}.hero-qs li.is-answered .hero-q-dot{background:var(--confirmed)}.hero-shot{margin-top:clamp(48px,7vw,96px)!important}.shift,.problem,.idea,.diff,.how,.loops,.future{padding-top:clamp(72px,10vw,136px);padding-bottom:clamp(24px,4vw,48px)}.shot-note{color:var(--ink-3);max-width:60em;margin:14px 0 0;font-size:14px}.shot-note em{font-family:var(--font-serif);font-size:16px}.hero-sub .lede+.lede{margin-top:14px}.hero-sub .lede strong{color:var(--ink);font-weight:600}.ba{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:32px;display:grid}.ba-col{border-top:3px solid var(--line-strong);padding-top:18px}.ba-col.is-now{border-top-color:var(--accent)}.ba-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:13px;font-weight:700}.ba-col.is-now .ba-label{color:var(--accent)}.ba ul{color:var(--ink-2);gap:10px;margin:0;padding:0;font-size:18px;list-style:none;display:grid}.ba-col.is-now ul{color:var(--ink)}.ba li{padding-left:22px;position:relative}.ba li:before{content:"";opacity:.5;background:currentColor;width:10px;height:2px;position:absolute;top:13px;left:0}.problem-grid{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);margin-top:24px;display:grid}.say h3{margin:0 0 8px;font-size:20px;font-weight:600}.say>p{color:var(--ink-2);margin:0 0 18px;font-size:17px}.say-card{font-family:var(--font-serif);border-radius:12px;margin-bottom:12px;padding:16px 20px;font-size:22px;line-height:1.25}.say-card span{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.say-card.is-vague{border:2px dashed var(--line-strong);color:var(--ink-2);background:var(--surface)}.say-card.is-precise{border:2px solid var(--accent-line);background:var(--accent-soft)}.voices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.voices div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.35}.voices div:nth-child(-n+2){border-color:color-mix(in srgb, var(--conflict) 45%, var(--line))}.voices span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.idea-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.display-2 em{color:var(--accent);font-style:italic}.body-l b{color:var(--ink);font-weight:600}.idea-flow{justify-items:stretch;gap:12px;display:grid}.idea-src{background:var(--accent);color:var(--accent-ink);border-radius:14px;padding:20px 24px}.idea-src span{font-family:var(--font-serif);font-size:32px;line-height:1;display:block}.idea-src small{margin-top:8px;font-size:15px;display:block}.idea-down{text-align:center;color:var(--ink-3);font-size:15px}.idea-outs{gap:8px;display:grid}.idea-outs div{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);border-radius:10px;padding:10px 16px;font-size:16px}.diff-table-wrap{margin-top:24px;overflow-x:auto}.diff-table{border-collapse:collapse;width:100%;min-width:560px;font-size:17px}.diff-table th,.diff-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 18px 12px 0}.diff-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--line-strong);font-size:12px;font-weight:700}.diff-table tbody th{width:18%;font-weight:600}.diff-table td{color:var(--ink-2)}.adds-h{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:40px 0 14px;font-size:13px;font-weight:700}.adds{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.adds li{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--ink-2);border-radius:12px;padding:16px 18px;font-size:15px}.adds b{color:var(--ink);font-weight:600}.how{border-top:1px solid var(--line);margin-top:clamp(48px,6vw,80px)}.group{margin-top:clamp(48px,6vw,88px)!important}.group-head{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px 48px;margin-bottom:32px;padding-bottom:14px;display:grid}.group-head h3{font-family:var(--font-serif);letter-spacing:-.015em;margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:400;line-height:1}.group-head p{color:var(--ink-2);margin:0;font-size:17px}.pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,4vw,56px) clamp(28px,4vw,56px);display:grid}.piece .shot-frame{box-shadow:var(--shadow-1);border-radius:10px}.piece .shot-ph-cap{font-size:12px}.piece-name{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:18px 0 4px;font-size:13px;font-weight:700}.piece-h{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 14px;font-size:clamp(22px,2vw,27px);font-weight:400;line-height:1.15}.wwh{gap:10px;margin:0;display:grid}.wwh div{grid-template-columns:132px 1fr;gap:12px;font-size:15px;line-height:1.5;display:grid}.wwh dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-top:3px;font-size:12px;font-weight:700}.wwh dd{color:var(--ink-2);margin:0}.wwh div:last-child dd{color:var(--ink)}.loops-row{grid-template-columns:1fr 220px 1fr;align-items:center;gap:20px;margin-top:28px;display:grid}.loop{border:2px solid var(--line-strong);background:var(--surface);border-radius:16px;padding:20px 24px}.loop.is-build{border-color:var(--accent-line)}.loop h3{font-family:var(--font-serif);margin:0 0 10px;font-size:28px;font-weight:400}.loop ol{margin:0;padding-left:22px;font-size:16px;line-height:1.6}.loops-mid{color:var(--ink-2);text-align:center;gap:18px;font-size:14px;display:grid}.loops-mid b{color:var(--accent);vertical-align:middle;font-size:26px;font-weight:400}.future-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:28px;display:grid}.fcol{border-top:3px solid var(--line-strong);padding-top:16px}.fcol.is-now{border-top-color:var(--accent)}.flabel{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px;font-size:13px;font-weight:700}.fcol.is-now .flabel{color:var(--accent)}.fcol p:not(.flabel){color:var(--ink);margin:0;font-size:17px}.future-foot{font-family:var(--font-serif);margin:32px 0 0;font-size:clamp(24px,2.6vw,34px)}.close{text-align:center;border-top:1px solid var(--line);justify-items:center;gap:28px;padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(80px,10vw,140px);display:grid}.close .display{font-size:clamp(64px,10vw,150px)}.foot{padding:28px var(--gutter);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;font-size:14px;display:flex}.foot-mark{font-family:var(--font-serif);align-items:center;gap:8px;font-size:19px;display:inline-flex}.foot-links{gap:20px;margin-left:auto;display:flex}.foot-links a{color:var(--ink-2);text-decoration:none}.foot-links a:hover{color:var(--ink)}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hero h1,.hero-sub,.hero-bricks{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero-sub{animation-delay:.12s}.hero-bricks{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero h1,.hero-sub,.hero-bricks{animation:none}}@media (width<=960px){.hero-sub,.problem-grid,.idea-grid,.pieces,.group-head{grid-template-columns:1fr}.adds{grid-template-columns:1fr 1fr}.loops-row{grid-template-columns:1fr}.loops-mid{grid-template-columns:1fr 1fr}}@media (width<=560px){.nav-links>a:not(.btn-primary){display:none}.hero-bricks .brickrow-lg{--mb-w:40px;--mb-h:27px;--mb-gap:6px;--mb-r:5px;--mb-b:2px}.hero-qs li{font-size:13px}.ba,.future-cols,.adds,.voices{grid-template-columns:1fr}.wwh div{grid-template-columns:1fr;gap:2px}.foot-links{margin-left:0}}
