.bbs{--_bg:var(--bbs-bg,transparent);--_card:var(--bbs-card,color-mix(in srgb, currentColor 4%, transparent));--_ink:var(--bbs-ink,currentColor);--_muted:var(--bbs-muted,color-mix(in srgb, currentColor 62%, transparent));--_line:var(--bbs-line,color-mix(in srgb, currentColor 14%, transparent));--_r:var(--bbs-radius,22px);background:var(--_bg);color:var(--_ink);font-family:var(--bbs-body,inherit);padding:clamp(72px,10vw,128px) 0}.bbs-wrap{width:100%;max-width:var(--bbs-max,1220px);padding-inline:max(20px, env(safe-area-inset-left,0px));margin-inline:auto}.bbs-head{max-width:46rem;margin-bottom:clamp(32px,5vw,56px)}.bbs-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--bbs-eyebrow,var(--_muted));margin-bottom:14px;font-size:.78rem;font-weight:700;display:inline-block}.bbs-head h2{font-family:var(--bbs-display,inherit);letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2.1rem,4.8vw,3.6rem);line-height:1.05}.bbs-head p{color:var(--_muted);text-wrap:pretty;margin:0;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.55}.bbs-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.bbs-card{--bbs-accent:#888;isolation:isolate;background:var(--_card);border:1px solid var(--_line);border-radius:var(--_r);flex-direction:column;gap:6px;min-height:290px;padding:22px 22px 20px;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex;position:relative;overflow:hidden}.bbs-card:before{content:"";background:var(--bbs-accent);transform-origin:0;border-radius:0 0 3px 3px;height:3px;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:22px;right:22px;transform:scaleX(.18)}.bbs-card:hover:before,.bbs-current:before{transform:scaleX(1)}.bbs-card:hover{border-color:color-mix(in srgb, var(--bbs-accent) 45%, var(--_line))}.bbs-glyph{z-index:-1;font-size:9.5rem;font-weight:700;line-height:1;font-family:var(--bbs-display,serif);color:var(--bbs-accent);opacity:.09;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:-28px;right:-6px}.bbs-card:hover .bbs-glyph{opacity:.16;transform:translateY(-8px)rotate(-4deg)}.bbs-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bbs-icon{object-fit:cover;width:56px;height:56px;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--bbs-accent) 70%, transparent);border-radius:14px}.bbs-icon-empty{border:1.5px dashed color-mix(in srgb, var(--bbs-accent) 55%, var(--_line));box-shadow:none;background:color-mix(in srgb, var(--bbs-accent) 7%, transparent);display:block}.bbs-status{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--_line);color:var(--_muted);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.bbs-current .bbs-status{background:var(--bbs-accent);color:#fff;border-color:#0000}.bbs-beta .bbs-status,.bbs-available .bbs-status{color:var(--bbs-accent);border-color:color-mix(in srgb, var(--bbs-accent) 40%, transparent)}.bbs-card h3{font-family:var(--bbs-display,inherit);letter-spacing:-.01em;margin:0;font-size:1.6rem}.bbs-tagline{margin:0;font-weight:600}.bbs-blurb{color:var(--_muted);margin:0;font-size:.95rem;line-height:1.5}.bbs-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.bbs-platform{color:var(--_muted);font-size:.8rem}.bbs-link{color:var(--bbs-accent);align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.bbs-link svg{width:16px;height:16px;transition:transform .3s}.bbs-link:hover svg{transform:translate(3px)}.bbs-idea{border-style:dashed}.bbs-idea h3{color:var(--_muted)}.bbs-note{color:var(--_muted);margin:28px 0 0;font-size:.92rem}.bbs-ph{opacity:.8;font-style:italic}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bbs-card{animation:linear both bbs-rise;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes bbs-rise{0%{opacity:0;transform:translateY(calc(40px + var(--bbs-i,0) * 14px))}to{opacity:1;transform:none}}.bbs-plans{color:var(--_ink);text-underline-offset:3px;font-weight:700}
.page{display:contents}:root{--paper:#f3ede2;--paper-2:#eae2d2;--card:#faf6ee;--ink:#171411;--ink-2:#57504a;--ink-3:#8c8376;--wash:#17141112;--line:#17141124;--seal:#b8321f;--on-seal:#fff8f0;--mist-1:#1714111a;--mist-2:#1714112b;--mist-3:#17141142;--shadow:#281c0e2e;--nav-fill:#f3ede2c7;--grain:.5;--panel-paper:#f6f1e6;--font-display:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--font-body:"Zen Kaku Gothic New", -apple-system, "Hiragino Sans", "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#100f0d;--paper-2:#171512;--card:#1b1916;--ink:#ede6d8;--ink-2:#aba293;--ink-3:#716a5e;--wash:#ede6d80f;--line:#ede6d821;--seal:#e0533a;--on-seal:#1a0c08;--mist-1:#ede6d80d;--mist-2:#ede6d814;--mist-3:#ede6d81f;--shadow:#0009;--nav-fill:#100f0dc7;--grain:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#100f0d;--paper-2:#171512;--card:#1b1916;--ink:#ede6d8;--ink-2:#aba293;--ink-3:#716a5e;--wash:#ede6d80f;--line:#ede6d821;--seal:#e0533a;--on-seal:#1a0c08;--mist-1:#ede6d80d;--mist-2:#ede6d814;--mist-3:#ede6d81f;--shadow:#0009;--nav-fill:#100f0dc7;--grain:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .5s var(--ease), color .5s var(--ease);margin:0;font-size:17px;line-height:1.6;overflow-x:clip}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:#171411;position:fixed;inset:0 0 auto}img{max-width:100%;display:block}a{color:inherit}::selection{background:color-mix(in srgb, var(--seal) 30%, transparent);color:var(--ink)}:focus-visible{outline:2px solid var(--seal);outline-offset:3px;border-radius:6px}.nav,.btn,.hero-stage,.marquee,.sticky,.styles-frame,.demo,.flow,.mac,summary,.scroll-cue{-webkit-user-select:none;user-select:none}.paper{z-index:-1;pointer-events:none;opacity:var(--grain);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}:root[data-theme=dark] .paper{mix-blend-mode:screen;opacity:.08}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .paper{mix-blend-mode:screen;opacity:.08}}.wrap{width:100%;max-width:1220px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin-inline:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}h1{font-size:clamp(2.8rem,6.6vw,5.6rem);line-height:1.02}h2{font-size:clamp(2.2rem,5vw,4rem)}h3{font-size:1.35rem;line-height:1.2}.h3-big{font-size:clamp(1.7rem,3vw,2.4rem)}p{margin:0}.lede{color:var(--ink-2);text-wrap:pretty;max-width:36em;font-size:clamp(1.04rem,1.5vw,1.2rem)}.lede.small{font-size:1rem}.fine{color:var(--ink-3);font-size:.86rem}.center{text-align:center;justify-content:center;margin-top:40px;display:flex}.ph{color:var(--seal);opacity:.85;font-style:italic}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow i{font-style:normal;font-family:var(--font-display);letter-spacing:0;color:var(--seal);font-size:1.3rem;line-height:1}.sec-head{justify-items:start;gap:18px;margin-bottom:clamp(36px,5vw,60px);display:grid}section{scroll-margin-top:90px}.ink-words .w{opacity:0;filter:blur(10px);transition:opacity .9s var(--ease), filter 1.1s var(--ease), transform 1s var(--ease);transition-delay:calc(var(--wi) * 70ms);display:inline-block;transform:translateY(.18em)}.ink-words.in .w{opacity:1;filter:blur();transform:none}.swash{background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cfilter%20id%3D%22f%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.05%20.9%22%20numOctaves%3D%222%22%20seed%3D%223%22/%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20scale%3D%226%22/%3E%3C/filter%3E%3Cpath%20filter%3D%22url%28%23f%29%22%20fill%3D%22%23C23A22%22%20fill-opacity%3D%22.9%22%20d%3D%22M6%2024c40-9%20110-15%20190-15s150%203%20196%209c4%201%204%206%200%207-30%203-62%202-96%205-70%205-150%206-216%209-30%201-58%202-74-3-6-3-6-9%200-12z%22/%3E%3C/svg%3E) 0 100%/0% .22em no-repeat;padding-bottom:.1em;font-style:normal;line-height:1.04;transition:background-size 1s cubic-bezier(.7,0,.2,1) .55s;display:inline-block}.in .swash,.swash.in{background-size:100% .22em}.hero .swash{transition-delay:1.1s}.no-js .ink-words .w{opacity:1;filter:none;transform:none}.rise{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease), transform 1s var(--ease), filter 1s var(--ease);transition-delay:var(--d,0s);transform:translateY(28px)}.rise.in{opacity:1;filter:none;transform:none}.btn{height:52px;font:700 1rem/1 var(--font-body);cursor:pointer;transition:transform .35s var(--spring), background-color .3s, color .3s, box-shadow .3s;isolation:isolate;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn svg{flex:none;width:18px;height:18px}.btn:active{transform:scale(.97)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:after,.btn-seal:after{content:"";z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--seal) 70%, transparent), transparent 45%);opacity:0;transition:opacity .4s;position:absolute;inset:-40%}.btn-ink:hover:after{opacity:1}.btn-seal{background:var(--seal);color:var(--on-seal);height:58px;box-shadow:0 14px 30px -14px var(--seal);padding:0 30px;font-size:1.06rem}.btn-seal:after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #00000040, transparent 50%)}.btn-seal:hover:after{opacity:1}.btn-line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn-line:hover{background:var(--ink);color:var(--paper)}.btn-small{height:40px;padding:0 18px;font-size:.9rem}button,.btn,.mini-btn,.chip,.badge,.stage-chip{text-box:trim-both cap alphabetic}.fseg button,.wd-chips button,.angles button,.sizes-row button,.ex-btns button{justify-content:center;align-items:center;display:inline-flex}.mini-btn{height:34px;font:700 .82rem/1 var(--font-body);border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.mini-btn.ghost{border-color:var(--line);color:var(--ink-2)}.mini-btn.seal{background:var(--seal);color:var(--on-seal);border-color:var(--seal)}.scroll-brush{left:max(6px, env(safe-area-inset-left,0px));z-index:40;pointer-events:none;width:14px;height:76vh;position:fixed;top:12vh;overflow:visible}.scroll-brush path{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));vector-effect:non-scaling-stroke;opacity:.75}.scroll-brush .sb-track{stroke:var(--line);stroke-width:1.5px;stroke-dasharray:none;opacity:1}@media (max-width:760px){.scroll-brush{display:none}}.nav{z-index:50;top:calc(14px + env(safe-area-inset-top,0px));background:var(--nav-fill);-webkit-backdrop-filter:blur(14px)saturate(1.2);width:min(1180px,100% - 28px);box-shadow:0 0 0 1px var(--line), 0 10px 30px -18px var(--shadow);transition:transform .5s var(--ease), background-color .5s;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 18px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.nav.hide{transform:translate(-50%,calc(-100% - 30px))}.brand{font:800 1.3rem/1 var(--font-display);letter-spacing:.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{border-radius:9px;width:34px;height:34px}.nav-links{gap:2px;margin-left:auto;display:flex}.nav-links a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.nav-links a:hover{color:var(--ink);background:var(--wash)}.theme-toggle{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{background:var(--wash)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun,.theme-toggle .moon{transition:opacity .4s, transform .6s var(--spring);transform-origin:12px 12px}.theme-toggle .moon{opacity:0;transform:rotate(-60deg)scale(.6)}:root[data-theme=dark] .theme-toggle .sun{opacity:0;transform:rotate(60deg)scale(.6)}:root[data-theme=dark] .theme-toggle .moon{opacity:1;transform:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{opacity:0;transform:rotate(60deg)scale(.6)}:root:not([data-theme=light]) .theme-toggle .moon{opacity:1;transform:none}}@media (max-width:960px){.nav-links{display:none}.theme-toggle{margin-left:auto}}@media (max-width:420px){.nav .btn-small{padding:0 14px;font-size:.82rem}.brand{font-size:1.15rem}}.hero{min-height:100svh;padding:calc(120px + env(safe-area-inset-top,0px)) 0 120px;align-items:center;display:grid;position:relative;overflow:hidden}.hero-grid{z-index:2;grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid;position:relative}.hero-copy{justify-items:start;gap:26px;display:grid}.hero-copy>:not(h1){animation:heroIn 1.1s var(--ease) both}.hero-copy>.seal-badge{animation-delay:.1s}.hero-copy>.lede{animation-delay:.7s}.hero-copy>.cta-row{animation-delay:.9s}.hero-copy>.fine{animation-delay:1.1s}.hero-stage>.premise{animation:heroIn 1.2s var(--ease) both .4s}#heroPage{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease), transform 1.1s var(--ease), filter .9s var(--ease);transform:translateY(18px)}#heroPage.ready{opacity:1;filter:none;transform:none}#heroPage:not(.ready){animation:pageShow .9s var(--ease) 6s forwards}@keyframes pageShow{to{opacity:1;filter:none;transform:none}}@keyframes heroIn{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}.seal-badge{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);background:color-mix(in srgb, var(--card) 70%, transparent);border-radius:999px;align-items:center;gap:12px;padding:5px 16px 5px 5px;font-size:.88rem;font-weight:500;display:inline-flex}.seal-badge b{background:var(--seal);width:30px;height:30px;color:var(--on-seal);font:800 1rem/1 var(--font-display);border-radius:7px;place-items:center;display:grid;transform:rotate(-4deg)}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.vert{writing-mode:vertical-rl;font:700 1.05rem/1 var(--font-display);letter-spacing:.5em;color:var(--ink-3);opacity:.7;z-index:1;position:absolute;top:130px;right:max(18px,2.4vw)}@media (max-width:1100px){.vert{display:none}}.ink-field{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(#0000,#000 12% 80%,#0000)}.hero .ink-field{-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.ink-fallback{z-index:0;pointer-events:none;display:none;position:absolute;inset:0}.no-gl .ink-fallback{display:block}.ink-fallback i{background:radial-gradient(circle, var(--mist-3), transparent 68%);filter:url(#bleed);border-radius:50%;position:absolute}.ink-fallback i:first-child{width:60vmax;height:60vmax;top:-10vmax;right:-16vmax}.ink-fallback i:nth-child(2){width:34vmax;height:34vmax;bottom:-12vmax;left:-10vmax}.ink-fallback i:nth-child(3){background:radial-gradient(circle, color-mix(in srgb, var(--seal) 30%, transparent), transparent 68%);width:8vmax;height:8vmax;bottom:8%;right:6%}.ink-hint{left:max(20px, env(safe-area-inset-left,0px));z-index:3;color:var(--ink-3);pointer-events:none;align-items:center;gap:8px;font-size:.8rem;display:inline-flex;position:absolute;bottom:26px}.drop-ic{background:var(--ink-2);width:9px;height:12px;animation:drip 2.4s var(--ease) infinite;border-radius:50%/62% 62% 38% 38%}@keyframes drip{0%{opacity:0;transform:translateY(-6px)}30%{opacity:1}70%{transform:translateY(2px)}to{opacity:0;transform:translateY(2px)scale(1.3,.4)}}.no-gl .ink-hint{display:none}@media (max-width:900px){.ink-hint{white-space:nowrap;bottom:18px;left:50%;transform:translate(-50%)}}.hero-stage{--pw:min(100%, 460px, calc((100svh - 250px) / 1.45));justify-items:center;padding:0 0 20px;display:grid;position:relative}@media (max-width:900px){.hero-stage{--pw:min(100%, 460px)}}.enso{z-index:0;width:min(118%,640px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-12deg)}.enso path{fill:none;stroke:var(--ink);stroke-width:26px;stroke-linecap:round;opacity:.1;stroke-dasharray:1;stroke-dashoffset:1px;filter:url(#brush);animation:draw 2.6s .3s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.premise{z-index:3;width:calc(var(--pw) - 28px);background:var(--card);box-shadow:0 0 0 1px var(--line), 0 18px 40px -20px var(--shadow);border-radius:14px;min-height:66px;margin-bottom:-10px;padding:12px 16px;font-size:.92rem;line-height:1.4;display:block;position:relative}.premise-k{text-transform:uppercase;letter-spacing:.14em;color:var(--seal);margin-bottom:2px;font-size:.68rem;font-weight:700;display:block}.caret{background:var(--ink);vertical-align:-2px;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}#heroPage{z-index:2;width:var(--pw);aspect-ratio:2/2.9;box-shadow:0 1px 0 #0000000d, 0 30px 60px -28px var(--shadow), 0 0 0 1px var(--line);background:#fbf8f1;grid-template-rows:1fr 1.15fr 1fr;grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid;position:relative}:root[data-theme=dark] #heroPage{background:#e9e2d4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #heroPage{background:#e9e2d4}}.panel{background:var(--panel-paper);margin:0;position:relative;overflow:hidden}.panel:after{content:"";z-index:2;pointer-events:none;border:2.5px solid #171411;position:absolute;inset:0}.panel img{object-fit:cover;width:100%;height:100%}.panel canvas,.win-body canvas,.frame-stack canvas{z-index:1;width:100%;height:100%;display:none;position:absolute;inset:0}.gl .panel canvas,.gl .win-body canvas,.gl .frame-stack canvas{display:block}.gl .panel img,.gl .shot,.gl .frame-stack img{visibility:hidden}.p1{grid-column:1/3}.panel img{filter:grayscale()contrast(1.6)brightness(1.08);opacity:0;transition:opacity .8s var(--ease), transform 1.6s var(--ease), filter 1.6s .5s var(--ease);-webkit-mask-image:radial-gradient(circle at var(--ox,40%) var(--oy,50%), #000 var(--r,0%), transparent calc(var(--r,0%) + 18%));-webkit-mask-image:radial-gradient(circle at var(--ox,40%) var(--oy,50%), #000 var(--r,0%), transparent calc(var(--r,0%) + 18%));mask-image:radial-gradient(circle at var(--ox,40%) var(--oy,50%), #000 var(--r,0%), transparent calc(var(--r,0%) + 18%));transform:scale(1.08)}.panel.painting img{opacity:1;animation:spread 1.5s var(--ease) forwards;transform:scale(1.02)}.panel.done img{opacity:1;filter:none;transform:none;-webkit-mask-image:none;mask-image:none}@property --r{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes spread{0%{--r:0%}to{--r:130%}}.bubble{z-index:3;font:700 .72rem/1.25 "Comic Neue", "Chalkboard SE", "Comic Sans MS", var(--font-body);color:#111;opacity:0;max-width:70%;transition:opacity .3s, transform .45s var(--spring);background:#fff;border:2px solid #111;border-radius:14px;padding:6px 9px;position:absolute;transform:scale(.6)}.bubble.show,.panel.done .bubble{opacity:1;transform:none}.panel{--bi:9px}.b-speech{left:var(--bi);top:var(--bi)}.b-speech:after{content:"";background:#fff;border:2px solid #111;border-top:0;border-left:0;width:12px;height:10px;position:absolute;bottom:-9px;left:22px;transform:skew(-30deg)rotate(20deg)}.b-thought{right:var(--bi);top:var(--bi);border-radius:999px;padding:7px 12px}.b-thought:before,.b-thought:after{content:"";background:#fff;border:2px solid #111;border-radius:50%;position:absolute}.b-thought:before{width:10px;height:10px;bottom:-13px;left:18px}.b-thought:after{width:6px;height:6px;bottom:-21px;left:12px}.p2 .b-thought{white-space:nowrap;text-align:center;border-radius:18px;max-width:none;padding:6px 10px}.b-caption{background:#f4e3a1;border-width:0 2px 2px 0;border-radius:0;max-width:100%;top:0;left:0}.b-sfx{right:calc(var(--bi) + 4px);bottom:calc(var(--bi) + 6px);color:#f4c430;-webkit-text-stroke:1.5px #111;letter-spacing:.02em;background:0 0;border:0;padding:0;font:900 1.4rem/1 Impact,Arial Black,sans-serif;transform:rotate(-8deg)scale(.5)}.b-sfx.show,.panel.done .b-sfx{transform:rotate(-8deg)}.stage-chip{z-index:4;background:var(--card);box-shadow:0 0 0 1px var(--line), 0 14px 30px -16px var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:500;display:inline-flex;position:absolute}.stage-chip svg{width:16px;height:16px}.stage-chip.c1{animation:6s ease-in-out infinite bob;bottom:30%;right:-8px}.stage-chip.c2{animation:7s ease-in-out 1s infinite bob;bottom:4%;left:-16px}.dot{background:var(--seal);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}.stage-chip.idle .dot{background:#3e8e41;animation:none}@keyframes pulse{50%{opacity:.3}}@keyframes bob{50%{transform:translateY(-8px)}}.scroll-cue{z-index:3;width:26px;height:44px;box-shadow:inset 0 0 0 1.5px var(--ink-3);border-radius:14px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--ink);width:3px;height:10px;animation:cue 1.8s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:8px;left:50%}@keyframes cue{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}to{opacity:0;transform:translateY(14px)}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding-bottom:90px}.hero-stage{padding-top:28px}.stage-chip.c1{right:0}.stage-chip.c2{left:0}.scroll-cue{display:none}}.ideas{padding:clamp(80px,10vw,130px) 0 40px}.marquee{padding-block:8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.track{will-change:transform;gap:14px;width:max-content;display:flex}.marquees{cursor:grab;touch-action:pan-y;gap:8px;display:grid}.marquees.grabbing{cursor:grabbing}.idea{background:var(--card);box-shadow:0 0 0 1px var(--line);white-space:nowrap;border-radius:4px;flex:none;align-items:center;gap:10px;padding:14px 22px;font-size:1rem;display:inline-flex;position:relative}.idea:before{content:"";background:var(--seal);width:6px;height:6px;transform:rotate(45deg)}.idea:nth-child(3n){font-family:var(--font-display);font-weight:700}.pitch{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);padding-block:clamp(60px,8vw,110px);display:grid}.pitch-col{border-top:1px solid var(--line);align-content:start;gap:10px;padding-top:10px;display:grid}.numeral{width:92px;height:92px;margin-bottom:4px;overflow:visible}.numeral path{fill:none;stroke:var(--ink);stroke-width:11px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:url(#brush);transition:stroke-dashoffset .8s var(--ease)}.pitch-col.in .numeral path{stroke-dashoffset:0}.pitch-col.in .numeral path:nth-child(2){transition-delay:.35s}.pitch-col.in .numeral path:nth-child(3){transition-delay:.7s}.pitch-col h3{font-size:1.7rem}.pitch-col p{color:var(--ink-2)}@media (max-width:760px){.pitch{grid-template-columns:1fr}}.story{padding-block:clamp(60px,8vw,110px) 0}.story-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4vw,60px);display:grid}.steps{gap:0;margin:0;padding:0 0 0 64px;list-style:none;display:grid;position:relative}.rail{background:var(--line);width:2px;position:absolute;top:30px;bottom:30px;left:22px}.rail i{height:calc(var(--prog,0) * 100%);background:var(--ink);transition:height .6s var(--ease);position:absolute;inset:0 0 auto}.step{align-items:center;min-height:70vh;display:flex;position:relative}.step:last-child{min-height:100vh}.step-cta{justify-self:start;margin-top:10px}.num{background:var(--paper);width:46px;height:46px;box-shadow:inset 0 0 0 1.5px var(--line);font:800 1.15rem/1 var(--font-display);color:var(--ink-3);transition:background-color .4s, color .4s, box-shadow .4s, transform .5s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-64px;translate:0 -50%}.step.on .num{background:var(--ink);color:var(--paper);box-shadow:none;transform:scale(1.1)}.step-card{opacity:.3;filter:blur(1.5px);gap:10px;transition:opacity .5s,filter .5s;display:grid}.step.on .step-card{opacity:1;filter:none}.step-k{letter-spacing:.16em;text-transform:uppercase;color:var(--seal);font-size:.75rem;font-weight:700}.step-card h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}.step-card p{color:var(--ink-2);font-size:1.06rem}.sticky{place-items:center;height:100vh;display:grid;position:sticky;top:0}.desk{justify-items:center;gap:16px;width:100%;display:grid}.win{background:var(--card);width:100%;box-shadow:0 0 0 1px var(--line), 0 40px 80px -40px var(--shadow);border-radius:14px;overflow:hidden}.win-bar{background:var(--paper-2);border-bottom:1px solid var(--line);height:38px;color:var(--ink-3);align-items:center;gap:7px;padding:0 14px;font-size:.78rem;display:flex}.win-bar>i{background:var(--line);border-radius:50%;flex:none;width:11px;height:11px}.win-title{white-space:nowrap;text-overflow:ellipsis;margin-left:10px;overflow:hidden}.tabs{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;grid-template-columns:repeat(4,1fr);margin-left:auto;padding:3px;display:grid;position:relative}.tabs b{z-index:1;text-align:center;color:var(--ink-3);padding:4px 11px;font-size:.74rem;font-weight:500;transition:color .35s;position:relative}.tabs u{background:var(--ink);width:calc(25% - 1.5px);transform:translateX(calc(var(--s,0) * 100%));transition:transform .55s var(--spring);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.desk[data-step="0"] .tabs b:first-child,.desk[data-step="1"] .tabs b:nth-child(2),.desk[data-step="2"] .tabs b:nth-child(3),.desk[data-step="3"] .tabs b:nth-child(4){color:var(--paper)}.desk-body{aspect-ratio:4/3;background:var(--card);position:relative;overflow:hidden;container-type:inline-size}.lay{opacity:0;visibility:hidden;transition:opacity .5s var(--ease), transform .7s var(--ease), visibility 0s .5s;flex-direction:column;gap:2.2cqw;padding:5cqw 5.5cqw;display:flex;position:absolute;inset:0;transform:translateY(2cqw)}.desk[data-step="0"] .lay-idea,.desk[data-step="1"] .lay-cast,.desk[data-step="2"] .lay-panels,.desk[data-step="3"] .lay-panels{opacity:1;visibility:visible;transition-delay:.15s,.15s,0s;transform:none}.d-k{letter-spacing:.16em;text-transform:uppercase;color:var(--seal);font-size:clamp(9px,1.7cqw,12px);font-weight:700}.d-field{background:var(--paper);min-height:15cqw;box-shadow:inset 0 0 0 1px var(--line);font:700 clamp(12px, 3.3cqw, 22px)/1.35 var(--font-display);color:var(--ink);border-radius:1.6cqw;padding:2.4cqw 2.8cqw}.d-field .caret{height:.95em}.d-chips{flex-wrap:wrap;gap:1.4cqw;display:flex}.d-chip{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3);white-space:nowrap;border-radius:999px;padding:1cqw 2cqw;font-size:clamp(9px,1.9cqw,13px)}.d-chip b{color:var(--ink);margin-left:.3em;font-weight:700;transition:color .3s;display:inline-block}.d-chip b.pop{animation:chipPop .7s var(--spring);color:var(--seal)}@keyframes chipPop{0%{filter:blur(4px);opacity:0;transform:scale(.6)}}.d-beats{gap:1.2cqw;margin:0;padding:0;list-style:none;display:grid}.d-beats li{color:var(--ink-2);opacity:0;filter:blur(4px);transition:opacity .6s var(--ease), transform .6s var(--ease), filter .6s var(--ease);transition-delay:calc(var(--k,0) * .26s);align-items:baseline;gap:2cqw;font-size:clamp(10px,2.15cqw,15px);display:flex;transform:translate(-2cqw)}.d-beats li b{min-width:6.5cqw;color:var(--ink-3);flex:none;font:700 clamp(8px,1.6cqw,11px)/1 ui-monospace,Menlo,monospace}.beats-in .d-beats li{opacity:1;filter:none;transform:none}.d-cast{grid-template-columns:repeat(4,1fr);gap:2.4cqw;margin:0;display:grid}.d-card{opacity:0;transition:opacity .6s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--k,0) * .18s);align-content:start;gap:.6cqw;margin:0;display:grid;transform:translateY(3cqw)}.d-card b{font:800 clamp(10px, 2.3cqw, 16px)/1.2 var(--font-display);margin-top:.8cqw}.d-card span{color:var(--ink-3);font-size:clamp(8px,1.6cqw,12px);line-height:1.35}.d-por{aspect-ratio:3/4;background:var(--paper-2);box-shadow:0 0 0 1px var(--line);border-radius:1.4cqw;overflow:hidden}.d-por img,.dp img{object-fit:cover;--r:0%;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at var(--ox,50%) var(--oy,60%), #000 var(--r), transparent calc(var(--r) + 30%));-webkit-mask-image:radial-gradient(circle at var(--ox,50%) var(--oy,60%), #000 var(--r), transparent calc(var(--r) + 30%));mask-image:radial-gradient(circle at var(--ox,50%) var(--oy,60%), #000 var(--r), transparent calc(var(--r) + 30%));filter:grayscale()contrast(1.5)brightness(1.05);transition:--r 1.4s var(--ease), filter 1.1s var(--ease) .8s}.cast-in .d-card{opacity:1;transform:none}.cast-in .d-por img{--r:140%;filter:none;transition-delay:calc(var(--k,0) * .26s + .25s), calc(var(--k,0) * .26s + 1s)}.d-ward{opacity:0;transition:opacity .6s .9s, transform .7s .9s var(--ease);gap:1.2cqw;margin-top:auto;display:grid;transform:translateY(2cqw)}.cast-in .d-ward{opacity:1;transform:none}.d-outfits{grid-template-columns:repeat(3,1fr);gap:1.6cqw;display:grid}.d-fit{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease), box-shadow .4s;transition-delay:calc(1.1s + var(--k,0) * .16s);border-radius:1.4cqw;grid-template-columns:auto 1fr;align-items:center;column-gap:1.4cqw;padding:1.4cqw 1.8cqw;display:grid;transform:translateY(1.5cqw)}.cast-in .d-fit{opacity:1;transform:none}.d-fit.on{box-shadow:inset 0 0 0 1.5px var(--seal)}.d-fit .sw{flex-direction:column;grid-row:span 3;gap:.5cqw;display:flex}.d-fit .sw i{background:var(--c);border-radius:50%;width:2.2cqw;min-width:7px;height:2.2cqw;min-height:7px;box-shadow:0 0 0 1px #00000026}.d-fit b{font:800 clamp(9px, 1.9cqw, 14px)/1.2 var(--font-display);color:var(--ink)}.d-fit small{color:var(--ink-3);font-size:clamp(8px,1.5cqw,11px);line-height:1.3}.d-fit em{color:var(--seal);letter-spacing:.02em;font:700 clamp(7px,1.35cqw,10px)/1.4 ui-monospace,Menlo,monospace}.d-fit:nth-child(2){--k:1}.d-fit:nth-child(3){--k:2}.dp{z-index:2;background:var(--paper-2);width:10%;height:10%;box-shadow:0 0 0 1px var(--line), 0 1.5cqw 3cqw -2cqw var(--shadow);opacity:0;transition:left .9s var(--ease), top .9s var(--ease), width .9s var(--ease), height .9s var(--ease), border-radius .6s, opacity .5s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--k,0) * 60ms);border-radius:1.2cqw;position:absolute;top:0;left:0;overflow:hidden;transform:scale(.94)}.desk[data-step="2"] .dp,.desk[data-step="3"] .dp:not(.dp-add){opacity:1;transform:none}.desk[data-step="2"] .dp{transition-delay:calc(var(--k,0) * 90ms + .15s)}.dp.painted img{--r:140%;filter:none}.dp em{font:500 clamp(8px, 1.5cqw, 11px)/1.2 var(--font-body);color:#fff;background:linear-gradient(#0000,#0009);padding:1.4cqw 1.6cqw .9cqw;font-style:normal;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.dp .bubble{opacity:0;border-width:1.5px;border-radius:1.2cqw;max-width:80%;padding:.5cqw .9cqw;font-size:clamp(6px,1.25cqw,10px);transform:scale(.5)}.dp{--bi:1.3cqw}.dp .b-speech:after,.dp .b-thought:before,.dp .b-thought:after{display:none}.dp .b-caption{border-radius:0}.dp .b-sfx{-webkit-text-stroke-width:1px;font-size:clamp(9px,2.4cqw,18px)}.desk[data-step="3"] .dp{border-radius:0;box-shadow:0 0 0 2px #171411}.desk[data-step="3"] .dp em{opacity:0}.desk[data-step="3"] .dp .bubble{opacity:1;transition-delay:calc(var(--k,0) * .22s + .9s);transform:none}.desk[data-step="3"] .dp .b-sfx{transform:rotate(-8deg)}.dp-add{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-3);background:0 0;border:0;place-content:center;justify-items:center;gap:.6cqw;display:grid}.dp-add span{font:300 5cqw/1 var(--font-display)}.dp-add em{color:var(--ink-3);background:0 0;padding:0;position:static}.d-page{box-shadow:0 0 0 1px var(--line), 0 3cqw 6cqw -3cqw var(--shadow);opacity:0;transition:opacity .6s var(--ease), transform .8s var(--ease);background:#fbf8f1;position:absolute;transform:scale(.96)}.d-thumbs,.d-exports{opacity:0;transition:opacity .5s, transform .8s var(--ease);gap:1.6cqw;display:grid;position:absolute;top:50%}.d-thumbs{left:6cqw;transform:translate(-3cqw,-50%)}.d-thumbs i{aspect-ratio:2/2.9;background:var(--paper);width:9cqw;box-shadow:0 0 0 1px var(--line);border-radius:.6cqw}.d-thumbs i.on{box-shadow:0 0 0 2px var(--seal);background:linear-gradient(var(--paper-2) 30%, transparent 30% 34%, var(--paper-2) 34% 66%, transparent 66% 70%, var(--paper-2) 70%)}.d-exports{justify-items:stretch;right:5cqw;transform:translate(3cqw,-50%)}.d-exports span{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:var(--ink-2);border-radius:999px;padding:1.2cqw 2.2cqw;font-size:clamp(8px,1.7cqw,12px);font-weight:700}.d-exports span:first-child{background:var(--ink);color:var(--paper);box-shadow:none}.desk[data-step="3"] .d-page{opacity:1;transition-delay:.2s;transform:none}.desk[data-step="3"] .d-thumbs,.desk[data-step="3"] .d-exports{opacity:1;transition-delay:.7s;transform:translateY(-50%)}.d-status{z-index:4;background:var(--paper);box-shadow:0 0 0 1px var(--line), 0 1.5cqw 3cqw -2cqw var(--shadow);border-radius:999px;align-items:center;gap:1.2cqw;padding:1.1cqw 2.2cqw;font-size:clamp(8px,1.7cqw,12px);font-weight:500;display:inline-flex;position:absolute;bottom:3.6cqw;left:4cqw}.d-status .dot{width:1.4cqw;min-width:6px;height:1.4cqw;min-height:6px}.d-status.idle .dot{background:#3e8e41;animation:none}.d-status{opacity:0;transition:opacity .4s}.desk[data-step="2"] .d-status{opacity:1}.stage-dots{gap:8px;display:flex}.stage-dots i{background:var(--line);width:7px;height:7px;transition:width .4s var(--ease), background-color .3s;border-radius:50%}.desk[data-step="0"] .stage-dots i:first-child,.desk[data-step="1"] .stage-dots i:nth-child(2),.desk[data-step="2"] .stage-dots i:nth-child(3),.desk[data-step="3"] .stage-dots i:nth-child(4){background:var(--ink);border-radius:4px;width:24px}@media (max-width:900px){.story-grid{grid-template-columns:1fr;gap:0}.sticky{top:calc(10px + env(safe-area-inset-top,0px));z-index:3;background:var(--paper);height:auto;box-shadow:0 18px 18px -14px var(--paper);order:-1;padding:0 0 12px;position:sticky}.desk{gap:10px}.win-bar{height:32px;padding:0 10px}.win-bar>i{width:9px;height:9px}.win-title{display:none}.tabs b{padding:3px 8px;font-size:.7rem}.steps{padding-left:52px}.step{align-items:flex-start;min-height:62vh;padding-top:40px}.step:last-child{min-height:52vh}.num{width:40px;height:40px;font-size:1rem;top:36px;left:-52px;translate:0}.step-card h3{font-size:1.5rem}.step-card p{font-size:1rem}}@media (max-width:900px) and (max-height:700px){.desk-body{aspect-ratio:16/11}}.styles{padding-block:clamp(80px,10vw,140px) clamp(40px,6vw,80px)}.mixer{grid-template-columns:minmax(300px,.78fr) 1.22fr;align-items:center;gap:clamp(28px,4vw,64px);display:grid}.reels{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px 12px;display:grid}.reel{gap:10px;min-width:0;display:grid}.reel-k{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);text-align:center;font-size:.75rem;font-weight:700}.drum{--ih:46px;height:calc(var(--ih) * 5);background:var(--card);box-shadow:0 0 0 1px var(--line), 0 24px 50px -30px var(--shadow);perspective:500px;outline-offset:-2px;border-radius:14px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.drum:before{content:"";left:8px;right:8px;top:calc(var(--ih) * 2);height:var(--ih);background:var(--wash);box-shadow:inset 0 0 0 1.5px var(--ink);pointer-events:none;border-radius:10px;position:absolute}.drum ul{transform:translateY(calc((2 - var(--sel,0)) * var(--ih)));transition:transform var(--spin,.7s) cubic-bezier(.2, .9, .25, 1.05);margin:0;padding:0;list-style:none}.drum li{height:var(--ih);text-align:center;color:var(--ink-3);cursor:pointer;opacity:calc(1 - min(var(--d,0), 3) * .22);transform:rotateX(calc(var(--sd,0) * -16deg)) scale(calc(1 - min(var(--d,0), 3) * .05));transition:color .3s, opacity .4s, transform .5s var(--ease);white-space:nowrap;text-overflow:ellipsis;place-items:center;padding:0 12px;font-size:.92rem;line-height:1.15;display:grid;overflow:hidden}.drum li.on{color:var(--ink);font:800 1.02rem/1.15 var(--font-display);white-space:normal}.times{font:300 2.2rem/1 var(--font-display);color:var(--seal);align-self:center;margin-top:26px}.shuffle{grid-column:1/-1;justify-self:center;margin-top:18px}.shuffle svg{transition:transform .6s var(--spring)}.shuffle:hover svg{transform:rotate(180deg)}.mix-out{margin:0 0 40px;position:relative}.mix-out .frame-stack{aspect-ratio:3/2}.frame-stack{box-shadow:0 0 0 1px var(--line), 0 40px 80px -40px var(--shadow);background:var(--paper-2);border-radius:6px;position:relative;overflow:hidden}.frame-stack img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease);position:absolute;inset:0}.frame-stack img.on{opacity:1}.mix-card{z-index:3;background:var(--card);width:min(88%,540px);box-shadow:0 0 0 1px var(--line), 0 26px 50px -24px var(--shadow);border-radius:8px;grid-template-columns:1fr auto;align-items:start;gap:6px 20px;padding:18px 22px 20px;display:grid;position:absolute;bottom:-40px;left:clamp(-30px,-2vw,-12px);transform:rotate(-1.2deg)}.mix-k,#mixLine,.mix-moves{transition:opacity .3s var(--ease), filter .3s var(--ease), transform .35s var(--ease)}.mix-k.out,#mixLine.out,.mix-moves.out{opacity:0;filter:blur(6px);transform:translateY(-6px)}.mix-card.typing .mix-title:after{content:"";vertical-align:-.1em;background:var(--seal);width:2px;height:.95em;margin-left:3px;animation:.7s step-end infinite blink;display:inline-block}.mix-title{min-height:1.15em}#mixLine .w{opacity:0;filter:blur(5px);animation:wordIn .45s var(--ease) forwards;animation-delay:calc(var(--k) * 28ms);display:inline-block;transform:translateY(5px)}@keyframes wordIn{to{opacity:1;filter:none;transform:none}}.mix-moves span{animation:chipIn .5s var(--spring) backwards;animation-delay:calc(.35s + var(--k,0) * 90ms)}@keyframes chipIn{0%{opacity:0;transform:scale(.6)}}.mix-k{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);grid-column:1/-1;font-size:.74rem;font-weight:700}.mix-k b{color:var(--seal)}.mix-title{font:800 1.45rem/1.15 var(--font-display)}.mix-main{gap:6px;min-width:0;display:grid}.mix-card p{color:var(--ink-2);min-height:4.5em;margin:0;font-size:.95rem;line-height:1.5}.mix-moves{flex-wrap:wrap;gap:6px;display:flex}.mix-moves span{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:600}.mix-moves span:before{content:"✦ ";color:var(--seal)}.rhythm-wrap{justify-items:center;gap:6px;padding-top:4px;display:grid}.rhythm-wrap small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem}.rhythm{aspect-ratio:2/3;background:var(--paper);width:78px;box-shadow:0 0 0 1px var(--line), 0 10px 20px -12px var(--shadow);box-sizing:border-box;border-radius:3px;position:relative}.rhythm i{border:1.5px solid var(--ink);background:var(--wash);transition:left .6s var(--ease), top .6s var(--ease), width .6s var(--ease), height .6s var(--ease), opacity .4s;box-sizing:border-box;border-radius:1px;position:absolute}.rhythm>div{position:absolute;inset:6px}.mix-sum{text-align:center;justify-items:center;gap:14px;margin-top:clamp(50px,7vw,90px);display:grid}.mix-math{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin:0;display:flex}.mm{justify-items:center;gap:6px;display:grid}.mm b{font:800 clamp(2.6rem, 6vw, 4.6rem)/1 var(--font-display)}.mm small{color:var(--ink-2);font-size:clamp(.86rem,1.2vw,1rem);font-weight:600}.mm.you b{color:var(--ink-2);font-style:italic}.mm.inf b{color:var(--seal);font-size:clamp(3.4rem,8vw,6rem);line-height:.8;animation:3.2s ease-in-out infinite infPulse}@keyframes infPulse{50%{transform:scale(1.08)}}.mix-math i{font:300 clamp(1.8rem, 3.4vw, 2.8rem)/1 var(--font-display);color:var(--ink-3);margin-bottom:26px;font-style:normal}.mix-note{max-width:40em;color:var(--ink-2);text-wrap:balance;margin:0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.55}.mix-sum .fine{max-width:46em}@media (max-width:900px){.mixer{grid-template-columns:1fr}.mix-out{order:-1;margin-bottom:0}.mix-card{width:auto;margin:-34px 12px 0;position:relative;bottom:auto;left:auto}.reels{margin-top:8px}.drum{--ih:42px}.drum li{padding:0 8px;font-size:.84rem}.drum li.on{font-size:.92rem}}@media (max-width:420px){.mix-math{gap:8px 10px}.mix-math i{margin-bottom:22px}.rhythm{width:56px}.mix-card{column-gap:12px;padding:16px 16px 18px}.mix-title{font-size:1.25rem}.times{font-size:1.6rem}.reels{gap:8px 6px}}.series{padding-block:clamp(80px,10vw,130px)}.arc{padding-top:110px;position:relative}.arc-line{z-index:0;width:100%;height:120px;position:absolute;top:0;left:0;right:0;overflow:visible}.arc-line path{fill:none;stroke:var(--seal);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--a,0));vector-effect:non-scaling-stroke;filter:url(#rough)}.covers{z-index:1;grid-template-columns:repeat(5,1fr);gap:clamp(10px,2vw,22px);display:grid;position:relative}.cover{gap:10px;margin:0;display:grid}.cover:nth-child(2){margin-top:30px}.cover:nth-child(3){margin-top:0}.cover:nth-child(4){margin-top:44px}.cover:nth-child(5){margin-top:14px}.cover img,.cover-blank{aspect-ratio:2/3;object-fit:cover;width:100%;box-shadow:0 0 0 1px var(--line), 0 24px 40px -26px var(--shadow);transition:transform .5s var(--ease);border-radius:4px}.cover:hover img{transform:translateY(-6px)rotate(-1deg)}.cover-blank{text-align:center;border:1.5px dashed var(--ink-3);box-shadow:none;color:var(--ink-3);place-content:center;gap:6px;padding:10px;font-size:.85rem;display:grid}.cover-blank span{font:300 2.4rem/1 var(--font-display)}.cover figcaption{color:var(--ink-2);font-size:.9rem}.cover figcaption b{letter-spacing:.14em;text-transform:uppercase;color:var(--seal);font-size:.72rem;display:block}.series-cards{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:50px;display:grid}.card{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:6px;align-content:start;gap:8px;padding:20px;display:grid}.card h3{font-size:1.12rem}.card p{color:var(--ink-2);font-size:.93rem}.formats{justify-items:center;gap:18px;margin-top:48px;display:grid}.formats-k{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:.76rem;font-weight:700}.formats-row{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:16px;width:100%;display:grid}.fmt{background:var(--card);box-shadow:0 0 0 1px var(--line);text-align:center;transition:transform .4s var(--spring), box-shadow .3s;border-radius:12px;justify-items:center;gap:4px;padding:20px 14px 18px;display:grid}.fmt:hover{box-shadow:0 0 0 1px var(--line), 0 20px 34px -22px var(--shadow);transform:translateY(-4px)}.fmt b{font:800 1.05rem/1.2 var(--font-display);margin-top:10px}.fmt small{color:var(--ink-3);font-size:.8rem}.fmt-g{justify-content:center;align-items:center;height:64px;display:flex}.fmt-g i{border:1.5px solid var(--ink);background:var(--paper);transition:transform .5s var(--spring);border-radius:2px;display:block}.g-strip{flex-direction:column;gap:3px}.g-strip i{width:30px;height:13px}.g-short{grid-template-columns:repeat(3,18px);gap:4px;display:grid}.g-short i{height:26px}.g-issue{width:60px;position:relative}.g-issue i{width:40px;height:56px;transform:rotate(calc((var(--k) - 2) * 6deg)) translateX(calc((var(--k) - 2) * 3px));box-shadow:0 2px 6px -3px var(--shadow);margin-left:-20px;position:absolute;top:4px;left:50%}.g-issue i:first-child{--k:0}.g-issue i:nth-child(2){--k:1}.g-issue i:nth-child(3){--k:2}.g-issue i:nth-child(4){--k:3}.g-issue i:nth-child(5){--k:4;background:var(--wash)}.fmt:hover .g-strip i:nth-child(2n){transform:translate(3px)}.fmt:hover .g-short i:nth-child(odd){transform:translateY(-3px)}.fmt:hover .g-issue i{transform:rotate(calc((var(--k) - 2) * 11deg)) translateX(calc((var(--k) - 2) * 6px))}@media (max-width:1000px){.series-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.covers{grid-template-columns:repeat(3,1fr)}.cover:nth-child(n+4){display:none}.series-cards{grid-template-columns:1fr}.formats-row{grid-template-columns:1fr;max-width:360px}.fmt{text-align:left;grid-template-columns:70px 1fr;justify-items:start;column-gap:14px;padding:14px 16px}.fmt-g{grid-row:span 2;justify-self:center}.fmt b{align-self:end;margin-top:0}.fmt small{align-self:start}}.features{padding-block:clamp(60px,8vw,110px)}.bento{grid-template-rows:repeat(4,350px);grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ftile{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:20px;display:flex;position:relative;overflow:hidden}.t-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ftile h3{font-size:1.12rem;line-height:1.2}.ftile h3:after{content:"";background:var(--seal);transform-origin:0;width:30px;height:3px;transition:transform .8s .3s var(--ease);border-radius:2px;margin-top:8px;display:block;transform:scaleX(0)}.ftile.in h3:after{transform:none}.ftile p{color:var(--ink-2);margin:0;font-size:.9rem;line-height:1.45}.ftile .badge{background:color-mix(in srgb, var(--seal) 14%, transparent);color:var(--seal);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 9px;font-size:.7rem;font-weight:800}.ftile button{-webkit-tap-highlight-color:transparent;font-family:inherit}.b-letter{grid-area:1/1/3/3}.b-words{grid-area:1/3/auto/5}.b-best{grid-area:2/3}.b-faces{grid-area:2/4}.b-page{grid-area:3/1/5/3}.b-print{grid-area:3/3}.b-export{grid-area:3/4}.b-snap{grid-area:4/3/auto/5}.tools .mini-btn,.pe-tools .mini-btn{box-sizing:border-box;height:36px}.tools,.pe-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.fseg{box-sizing:border-box;background:var(--paper-2);height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;padding:3px;display:inline-flex}.fseg button{height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:0 12px;font-size:.8rem;font-weight:700;line-height:30px;transition:background .25s,color .25s}.fseg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.fseg button:hover:not([aria-checked=true]){color:var(--ink)}.letter-demo{outline-offset:-2.5px;border-radius:4px;outline:2.5px solid #171411;flex:1;min-height:0;margin-top:12px;position:relative;overflow:hidden}.letter-demo img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.letter-demo .bubble{opacity:1;cursor:text;min-width:3em;max-width:58%;transition:opacity .25s, border-radius .35s var(--ease), background .3s, transform .35s var(--spring);outline:none;padding:10px 14px;font-size:clamp(.9rem,1.4vw,1.1rem);top:7%;left:6%;right:auto;transform:none}.letter-demo .bubble:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--seal) 55%, transparent)}.letter-demo .bubble.swap{opacity:0}.letter-demo .bubble.b-thought{border-radius:999px;padding:10px 18px}.letter-demo .bubble.b-speech:after{width:16px;height:18px;bottom:-15px;left:auto;right:26%;transform:scaleX(-1)skew(-30deg)rotate(20deg)}.letter-demo .bubble.b-thought:before{bottom:-14px;left:auto;right:22%}.letter-demo .bubble.b-thought:after{bottom:-24px;left:auto;right:calc(22% - 12px)}.letter-demo .bubble.b-shout{text-transform:uppercase;letter-spacing:.02em;background:#fff3b0;border-width:3px;border-radius:4px;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:900;transform:rotate(-3deg)}.letter-demo .bubble.b-shout:after{display:none}.letter-demo .bubble.b-caption{background:#f4e3a1;border-width:0 2.5px 2.5px 0;border-radius:0;max-width:70%;top:0;left:0}.letter-demo .bubble.b-caption:after{display:none}.art-tag{z-index:3;color:#fff8f0;-webkit-backdrop-filter:blur(6px);background:#14110eb8;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:10px}.art-tag svg{color:#8fd694;width:13px;height:13px}.type-hint{z-index:3;background:var(--seal);color:var(--on-seal);border-radius:6px;padding:4px 9px;font-size:.72rem;font-weight:700;transition:opacity .3s;animation:2.4s ease-in-out infinite hintBob;position:absolute;top:calc(7% + 64px);left:6%}.type-hint:before{content:"";border:5px solid #0000;border-top:0;border-bottom-color:var(--seal);position:absolute;top:-5px;left:14px}.type-hint.gone{opacity:0;pointer-events:none}@keyframes hintBob{50%{transform:translateY(-3px)}}.words-demo{flex:1;grid-template-columns:1.35fr 1fr;gap:14px;min-height:0;margin-top:10px;display:grid}.wd-pic{outline-offset:-2px;border-radius:4px;outline:2px solid #171411;position:relative;overflow:hidden}.wd-pic img{object-fit:cover;object-position:30% 50%;transform-origin:26% 52%;width:100%;height:100%;transition:filter 1s var(--ease), transform 1.1s var(--ease);position:absolute;inset:0}.wd-pic .tint{z-index:1;opacity:0;mix-blend-mode:multiply;transition:opacity 1s var(--ease), background .6s;pointer-events:none;position:absolute;inset:0}.wd-pic.night img{filter:brightness(.82)saturate(.85)contrast(1.08)}.wd-pic.night .tint{opacity:1;background:radial-gradient(circle at 78% 18%,#ffe6aa00 0 6%,#0000 7%),linear-gradient(#1b2550,#2c3466 60%,#3a3550)}.wd-pic.gold img{filter:saturate(1.15)brightness(1.04)}.wd-pic.gold .tint{opacity:.55;mix-blend-mode:soft-light;background:linear-gradient(160deg,#ffb347,#ff7a2f 70%,#b8461f)}.wd-pic.close img{transform:scale(1.9)}.wd-pic .rain{z-index:2;opacity:0;pointer-events:none;background:repeating-linear-gradient(100deg,#0000 0 13px,#e6eeff47 13px 14px,#0000 14px 31px);transition:opacity .6s;animation:.45s linear infinite rain;position:absolute;inset:-30% 0 0}.wd-pic.rain .rain{opacity:.6}.wd-pic.rain img{filter:saturate(.8)brightness(.92)}.wd-pic.rain.night img{filter:brightness(.75)saturate(.7)contrast(1.08)}@keyframes rain{to{transform:translate(-5px,22%)}}.wd-pic .sweep{z-index:2;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#fff8f0bf 50%,#0000 70%);position:absolute;inset:0;transform:translate(-110%)}.wd-pic.painting .sweep{animation:sweep .9s var(--ease)}@keyframes sweep{to{transform:translate(110%)}}.wd-side{flex-direction:column;gap:10px;min-width:0;display:flex}.wd-bar{background:var(--ink);min-height:42px;color:var(--paper);border-radius:12px 12px 12px 4px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;line-height:1.3;display:flex}.wd-bar svg{width:16px;height:16px;color:var(--seal);flex:none}.wd-bar.listening svg{animation:1s ease-in-out infinite pulse}.wd-chips{flex-wrap:wrap;gap:6px;display:flex}.wd-chips button,.angles button,.sizes-row button,.ex-btns button{background:var(--paper-2);height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);cursor:pointer;transition:background .25s, color .25s, box-shadow .25s, transform .3s var(--spring);border:0;border-radius:999px;padding:0 12px;font-size:.8rem;font-weight:700}.wd-chips button:hover,.angles button:hover,.sizes-row button:hover,.ex-btns button:hover{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.wd-chips button[aria-pressed=true],.angles button.on,.sizes-row button[aria-checked=true]{background:var(--ink);color:var(--paper);box-shadow:none}.wd-chips button:active,.angles button:active,.sizes-row button:active,.ex-btns button:active{transform:scale(.94)}.best-demo{flex-direction:column;flex:1;gap:10px;min-height:0;margin-top:8px;display:flex}.takes{flex:1;min-height:110px;position:relative}.take{aspect-ratio:3/2;background:var(--paper-2);width:64%;box-shadow:0 0 0 1px var(--line), 0 12px 24px -14px var(--shadow);cursor:pointer;transition:transform .6s var(--spring), filter .4s, box-shadow .3s;transform:translate(-50%, -50%) translateX(calc(var(--o) * 42%)) rotate(calc(var(--o) * 6deg)) scale(calc(1 - var(--a) * .12));z-index:calc(3 - var(--a));filter:saturate(calc(1 - var(--a) * .35));border:0;border-radius:5px;padding:0;position:absolute;top:50%;left:50%;overflow:hidden}.take img{object-fit:cover;width:100%;height:100%;display:block}.take.front{box-shadow:0 0 0 2px var(--ink), 0 18px 30px -14px var(--shadow)}.take .kept{border:2px solid var(--seal);color:var(--seal);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:transform .45s var(--spring), opacity .2s;background:#fff8f0e6;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:900;position:absolute;top:8px;right:8px;transform:rotate(8deg)scale(1.6)}.take.is-kept .kept{opacity:1;transform:rotate(8deg)}.best-row{color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.faces-demo{flex-direction:column;flex:1;gap:10px;min-height:0;margin-top:8px;display:flex}.turntable{min-height:110px;box-shadow:inset 0 0 0 1px var(--line);cursor:grab;touch-action:pan-y;outline-offset:2px;background:#f8ecdc;border-radius:6px;flex:1;position:relative;overflow:hidden}.turntable:active{cursor:grabbing}.turntable i{aspect-ratio:448/784;background:url(/img/cast/turnaround.jpg) var(--x) 0 / 400% 100% no-repeat;opacity:0;height:calc(100% - 6px);transition:opacity .35s;position:absolute;top:6px;left:50%;translate:-50%}.turntable i.on{opacity:1}.turntable .drag-hint{color:#6b6257;background:#ffffffb3;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;right:8px}.angles{gap:5px;display:flex}.angles button{flex:1;padding:0 6px}.page-demo{flex-direction:column;flex:1;min-height:0;margin-top:10px;display:flex}.pe-page{min-height:260px;box-shadow:0 0 0 1px var(--line), 0 20px 40px -26px var(--shadow);background:#fbf7ee;border-radius:4px;flex:1;position:relative}.pe-p{outline-offset:-2.5px;cursor:pointer;transition:left .7s var(--ease), top .7s var(--ease), width .7s var(--ease), height .7s var(--ease), box-shadow .3s;background:#ddd;border:0;outline:2.5px solid #171411;padding:0;position:absolute;overflow:hidden}.pe-p img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pe-p:hover{box-shadow:0 0 0 3px var(--seal);z-index:2}.pe-p b{z-index:1;background:var(--seal);color:#fff8f0;opacity:0;width:24px;height:24px;transition:opacity .3s, transform .4s var(--spring);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:6px;left:6px;transform:scale(.4)}.pe-page.order .pe-p b{opacity:1;transform:none}.pe-page.rtl .pe-p b{left:auto;right:6px}.pe-note{z-index:3;background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;transition:opacity .3s, transform .4s var(--spring);pointer-events:none;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translateY(6px)}.pe-note.show{opacity:1;transform:none}.pe-tools .mini-btn svg{width:15px;height:15px;margin-right:6px}.pe-check{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.pe-check input{accent-color:var(--seal);width:15px;height:15px}.print-demo{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:8px;display:flex}.pr-stage{flex:1;place-items:end center;min-height:90px;display:grid}.pr-page{height:calc(var(--h,10.25) / 11.69 * 100%);aspect-ratio:var(--w,6.625) / var(--h,10.25);max-height:100%;box-shadow:0 0 0 1px var(--line), 0 12px 22px -14px var(--shadow);transition:height .6s var(--spring), aspect-ratio .6s var(--spring);background:#fff;position:relative;overflow:hidden}.pr-page img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pr-page .bleed{border:1.5px dashed #e0533af2;position:absolute;inset:5%}.pr-size{text-align:center;color:var(--ink-2);font:700 .78rem/1 ui-monospace,Menlo,monospace}.sizes-row{gap:4px;display:flex}.sizes-row button{flex:1;padding:0 4px;font-size:.74rem}.export-demo{flex-direction:column;flex:1;gap:10px;min-height:0;margin-top:8px;display:flex}.ex-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ex-btns button{border-radius:8px;height:36px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ex-list{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;min-height:0;display:flex;overflow:hidden}.ex-empty{color:var(--ink-3);margin:auto;font-size:.8rem}.ex-file{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);animation:exIn .45s var(--spring);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:7px 10px;display:grid}.ex-file .ic{background:var(--ink);width:26px;height:32px;color:var(--paper);text-transform:uppercase;border-radius:3px 8px 3px 3px;grid-row:span 2;place-items:end center;padding-bottom:3px;font:800 .52rem/1 ui-monospace,Menlo,monospace;display:grid}.ex-file b{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.ex-file small{color:var(--ink-3);font-size:.72rem}.ex-file .bar{background:var(--wash);border-radius:2px;height:3px;margin-top:3px;overflow:hidden}.ex-file .bar i{background:var(--seal);width:0;height:100%;animation:exBar .9s var(--ease) forwards;display:block}.ex-file.done .bar{display:none}@keyframes exIn{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes exBar{to{width:100%}}.snap-demo{outline-offset:-2px;touch-action:pan-y;cursor:ew-resize;border-radius:4px;outline:2px solid #171411;flex:1;min-height:140px;margin-top:10px;position:relative;overflow:hidden}.snap-demo>img,.snap-old img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.snap-old{clip-path:inset(0 calc(100% - var(--x)) 0 0);position:absolute;inset:0}.snap-l{z-index:2;color:#fff8f0;-webkit-backdrop-filter:blur(6px);background:#14110eb8;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:700;position:absolute;top:10px}.l-old{left:10px}.l-new{right:10px}.snap-handle{top:0;bottom:0;left:var(--x);z-index:3;background:#fff8f0;outline:none;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 0 1px #00000040}.snap-handle i{background:#fff8f0;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px 14px #00000059}.snap-handle i:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171411' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") 50%/18px no-repeat;position:absolute;inset:0}.snap-handle:focus-visible i{box-shadow:0 0 0 3px var(--seal)}@media (max-width:1000px){.bento{grid-template-rows:none;grid-template-columns:repeat(2,1fr)}.bento>.ftile{grid-area:auto;height:340px}.b-letter,.b-words,.b-page,.b-snap{grid-column:1/-1!important}.b-letter{height:520px!important}.b-page{height:560px!important}}@media (max-width:640px){.bento{grid-template-columns:1fr}.bento>.ftile{height:auto;min-height:320px}.b-letter{height:480px!important}.b-page{height:540px!important}.words-demo{grid-template-columns:1fr}.wd-pic{aspect-ratio:16/9}.takes,.turntable{min-height:170px}.pr-stage{min-height:150px}.snap-demo{min-height:190px}}.library{padding-block:clamp(40px,6vw,80px)}.library-card{background:var(--ink);color:var(--paper);border-radius:10px;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(28px,5vw,60px);display:grid;position:relative;overflow:hidden}.library-card .lede{color:color-mix(in srgb, var(--paper) 72%, transparent)}.library-card .eyebrow{color:color-mix(in srgb, var(--paper) 70%, transparent)}.library-card .ticks li:before{background:var(--paper)}.lib-copy{gap:18px;display:grid}.style-card{background:var(--paper);color:var(--ink);border-radius:8px;gap:8px;padding:20px;display:grid;position:relative;transform:rotate(1.5deg);box-shadow:0 30px 60px -30px #0009}.sc-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sc-head b{font:800 1.2rem/1.2 var(--font-display)}.sc-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--seal);font-size:.7rem;font-weight:700}.style-card label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.72rem;font-weight:700}.sc-field{background:var(--card);min-height:66px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;padding:10px 12px;font-size:.9rem;line-height:1.45}.sc-chips{gap:6px;display:flex}.sc-chips span{box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:5px 11px;font-size:.8rem}.sc-chips span.on{background:var(--ink);color:var(--paper)}.sc-foot{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.pack-file{background:var(--seal);color:var(--on-seal);opacity:0;transition:opacity .4s, transform .6s var(--spring);border-radius:6px;padding:8px 12px;font:600 .78rem/1 ui-monospace,Menlo,monospace;position:absolute;bottom:-18px;right:18px;transform:translateY(-10px)scale(.9)}.pack-file.show{opacity:1;transform:none}@media (max-width:900px){.library-card{grid-template-columns:1fr}}.ticks{gap:9px;margin:0;padding:0;list-style:none;display:grid}.ticks li{padding-left:22px;font-size:.97rem;position:relative}.ticks li:before{content:"";background:var(--seal);border-radius:2px;width:11px;height:3px;position:absolute;top:.62em;left:0}.local{padding-block:clamp(80px,10vw,130px)}.local-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,70px);display:grid}.local-copy{justify-items:start;gap:18px;display:grid}.mac{position:relative}.mac-screen{aspect-ratio:16/10.5;background:#1d1b19;border:10px solid #1d1b19;border-radius:14px 14px 4px 4px;position:relative;overflow:hidden}.mac-screen img{object-fit:cover;width:100%;height:100%}.mac-base{background:linear-gradient(#c9c3b8,#9f988c);border-radius:0 0 14px 14px;height:14px;margin:0 -6%}.stamp{z-index:3;border:5px double var(--seal);width:104px;height:104px;color:var(--seal);opacity:0;filter:url(#rough);pointer-events:none;background:#fbf8f18c;border-radius:50%;place-items:center;transition:transform .45s cubic-bezier(.5,0,.2,1.4),opacity .2s;display:grid;position:absolute;top:16%;right:5%;transform:rotate(-14deg)scale(2.4)}.stamp b{font:800 .95rem/1 var(--font-body);letter-spacing:.12em}.stamp i{font:800 2.8rem/1 var(--font-display);opacity:.22;font-style:normal;position:absolute}.mac.done .stamp{opacity:.95;transform:rotate(-14deg)scale(1)}.mac.off .stamp{animation:stampPulse .6s var(--spring)}@keyframes stampPulse{40%{transform:rotate(-10deg)scale(1.15)}}.mac-bar{z-index:2;color:#fff8f0;-webkit-backdrop-filter:blur(8px);background:#14110e8c;justify-content:space-between;align-items:center;height:26px;padding:0 10px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.wifi{height:20px;color:inherit;font:inherit;cursor:pointer;background:#fff8f029;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 8px;transition:background .25s;display:inline-flex}.wifi:hover{background:#fff8f047}.wifi svg{width:14px;height:14px}.wifi .cut{stroke-dasharray:26;stroke-dashoffset:26px;transition:stroke-dashoffset .35s var(--ease)}.wifi[aria-pressed=true]{background:var(--seal);color:#fff8f0}.wifi[aria-pressed=true] .cut{stroke-dashoffset:0}.setup{z-index:2;color:#171411;opacity:0;width:min(56%,250px);transition:opacity .5s var(--ease), transform .6s var(--ease);background:#fbf8f1f0;border-radius:10px;gap:6px;padding:12px 14px;font-size:.78rem;display:grid;position:absolute;bottom:7%;left:5%;transform:translateY(14px);box-shadow:0 18px 40px -16px #0009}.mac.in .setup{opacity:1;transform:none}.setup-h{font:800 .86rem/1.2 var(--font-display);margin-bottom:2px}.su-row{grid-template-columns:16px 1fr auto;align-items:center;gap:7px;display:grid}.su-row i{border:2px solid #cfc6b6;border-top-color:#b33a26;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.su-row em{color:#8a8073;opacity:0;font-size:.72rem;font-style:normal;transition:opacity .3s}.su-row.ok i{background:#3e8e41 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") 50%/9px no-repeat;border-color:#3e8e41;animation:none}.su-row.ok em{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.su-done{color:#b33a26;opacity:0;border-top:1px solid #1714111f;margin-top:4px;padding-top:7px;font-weight:700;transition:opacity .4s}.mac.done .su-done{opacity:1}.local-facts{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px;display:grid}.lf{background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .35s var(--spring), box-shadow .3s;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:14px;display:grid}.lf:hover{box-shadow:0 0 0 1px var(--line), 0 16px 30px -20px var(--shadow);transform:translateY(-3px)}.lf-ic{background:color-mix(in srgb, var(--seal) 13%, transparent);width:38px;height:38px;color:var(--seal);border-radius:10px;grid-row:span 2;place-items:center;display:grid}.lf-ic svg{width:20px;height:20px}.lf b{font:800 .98rem/1.2 var(--font-display);align-self:end}.lf span{color:var(--ink-3);align-self:start;font-size:.84rem;line-height:1.35}@media (max-width:480px){.local-facts{grid-template-columns:1fr}.setup{gap:4px;width:62%;padding:9px 10px;font-size:.7rem}.stamp{width:74px;height:74px;top:18%}.stamp b{font-size:.7rem}.stamp i{font-size:2rem}}.keys-card{box-shadow:0 0 0 1px var(--line);background:var(--card);border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,60px);margin-top:clamp(50px,7vw,90px);padding:clamp(24px,4vw,48px);display:grid}.keys-copy{gap:16px;display:grid}.keys-copy p{color:var(--ink-2)}.flow{grid-template-columns:1fr 70px 1fr;align-items:center;gap:8px;display:grid}.node{text-align:center;background:var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:10px;justify-items:center;gap:4px;padding:22px 14px;display:grid}.node img{border-radius:12px;width:54px;height:54px;margin-bottom:6px}.node b{font-family:var(--font-display);font-size:1.05rem}.node span{color:var(--ink-3);font-size:.8rem}.vault{box-shadow:0 0 0 2px var(--ink)}.providers{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.providers span{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:4px;padding:3px 8px;font-size:.72rem}.wire{width:100%;height:40px;overflow:visible}.wire path{fill:none;stroke:var(--ink-3);stroke-width:2px;stroke-dasharray:.04 .03;vector-effect:non-scaling-stroke;animation:2.5s linear infinite flowdash}@keyframes flowdash{to{stroke-dashoffset:-.7px}}@media (max-width:900px){.local-grid,.keys-card{grid-template-columns:1fr}}@media (max-width:480px){.flow{grid-template-columns:1fr}.wire{justify-self:center;width:60px;height:40px;transform:rotate(90deg)}}.privacy{padding-block:20px clamp(80px,10vw,120px)}.priv{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,50px);padding-block:40px;display:grid}.priv>div{gap:14px;display:grid}.hanko{aspect-ratio:1;background:var(--seal);width:clamp(90px,12vw,140px);color:var(--on-seal);font:800 clamp(3rem, 6vw, 4.6rem)/1 var(--font-display);opacity:0;filter:url(#rough);border-radius:10px;place-items:center;transition:transform .5s cubic-bezier(.5,0,.2,1.4),opacity .2s;display:grid;transform:rotate(-6deg)scale(1.6)}.priv.in .hanko{opacity:1;transition-delay:.3s;transform:rotate(-6deg)}.safety-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.safety-row div{color:var(--ink-2);gap:4px;font-size:.94rem;display:grid}.safety-row b{font:800 1.1rem/1.2 var(--font-display);color:var(--ink)}@media (max-width:760px){.priv,.safety-row{grid-template-columns:1fr}}.pricing{padding-block:clamp(60px,8vw,100px)}.draft{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-size:.85rem;display:inline-flex}.draft b{background:var(--seal);color:var(--on-seal);border-radius:999px;padding:4px 10px;font-size:.75rem}.plans{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch;gap:14px;display:grid}.plan{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:8px;flex-direction:column;gap:12px;padding:26px;display:flex}.plan.free{box-shadow:0 0 0 2px var(--ink)}.plan.studio{background:var(--ink);color:var(--paper);box-shadow:none}.plan.studio .ptag,.plan.studio .price{color:color-mix(in srgb, var(--paper) 70%, transparent)}.plan.studio .btn-line{color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper)}.plan.studio .btn-line:hover{background:var(--paper);color:var(--ink)}.plan.studio .ticks li:before{background:var(--paper)}.plan.studio .ph{color:#f0a08c}.ptag{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;font-weight:700}.plan h3{font-size:1.6rem}.price{color:var(--ink-3)}.price em{font:800 2.3rem/1 var(--font-display);color:inherit;font-style:normal}.plan:not(.studio) .price em:not(.ph){color:var(--ink)}.plan .ticks{flex:1;margin:6px 0 12px}.plan .btn{align-self:flex-start}@media (max-width:900px){.plans{grid-template-columns:1fr}}.bbs{--bbs-card:var(--card);--bbs-ink:var(--ink);--bbs-muted:var(--ink-2);--bbs-line:var(--line);--bbs-radius:8px;--bbs-display:var(--font-display);--bbs-body:var(--font-body);--bbs-eyebrow:var(--seal);--bbs-bg:var(--paper-2)}.catalog-slot{display:block}.faq{padding-block:clamp(80px,10vw,120px)}.qs{grid-template-columns:1fr 1fr;gap:0 40px;display:grid}details{border-top:1px solid var(--line)}summary{cursor:pointer;font:700 1.08rem/1.35 var(--font-display);justify-content:space-between;gap:20px;padding:20px 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:300 1.6rem/1 var(--font-body);color:var(--seal);transition:transform .4s var(--ease)}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--ink-2);padding:0 0 22px}@media (max-width:800px){.qs{grid-template-columns:1fr}}.final{text-align:center;padding:clamp(90px,10vw,150px) 0;position:relative;overflow:hidden}.final-inner{justify-items:center;gap:24px;display:grid;position:relative}.final-mark{border-radius:20px;width:84px;height:84px}.final h2{max-width:14em;font-size:clamp(2.4rem,6vw,4.8rem)}.site-foot{padding:20px 0 0;overflow:hidden}.foot-card{border-top:1px solid var(--line);grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding:34px 0 20px;display:grid}.foot-brand{align-content:start;justify-items:start;gap:12px;display:grid}.foot-brand p{color:var(--ink-2);max-width:22em;font-size:.94rem}.pill{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:.8rem}.foot-col{align-content:start;gap:8px;display:grid}.foot-col h4{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 4px;font-size:.74rem}.foot-col a{color:var(--ink-2);font-size:.94rem;text-decoration:none}.foot-col a:hover{color:var(--ink)}.foot-bar{border-top:1px solid var(--line);color:var(--ink-3);grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:20px;font-size:.84rem;display:flex}.to-top{background:var(--wash);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.to-top svg{width:18px;height:18px}.foot-mark{margin:20px 0 calc(-.18em + env(safe-area-inset-bottom,0px));font:800 clamp(5rem, 24vw, 17rem)/.85 var(--font-display);letter-spacing:-.02em;color:var(--ink);opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;gap:.1em;display:flex;position:relative}.foot-mark span{font-size:.8em}@media (max-width:800px){.foot-card{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:80;opacity:0;background:var(--ink);color:var(--paper);transition:opacity .3s, transform .5s var(--spring);pointer-events:none;border-radius:999px;padding:12px 20px;font-size:.92rem;font-weight:500;position:fixed;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rise,.ink-words .w{opacity:1;filter:none;transform:none}}@container (max-width:520px){.lay{gap:2.6cqw;padding:4.5cqw 5cqw}.d-field{min-height:0;font-size:13px}.d-chip:nth-child(3),.d-beats li:nth-child(n+4),.d-card span,.d-fit small{display:none}.d-chip,.d-beats li,.d-card b{font-size:10.5px}.dp em{display:none}}.text-link{color:var(--ink);background:linear-gradient(var(--seal), var(--seal)) 0 100% / 100% 2px no-repeat;transition:background-size .4s var(--ease);padding-bottom:3px;font-weight:700;text-decoration:none}.text-link:hover{background-position:100% 100%;background-size:0% 2px}.hero-stage .stage-chip{transition:opacity .6s var(--ease)}.hero-stage:has(#heroPage:not(.ready)) .stage-chip{opacity:0}@media (max-width:520px){.premise{min-height:90px}}