@font-face{font-family:Instrument Serif;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Hanken Grotesk;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-latin-600-normal.woff2)format("woff2")}@font-face{font-family:DM Mono;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-400-normal.woff2)format("woff2")}:root{--bg:#0a0d14;--surface:#131824;--surface-2:#1b2233;--text:#f6f3ee;--text-muted:#a9b0bf;--accent:#ff8a3d;--accent-ink:#0a0d14;--line:#2a3347;--line-strong:#6c7488;--warn:#f6f3ee;--warn-ink:#0a0d14;--focus:#ffc48f;--font-display:"Instrument Serif", Georgia, serif;--font-ui:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-label:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-display:400;--fw-ui:600;--fw-strong:600;--label-track:.1em;--card-radius:24px;--btn-radius:999px;--img-radius:28px;--glow:0 20px 60px #00000073}.chrome-sticky.is-pill{pointer-events:none}.chrome-sticky.is-pill>*{pointer-events:auto}.pill-wrap{pointer-events:none;height:0;position:relative}.pill-wrap>*{pointer-events:auto}.site-header.pill{border:1px solid color-mix(in srgb, var(--text) 16%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);width:min(1120px,100% - 24px);transition:transform var(--dur-ui) var(--ease-in), opacity var(--dur-ui) var(--ease-in);--logo-h:28px;border-radius:999px;position:absolute;top:12px;left:50%;transform:translate(-50%)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header.pill{background:color-mix(in srgb, var(--surface) 52%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3)}}.pill__row{align-items:center;gap:var(--sp-3);min-height:56px;padding:6px 10px 6px 20px;display:flex}.pill .main-nav a{font-size:14px}.pill .tool-link{border-color:color-mix(in srgb, var(--text) 24%, transparent)}.pill .mobile-nav{border:1px solid var(--line);border-radius:var(--card-radius);background:color-mix(in srgb, var(--surface) 96%, transparent);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}body.chrome-hidden .site-header.pill{opacity:0;transform:translate(-50%,-150%)}.c-hero{--hero-chrome:76px;padding-top:76px;position:relative;overflow:hidden}.c-viewport{height:clamp(520px, calc(100svh - var(--hero-chrome) - 152px - var(--bottom-bar-h)), 760px);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.c-track{margin:0;padding:0;list-style:none}.c-slide{border-radius:var(--img-radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--glow);will-change:transform, opacity;position:absolute;top:0;bottom:0;left:50%;overflow:hidden}.c-slide:not(.is-active){cursor:pointer}.c-plate{background:var(--surface);position:absolute;top:0;bottom:0;left:0;right:0}.c-plate__glow{background:radial-gradient(60% 70% at 72% 42%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%), radial-gradient(90% 60% at 50% 120%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.c-plate--pipes .c-plate__glow{background:radial-gradient(60% 70% at 70% 40%, color-mix(in srgb, var(--text-muted) 30%, transparent), transparent 70%), radial-gradient(40% 40% at 85% 85%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%)}.c-plate--charcoal .c-plate__glow{background:radial-gradient(55% 60% at 70% 62%, color-mix(in srgb, var(--accent) 52%, transparent), transparent 70%), radial-gradient(90% 60% at 50% 120%, color-mix(in srgb, var(--accent) 32%, transparent), transparent 60%)}.c-plate:after{content:"";background:linear-gradient(0deg, color-mix(in srgb, var(--bg) 92%, transparent) 0%, color-mix(in srgb, var(--bg) 60%, transparent) 42%, transparent 75%);position:absolute;top:0;bottom:0;left:0;right:0}.c-slide .demo-tag{z-index:4;top:14px;left:auto;right:14px}.c-jars{z-index:1;justify-content:center;align-items:flex-end;height:52%;display:flex;position:absolute;top:4%;left:0;right:0}.cj{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 22px 26px #0000008c);flex:none;height:auto}.cj--c{z-index:2;width:44%}.cj--l{width:34%;margin-right:-6%;transform:rotate(-6deg)}.cj--r{width:34%;margin-left:-6%;transform:rotate(6deg)}.c-slot{z-index:1;place-content:center;justify-items:center;gap:var(--sp-2);text-align:center;height:44%;padding:var(--sp-4);border:1px dashed var(--line-strong);border-radius:calc(var(--img-radius) / 1.5);color:var(--text-muted);font-size:var(--fs-small);display:grid;position:absolute;top:8%;left:8%;right:8%}.c-copy{z-index:3;padding:var(--sp-5);gap:var(--sp-3);justify-items:start;display:grid;position:absolute;bottom:0;left:0;right:0}.c-label{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--accent)}.c-h{font-family:var(--font-display);font-weight:var(--fw-display);letter-spacing:-.01em;text-wrap:balance;max-width:14em;font-size:clamp(36px,9vw,64px);line-height:1.02}.c-triplet{font-family:var(--font-label);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--text-muted);font-size:13px}.c-triplet i{color:var(--accent);margin-inline-start:4px;margin-inline-end:4px;font-style:normal}.c-sub{color:var(--text-muted);max-width:30em;font-size:16px}.c-copy .btn{margin-top:var(--sp-2)}.c-controls{justify-content:center;align-items:center;gap:var(--sp-4);height:76px;display:flex}.c-arrow{border:1px solid var(--line-strong)}.c-dots{gap:0;display:flex}.c-dot{background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.c-dot:before{content:"";background:var(--line-strong);width:10px;height:10px;transition:width var(--dur-ui) var(--ease-in), background-color var(--dur-ui) var(--ease-out);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-dot.is-on:before{background:var(--accent);width:28px}@media (min-width:900px){.c-plate:after{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 94%, transparent) 0%, color-mix(in srgb, var(--bg) 70%, transparent) 38%, transparent 70%)}.c-jars{align-items:center;width:54%;height:auto;top:8%;bottom:8%;left:auto;right:3%}.c-slot{width:40%;height:auto;top:10%;bottom:10%;left:auto;right:4%}.c-copy{padding:var(--sp-7);place-content:end center;width:54%;top:0}.c-h{font-size:clamp(44px,5.2vw,76px)}.c-sub{font-size:17px}}@media (max-width:899.98px){.c-hero{--hero-chrome:152px;padding-top:72px}.c-viewport{height:clamp(420px, calc(100svh - var(--hero-chrome) - 148px - var(--bottom-bar-h)), 640px)}.c-copy{padding:var(--sp-4)}.c-slot{height:36%;top:5%}.c-jars{height:36%;top:6%}.c-sub{font-size:15px}}.c-strip__head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.c-strip__head h2{font-size:var(--fs-h1);line-height:var(--lh-h1)}.c-strip__row{gap:var(--sp-3);padding:4px max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter))) 16px;scroll-snap-type:x proximity;scroll-padding-inline:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.c-fcard{scroll-snap-align:start;gap:var(--sp-2);flex:none;align-content:start;width:240px;display:grid}.c-fcard__art{aspect-ratio:4/5;border-radius:var(--img-radius);background:radial-gradient(70% 60% at 50% 55%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 78%), var(--surface);border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.c-fcard__art img{object-fit:contain;filter:drop-shadow(0 16px 18px #0000008c);width:88%;height:88%}.c-fcard h3{font-family:var(--font-display);font-weight:var(--fw-display);overflow-wrap:anywhere;padding-inline-start:4px;padding-inline-end:4px;font-size:24px;line-height:1.1}.c-fcard__trip{color:var(--text-muted);padding-inline-start:4px;padding-inline-end:4px;font-size:12px}.c-strip .draft-note{margin-top:var(--sp-3)}@media (min-width:900px){.c-fcard{width:280px}}.story{position:relative}.story__grid{gap:var(--sp-5);padding-block:var(--sp-8);align-items:center;display:grid}.story__text{gap:var(--sp-3);justify-items:start;display:grid}.story__text h2{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-h1);line-height:var(--lh-h1);text-wrap:balance}.story__text p:not(.c-label):not(.draft-note):not(.story__count){color:var(--text-muted);max-width:30em}.story__count{font-family:var(--font-label);font-size:var(--fs-small);letter-spacing:var(--label-track);color:var(--accent)}.story__stage{aspect-ratio:4/5;border-radius:var(--img-radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--glow);position:relative;overflow:hidden}.story__stage .still{object-fit:contain;background:var(--surface);will-change:transform, opacity;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.story__stage--glow{background:radial-gradient(60% 55% at 50% 60%, color-mix(in srgb, var(--accent) 46%, transparent), transparent 72%), var(--surface)}.story__stage--glow .still{object-fit:contain;filter:drop-shadow(0 24px 30px #0009);width:76%;height:84%;top:8%;bottom:8%;left:12%;right:12%}.story .demo-tag{top:12px;left:auto;right:12px}.story.is-static .story__stage:not(.story__stage--glow){gap:var(--sp-2);aspect-ratio:auto;box-shadow:none;background:0 0;border:0;display:grid;overflow:visible}.story.is-static .story__stage:not(.story__stage--glow) .still{aspect-ratio:4/5;object-fit:contain;border-radius:var(--img-radius);border:1px solid var(--line);position:static;opacity:1!important;transform:none!important}.story.is-static .story__count{display:none}@media (min-width:900px){.story:not(.is-static):not(.story--loop) .story__pin{align-items:center;min-height:100svh;display:grid}.story__grid{gap:var(--sp-8);grid-template-columns:.9fr 1.1fr}.story__grid--flip{grid-template-columns:1.1fr .9fr}.story__grid--flip .story__text{order:2}.story:not(.is-static) .story__stage:not(.story__stage--glow){aspect-ratio:5/4;width:100%;max-height:calc(100svh - 160px)}.story.is-static .story__stage:not(.story__stage--glow){grid-template-columns:1fr 1fr}}.story--loop .story__stage{aspect-ratio:4/3}@media (min-width:900px){.story--loop .story__stage{aspect-ratio:5/4}}.line-tile__art{--line-art-bg:radial-gradient(60% 60% at 50% 55%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 75%)}.line-tile{border-radius:var(--card-radius)}