:root{--color-night:oklch(14% .01 260);--color-night-2:oklch(20% .012 260);--color-night-ink:oklch(96% .008 90);--color-night-muted:oklch(78% .02 90);--color-day:oklch(96% .012 85);--color-day-ink:oklch(22% .02 60);--color-day-muted:oklch(40% .02 55);--color-pill:oklch(94% .01 90);--color-pill-ink:oklch(18% .02 60);--color-focus:oklch(78% .14 250);--color-blue:#5e9bff;--color-studio:#5b4cf0;--color-studio-hover:#6d5cff;--color-green:#48c97a;--color-amber:#fcc934;--color-orange:#ff864a;--color-pink:#f2b4ea;--font-display:"Manrope", ui-sans-serif, sans-serif;--font-body:"Manrope", ui-sans-serif, sans-serif;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.35rem;--text-2xl:clamp(1.45rem, 1.2vw + 1rem, 1.85rem);--text-display:clamp(2.6rem, 5vw + .6rem, 5.4rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--page-gutter:clamp(1rem, 4vw, 4.5rem);--radius-card:1.75rem;--radius-pill:999px}*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{background:var(--color-night);scrollbar-color:oklch(42% .02 260) var(--color-night)}body{min-height:100dvh;color:var(--color-night-ink);font-family:var(--font-body);font-size:var(--text-base);background:var(--color-night);font-weight:500;line-height:1.5}::selection{background:var(--color-blue);color:var(--color-night)}body,h1,h2,h3,p{overflow-wrap:anywhere;min-width:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;font-style:normal;font-weight:700;line-height:1.02}p{margin:0}a{color:inherit;cursor:pointer;white-space:nowrap;text-decoration:none}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}a:active{opacity:.72}.night{background:var(--color-night);color:var(--color-night-ink)}.mast{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--page-gutter);display:flex}.wordmark{font-size:var(--text-lg);letter-spacing:-.04em;font-weight:700}.mast nav{gap:var(--space-lg);font-size:var(--text-sm);font-weight:600;display:flex}.hero{justify-items:center;gap:var(--space-lg);min-height:calc(100dvh - 5.5rem);padding:var(--space-3xl) var(--page-gutter) var(--space-2xl);text-align:center;display:grid}.hero h1{max-width:min(14ch,100%);font-size:var(--text-display);margin:0}.hero-name,.lede{max-width:36rem;color:var(--color-night-muted)}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.status{min-height:2.4rem;padding:0 var(--space-md);border-radius:var(--radius-pill);color:var(--color-night-muted);font-size:var(--text-sm);border:1px solid oklch(70% .01 90/.35);align-items:center;font-weight:650;display:inline-flex}.goes a,.section-exit a,.pillars a{min-height:2.75rem;padding:0 var(--space-lg);border-radius:var(--radius-pill);background:var(--color-pill);color:var(--color-pill-ink);align-items:center;font-weight:700;display:inline-flex}.day .pillars a,.day .section-exit a{background:var(--color-day-ink);color:var(--color-day)}.bench{gap:var(--space-xl);padding:0 var(--page-gutter) var(--space-3xl);display:grid}.bench-list{gap:var(--space-md);padding:0 0 var(--space-sm);scroll-snap-type:x mandatory;scrollbar-color:oklch(42% .02 260) transparent;grid-auto-columns:minmax(17rem,22rem);grid-auto-flow:column;margin:0;list-style:none;display:grid;overflow-x:auto}.bench-list li{scroll-snap-align:start}.card{align-content:start;gap:var(--space-sm);height:100%;padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-night-2);display:grid}.card h2{font-size:var(--text-2xl);margin:0}.card-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-night-muted);font-size:var(--text-sm);display:flex}.card .status{min-height:1.8rem;padding:0 var(--space-sm)}.card-name{color:var(--color-night-muted)}.note{max-width:28rem;color:var(--color-night-muted);font-size:var(--text-sm)}.day{background:var(--color-day);color:var(--color-day-ink)}.reel{padding-top:var(--space-3xl)}.reel-copy{max-width:36rem;padding:0 var(--page-gutter);text-align:center;margin:0 auto}.reel h2{letter-spacing:-.045em;max-width:11em;margin:0 auto;font-size:clamp(2.4rem,4.2vw + .4rem,4.4rem);font-weight:750;line-height:.98}.reel-copy p{max-width:34ch;margin:var(--space-md) auto 0;color:var(--color-day-muted)}.reel-strip{margin:var(--space-2xl) 0 0;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.35rem;padding:0;list-style:none;display:flex;overflow-x:auto}.reel-strip::-webkit-scrollbar{display:none}.reel-strip li{aspect-ratio:3/4.2;scroll-snap-align:start;background:oklch(88% .01 85);flex:0 0 42vw;min-width:0;overflow:hidden}.reel-strip img,.reel-strip video{object-fit:cover;width:100%;height:100%;display:block}.studio,.field{padding:var(--space-3xl) var(--page-gutter)}.studio h2,.field h2{margin:0 0 var(--space-md);font-size:clamp(2.2rem,4vw,3.6rem)}.section-lede{max-width:38rem;margin-bottom:var(--space-xl);color:var(--color-day-muted)}.modes{gap:var(--space-xl);display:grid}.mode h3{margin:0 0 var(--space-xs);font-size:var(--text-lg)}.mode p,.pillars p{max-width:36rem;color:var(--color-day-muted)}.section-exit{margin-top:var(--space-xl)}.pillars{gap:var(--space-xl);max-width:36rem;margin:0;padding:0;list-style:none;display:grid}.pillars p{margin-top:var(--space-xs)}.close{background:radial-gradient(ellipse 70% 46% at 58% 72%, oklch(32% .035 265/.45), transparent 68%), var(--color-night)}.baseboard{padding:8rem var(--page-gutter) 0;color:var(--color-night-ink);background:0 0;margin-top:-6rem;position:relative;overflow:hidden}.baseboard h2{letter-spacing:-.035em;max-width:16ch;margin:0;font-size:clamp(1.85rem,2.4vw + .8rem,2.7rem);font-weight:650;line-height:1.12}.baseboard-top{gap:var(--space-xl);display:grid}.baseboard-side{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.baseboard-cols{gap:var(--space-2xl);display:flex}.baseboard-cols nav{gap:var(--space-xs);align-content:start;display:grid}.baseboard-cols p{margin-bottom:var(--space-xs);color:oklch(78% .02 90);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.baseboard-cols a{color:var(--color-night-ink);font-size:var(--text-sm);font-weight:500}.baseboard-cta-row{margin-top:var(--space-xl)}.baseboard-cta{align-items:center;gap:var(--space-xs);color:var(--color-night-ink);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:inline-flex}.baseboard-cta>span:first-child{min-height:2.4rem;padding:0 var(--space-md);border-radius:var(--radius-pill);background:oklch(10% .01 260);align-items:center;display:inline-flex}.baseboard-arrow,.to-top{background:var(--color-amber);color:oklch(18% .03 60);border-radius:.45rem;justify-content:center;align-items:center;display:inline-flex}.baseboard-arrow{background:var(--color-studio);color:#fff;width:2.4rem;height:2.4rem}.baseboard-cta:hover .baseboard-arrow{background:var(--color-studio-hover)}.to-top{width:2.5rem;height:2.5rem;color:var(--color-night-ink);background:0 0;border:1px solid oklch(78% .02 90/.45);border-radius:999px}.baseboard-arrow svg,.to-top svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.baseboard-legal{margin-top:var(--space-3xl);color:oklch(72% .02 90);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:600}.baseboard-crop{max-width:100%;margin-top:var(--space-md);overflow:hidden}.baseboard-mark{letter-spacing:-.065em;white-space:nowrap;margin:0 0 -.16em;font-size:clamp(4.8rem,18.5vw,15rem);font-weight:750;line-height:.78}@media (width>=64rem){.reel-strip{overflow:hidden}.reel-strip li{flex:1 1 0;width:0}}@media (width>=60rem){.baseboard-top{grid-template-columns:minmax(0,1.3fr) auto;align-items:start}.modes{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr)}.mode:first-child{grid-column:1/-1;max-width:40rem}}@media (hover:hover) and (pointer:fine){.goes a:hover,.section-exit a:hover,.pillars a:hover,.baseboard-cols a:hover,.mast nav a:hover{transform:translateY(-1px)}}.buddy{background:0 0;height:clamp(28rem,68vh,42rem);position:relative;overflow:hidden}.buddy-canvas{touch-action:pan-y;background:0 0;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 0 70%,#0000 100%);mask-image:linear-gradient(#000 0 70%,#0000 100%)}@media (prefers-reduced-motion:reduce){.goes a,.section-exit a,.pillars a,.baseboard-cols a,.baseboard-cta,.to-top,.mast nav a{transition:none}}
