:root{--sun:#fcc556;--ember:#f9933f;--coral:#fb5f57;--rose:#f93e73;--orchid:#d539a1;--violet:#aa52cd;--field:#c1307f;--spark:#ffd37a;--ink:#0a0a0a;--cream:#fafafa;--night:#0a0a0a;--mint:#404040;--sage:#6b6b6b;--moss:#595959;--rim:#e5e5e5;--error:#d92d2d;--error-text:#b42318;--light:#fff;--bead:#1c0b1d;--bead-hi:#7d5272;--shade:#000;--paper:#fff;--gp-b:#00a0ff;--gp-g:#00d26a;--gp-r:#ff3a44;--gp-y:#ffc400;--surface:var(--light);--edge:var(--light);--umbra:var(--ink);--accent:var(--field);--screen:var(--cream);--forest:var(--accent);--fire:var(--cream);--on-dark:var(--ink);--on-dark-2:var(--moss);--field-hi:oklch(from var(--field)calc(l + .093)calc(c*1.21)h);--field-up:oklch(from var(--field)calc(l + .052)calc(c*1.13)h);--ink-deep:oklch(from var(--ink)calc(l - .043)calc(c*.8)calc(h - 5));--spark-lo:oklch(from var(--spark)calc(l - .119)calc(c*1.08)calc(h + 3));--spark-mid:oklch(from var(--spark)calc(l - .09)calc(c*1.09)calc(h + 2));--spark-pale:oklch(from var(--spark)calc(l + .023)calc(c*.57)h);--shine:oklch(from var(--spark)calc(l + .062)calc(c*.2)calc(h - 9));--glow:oklch(from var(--spark)calc(l - .103)calc(c*1.27)calc(h + 5));--glow-deep:oklch(from var(--spark)calc(l - .346)calc(c*1.04)calc(h + 7));--frame-light:oklch(from var(--cream)calc(l - .074)calc(c*1.29)h);--frame-sky:oklch(from var(--cream)calc(l - .119)calc(c*.51)calc(h + 102));--frame-evolve:oklch(from var(--ink)calc(l + .038)calc(c*1.43)h);--toggle-bg:oklch(from var(--cream)calc(l - .025)calc(c*.8)calc(h - 5));--bead-mid:oklch(from var(--bead)calc(l + .065)calc(c*1.23)h);--lacquer-dark:radial-gradient(130% 70% at 50% 0%,oklch(from var(--ink)calc(l + .113)calc(c*1.68)calc(h + 2))0%,var(--ink)52%,var(--ink-deep)100%);--sunset:radial-gradient(112% 112% at 28% 100%,var(--sun)0%,var(--ember)23%,var(--coral)44%,var(--rose)59%,var(--orchid)75%,var(--violet)97%);--lacquer-field:radial-gradient(60% 55% at 92% 100%,color-mix(in srgb,var(--sun)42%,transparent),transparent 70%),radial-gradient(55% 50% at 70% 85%,color-mix(in srgb,var(--coral)22%,transparent),transparent 70%),radial-gradient(50% 45% at 100% 20%,color-mix(in srgb,var(--violet)16%,transparent),transparent 72%),radial-gradient(45% 40% at 0% 0%,color-mix(in srgb,var(--rose)10%,transparent),transparent 70%),linear-gradient(180deg,var(--surface),var(--cream));--sunset-line:linear-gradient(100deg,var(--ember)0%,var(--rose)45%,var(--orchid)72%,var(--violet)100%);--lacquer-light:radial-gradient(120% 60% at 50% 0%,var(--surface)0%,var(--cream)55%,oklch(from var(--cream)calc(l - .03)calc(c*1.4)calc(h + 3))100%);--glaze-spark:linear-gradient(180deg,color-mix(in srgb,var(--light)50%,transparent)0%,color-mix(in srgb,var(--light)8%,transparent)46%,color-mix(in srgb,var(--shade)4%,transparent)54%,transparent 100%),linear-gradient(100deg,var(--spark)0%,var(--sun)40%,var(--ember)100%);--glaze-field:linear-gradient(180deg,color-mix(in srgb,var(--light)30%,transparent)0%,color-mix(in srgb,var(--light)6%,transparent)46%,color-mix(in srgb,var(--shade)5%,transparent)54%,transparent 100%),linear-gradient(100deg,oklch(from var(--rose)calc(l - .1)c h)0%,var(--field)50%,oklch(from var(--violet)calc(l - .12)c h)100%);--glaze-ink:linear-gradient(180deg,oklch(from var(--ink)calc(l + .147)calc(c*1.13)calc(h + 2))0%,oklch(from var(--ink)calc(l + .04)calc(c*1.09)h)48%,var(--ink)52%,oklch(from var(--ink)calc(l + .025)calc(c*.94)calc(h + 6))100%);--glaze-head-dark:linear-gradient(180deg,oklch(from var(--ink)calc(l + .241)calc(c*2.25)h)0%,var(--ink)58%,oklch(from var(--ink)calc(l - .06)calc(c*.63)calc(h + 9))100%);--glaze-head-light:linear-gradient(180deg,var(--light)8%,var(--cream)52%,oklch(from var(--sage)calc(l + .045)calc(c*1.3)calc(h - 5))100%);--glaze-head-hero:linear-gradient(180deg,var(--light)10%,var(--cream)55%,oklch(from var(--mint)calc(l - .036)calc(c*.81)calc(h + 4))100%);--bevel:inset 0 1px 0 color-mix(in srgb,var(--light)55%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--shade)18%,transparent);--font-display:Mazius,"Mazius Apple","Mazius Android",Georgia,serif;--font-body:Jakarta,"Jakarta Apple","Jakarta Android",system-ui,sans-serif;--font-note:Note,"Comic Sans MS",cursive;--font-clip-title:"DM Serif Display",serif;--title:clamp(4.75rem,13.4vw,15rem);--h2:clamp(3rem,1.6rem + 6vw,8.5rem);--lead:clamp(1.125rem,1rem + .4vw,1.375rem);--gutter:max(16px,4vw);--max:1320px;--radius:20px;--radius-m:16px;--radius-s:10px;--radius-pill:999px;--wrist:cubic-bezier(.2,0,0,1);--camera:cubic-bezier(.16,.84,.24,1);--dur-snap:.12s;--dur-fast:.2s;--dur-base:.3s;--dur-slow:.4s;--dur-glide:.8s;--lift-1:0 6px 14px -8px color-mix(in srgb,var(--shade)60%,transparent);--lift-2:0 14px 30px -22px color-mix(in srgb,var(--shade)70%,transparent);--lift-3:0 40px 80px -40px color-mix(in srgb,var(--shade)60%,transparent),0 18px 30px -24px color-mix(in srgb,var(--shade)45%,transparent);--spring:linear(0,.35 8%,.78 18%,1.05 30%,1.08 38%,1.02 52%,.99 66%,1);--buncss-light:initial;--buncss-dark: ;color-scheme:light}:root[data-theme=dark]{--cream:#0a0a0a;--ink:#f5f5f5;--mint:#c9c9c9;--sage:#9b9b9b;--moss:#b3b3b3;--rim:#262626;--surface:#161616;--edge:color-mix(in srgb,var(--light)9%,transparent);--umbra:var(--shade);--accent:#ff6fa5;--frame-evolve:var(--surface);--error-text:#ff8a7a;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--cream);color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);overflow-x:clip;margin:0}img,video,canvas,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit}p{text-wrap:pretty;max-width:60ch;margin:0 0 1em}:focus-visible{outline:3px solid var(--forest);outline-offset:3px;border-radius:4px}.skip{position:absolute;z-index:100;background:var(--ink);color:var(--screen);border-radius:var(--radius-pill);text-decoration:none;padding:10px 16px;top:-60px;left:12px}.skip:focus{top:12px}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.title,.h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-style:normal;font-weight:400;line-height:.88}.title{font-size:var(--title)}.h2{font-size:var(--h2)}.title>span,.h2>span{display:block}[data-rolling] .title,[data-rolling] .h2{letter-spacing:-.035em;font-style:italic}.lead{font-size:var(--lead);max-width:34ch;font-weight:500;line-height:1.5}.small{color:var(--moss);font-size:.875rem;font-weight:500;line-height:1.45}.note{font-family:var(--font-note);color:var(--forest);white-space:nowrap;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1}.num{font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.btn{display:inline-flex;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items: center;min-height:48px;padding:0 24px;font-size:1rem;font-weight:700}.textbtn{cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;background:0 0;border:0;min-height:48px;padding:12px 0;font-weight:700}.pill{border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid color-mix(in srgb,currentColor 30%,transparent);background:0 0;min-height:44px;padding:0 18px;font-size:.9375rem;font-weight:600}.pill[aria-pressed=true]{background:var(--ink);color:var(--screen);border-color:var(--ink)}.toggle{display:inline-flex;border-radius:var(--radius-pill);background:var(--toggle-bg);gap:2px;padding:4px}.toggle button{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;min-height:40px;padding:0 18px;font-weight:600}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--screen)}@property --nav-top{syntax:"<color>";inherits:false;initial-value:#0000}@property --nav-foot{syntax:"<color>";inherits:false;initial-value:#0000}.nav{position:sticky;z-index:50;display:flex;padding:0 var(--gutter);color:var(--ink);background:linear-gradient(180deg,var(--nav-top),var(--nav-foot));transition:--nav-top var(--dur-base)var(--wrist),--nav-foot var(--dur-base)var(--wrist),color var(--dur-base)var(--wrist),box-shadow var(--dur-base)var(--wrist);justify-content:space-between;align-items: center;gap:16px;height:64px;top:0}.nav[data-ground=light],.nav[data-ground=field]{color:var(--ink)}.brand{display:flex;text-decoration:none;align-items: center;gap:8px}.brand .logo{display:block;width:auto;height:34px}.brand .maker{color:var(--moss);margin-top:10px;font-size:.8125rem;font-weight:500}.nav>nav:not(.menu){display:flex;align-items: center;gap:6px}.nav .nl{text-decoration:none;padding:12px;font-size:.9375rem;font-weight:600}.nav .nl:hover,.nav .nl[aria-current]{text-decoration:underline;text-underline-offset:4px}.pause{border-radius:var(--radius-pill);border:1.5px solid color-mix(in srgb,currentColor 25%,transparent);cursor:pointer;display:inline-flex;background:0 0;align-items: center;gap:8px;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:600}.pause svg{width:14px;height:14px}.theme-toggle{display:inline-grid;border:1.5px solid color-mix(in srgb,currentColor 25%,transparent);cursor:pointer;border-radius:50%;flex:none;place-items: center;width:40px;height:40px;padding:0}.theme-toggle svg{width:18px;height:18px}.theme-toggle .i-sun,[data-theme=dark] .theme-toggle .i-moon{display:none}[data-theme=dark] .theme-toggle .i-sun{display:block}.btn-short{display:none}@media (max-width:860px){.nav .nl,.btn-long{display:none}.btn-short{display:inline}.nav .btn{padding:0 16px}.pause .pause-label{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px}.pause{justify-content:center;width:44px;height:44px;padding:0}.theme-toggle{width:44px;height:44px}}.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline-start:auto;margin-inline-end:auto}section{position:relative}.chapter{padding-block-start:clamp(96px,14vw,200px);padding-block-end:clamp(96px,14vw,200px)}[data-ground=light]{background:var(--cream);color:var(--ink)}.print{position:relative;margin:0}.frame{position:relative;aspect-ratio:3/4;border-radius:var(--radius);background:var(--frame-light);transform-origin:50% 0}.frame>.pic{position:absolute;border-radius:inherit;overflow:hidden;inset:0}.frame>.pic>img,.frame>.pic>picture>img,.frame>.pic>video,.frame>.pic>canvas{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.leader.sm{display:none}@media (max-width:1023px){.leader.lg{display:none}.leader.sm{display:inline}}.print figcaption{margin-top:14px}.marks{position:absolute;overflow:visible;pointer-events:none;z-index:3;width:100%;height:100%;inset:0}.marks path,.marks line,.marks polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.paint-casing{stroke:var(--bead)}.paint{stroke:var(--spark)}[data-strokes] .paint{stroke-opacity:.5}[data-strokes] .paint-casing{stroke-opacity:.28}.leader{stroke:var(--forest);stroke-width:3}.marks .note-anchor{overflow:visible}.pin-ring{fill:none;stroke:var(--light);stroke-width:7}.pin-core{fill:var(--bead)}.pin-shadow{filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--shade)35%,transparent))}.outline{stroke:var(--forest);stroke-width:4;stroke-dasharray:14 12;fill:none}.notes{position:absolute;pointer-events:none;z-index:4;inset:0}.notes .note{position:absolute;transform:translate(-50%,-50%)rotate(var(--r,-3deg))}.tools .note{color:var(--light);text-shadow:0 1px 8px color-mix(in srgb,var(--shade)55%,transparent)}@media (max-width:1023px){.hero .note{color:var(--light);text-shadow:0 1px 8px color-mix(in srgb,var(--shade)55%,transparent)}.hero .leader.sm{stroke:var(--light)}}.early-grid{display:grid;grid-template-columns:repeat(12,1fr);align-items: center;column-gap:24px}.early-copy{grid-column:1/8}.early-copy .lead{margin-top:28px}.early-mark{grid-column:9/13}.early .lead{color:var(--mint)}.get{display:grid;justify-items:start;gap:14px;margin-top:32px}.get .small{color:var(--sage);margin:0}.app-card{display:grid;border-radius:calc(var(--radius)*1.4);background:color-mix(in srgb,var(--surface)82%,transparent);box-shadow:inset 0 0 0 1px var(--rim),0 30px 60px -30px color-mix(in srgb,var(--umbra)50%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;justify-items:center;gap:4px;padding:28px 24px 24px}.early-icon{display:block;aspect-ratio:1;box-shadow:0 18px 36px -16px color-mix(in srgb,var(--rose)60%,transparent);border-radius:22.5%;width:112px;height:auto;margin-bottom:10px}.app-name{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:800}.app-by{color:var(--sage);margin:0;font-size:.8125rem;font-weight:600}.qr{display:grid;justify-items:center;gap:10px;margin:20px 0 0}.qr img{border-radius:var(--radius-m);background:var(--paper);width:160px;height:160px;padding:12px}.qr figcaption{color:var(--sage);font-size:.8125rem;font-weight:600}@media (max-width:1023px),(pointer:coarse){.qr{display:none}}@media (max-width:1023px){.early-grid{grid-template-columns:1fr}.early-copy,.early-mark{grid-column:1}.early-mark{order:-1;margin:0 0 36px}.app-card{grid-template-columns:auto 1fr;text-align:left;place-items: center start;column-gap:16px;padding:16px}.early-icon{grid-row:span 2;width:64px;margin:0}.app-name{align-self: end}.app-by{align-self: start}}.credits{text-align:center;padding-block-start:clamp(96px,12vw,160px);padding-block-end:clamp(72px,9vw,120px)}.roll{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:14px 2rem;max-width:760px;margin:72px auto 0}.roll dt{text-align:right;color:var(--on-dark-2);padding-top:2px;font-size:.875rem;font-weight:500}.roll dd{color:var(--on-dark);margin:0;font-weight:700}.roll a{text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}.made{font-family:var(--font-display);font-size:var(--h2);letter-spacing:-.025em;margin:120px 0 0;line-height:.9}.made .dot{display:inline-block;background:var(--accent);vertical-align:.02em;border-radius:50%;width:.16em;height:.16em;margin-left:.04em}.again{margin-top:24px}.doc{width:min(100% - 2*var(--gutter),68ch);overflow-wrap:break-word;margin:0 auto;padding:56px 0 120px}body:has(>.doc){background:var(--cream)}.doc h1{font-family:var(--font-display);letter-spacing:-.025em;margin:40px 0 32px;font-size:clamp(2.75rem,2rem + 4vw,5rem);font-weight:400;line-height:.92}.doc h2{font:700 1.375rem/1.25 var(--font-body);margin:48px 0 12px}.doc p,.doc li{max-width:64ch}.doc ul,.doc ol{margin:0 0 1em;padding-left:1.25em}.doc li{text-wrap:pretty;margin-bottom:.4em}.doc li::marker{color:var(--moss)}.doc address{font-style:normal}.doc .meta{color:var(--moss);margin-top:-12px;font-size:.875rem;font-weight:600}.doc .back{font-weight:700}.doc-more{display:flex;border-top:1px solid color-mix(in srgb,var(--ink)12%,transparent);flex-wrap:wrap;gap:4px 24px;margin-top:56px;padding-top:20px;font-weight:700}.doc-more a{text-underline-offset:3px;padding-block-start:6px;padding-block-end:6px}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.birds,.confetti,.hero .mist{display:none!important}}.hero .lead .ph{display:none}@media (max-width:1023px){.hero .lead .desk{display:none}.hero .lead .ph{display:inline}}[data-ground=light]{background:var(--lacquer-light)}[data-ground=field]:not(.nav){background:var(--lacquer-field);color:var(--ink)}main>section+section,.credits{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink)6%,transparent)}.h2>span,.credits .made{background-image:var(--glaze-head-dark);color:#0000;-webkit-background-clip:text;background-clip:text;margin:-.08em -.16em -.16em 0;padding:.08em .16em .16em 0}.sky-title>span{color:inherit;background:0 0;margin:0;padding:0}.credits .made{margin-top:clamp(72px,10vw,120px)}.hero .title>span{color:#0000;-webkit-background-clip:text;background-clip:text;margin:-.1em -.2em -.18em 0;padding:.1em .2em .18em 0}.hero .title.a>span{background-image:linear-gradient(180deg,var(--light)35%,color-mix(in srgb,var(--light)82%,var(--sun))100%)}.hero .title.a{filter:drop-shadow(0 2px 18px color-mix(in srgb,var(--shade)40%,transparent))}.hero .title.b>span{background-image:linear-gradient(100deg,var(--spark)0 38%,var(--shine)47%,var(--spark)56% 100%);background-position:0 0;background-size:260% 100%}[data-evolve][data-rolling] .h2>span:last-child{animation:sheen-soft 1.6s var(--camera)both}@keyframes sheen-soft{0%{filter:brightness(1.35)}to{filter:none}}.btn{position:relative;overflow:hidden;isolation:isolate;background:var(--glaze-field);color:var(--light);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--light)35%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--shade)30%,transparent),0 10px 24px -12px color-mix(in srgb,var(--accent)70%,transparent);transition:transform var(--dur-fast)var(--camera),box-shadow var(--dur-fast)}.btn:after{content:"";position:absolute;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--light)65%,transparent)48%,transparent 62%);inset:0;transform:translate(-120%)}.btn:hover{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--light)35%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--shade)30%,transparent),0 16px 30px -12px color-mix(in srgb,var(--accent)80%,transparent);transform:translateY(-1px)}.btn:hover:after{transition:transform var(--dur-glide)var(--camera);transform:translate(120%)}.btn:active{transform:translateY(1px)}.pill{background:linear-gradient(180deg,var(--surface),var(--cream));box-shadow:inset 0 1px 0 var(--edge),0 1px 2px color-mix(in srgb,var(--umbra)10%,transparent);transition:background var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast),scale var(--dur-fast)var(--camera)}.pill[aria-pressed=true]{background:var(--glaze-ink);color:var(--cream);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--light)25%,transparent),var(--lift-1);border-color:#0000}.pause,.theme-toggle{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface)40%,transparent));box-shadow:inset 0 1px 0 var(--edge),0 1px 2px color-mix(in srgb,var(--umbra)8%,transparent)}.nav[data-ground=light]{--nav-top:color-mix(in srgb,var(--surface)96%,transparent);--nav-foot:color-mix(in srgb,var(--cream)94%,transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink)8%,transparent),0 12px 30px -24px color-mix(in srgb,var(--umbra)50%,transparent)}.nav[data-ground=field][data-top]{--nav-top:color-mix(in srgb,var(--surface)78%,transparent);--nav-foot:color-mix(in srgb,var(--cream)62%,transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2)}.nav[data-ground=field]:not([data-top]){--nav-top:color-mix(in srgb,var(--surface)90%,transparent);--nav-foot:color-mix(in srgb,var(--cream)86%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink)8%,transparent)}.hero .seam .line,.window .seam .line,.looks-frame .seam .line,.ev-seam .line{background:linear-gradient(90deg,var(--spark-lo),var(--shine)50%,var(--spark-mid));box-shadow:-1px 0 0 color-mix(in srgb,var(--bead)70%,transparent),1px 0 0 color-mix(in srgb,var(--bead)70%,transparent),0 0 18px color-mix(in srgb,var(--spark)45%,transparent);width:3px;left:-1.5px}@media (max-width:1023px){.hero .seam .line{background:linear-gradient(180deg,var(--spark-lo),var(--shine)50%,var(--spark-mid));width:auto;height:3px;top:-1.5px;left:0}}.pin{background:radial-gradient(circle at 34% 28%,var(--bead-hi)0%,var(--bead-mid)45%,var(--bead)70%);box-shadow:0 0 0 3px var(--spark),0 0 0 4px var(--bead),inset 0 1px 1px color-mix(in srgb,var(--light)35%,transparent),0 6px 18px color-mix(in srgb,var(--shade)45%,transparent)}.pin:after{background:radial-gradient(circle at 35% 30%,var(--shine),var(--spark)55%,var(--spark-lo))}.lacquer>.frame,.window.lacquer,.preview-box.lacquer{box-shadow:var(--lift-3)}[data-ground=light] .lacquer>.frame{box-shadow:0 40px 70px -42px color-mix(in srgb,var(--umbra)55%,transparent),0 14px 24px -20px color-mix(in srgb,var(--umbra)35%,transparent)}.lacquer>.frame:after,.window.lacquer:after,.preview-box.lacquer:after{content:"";position:absolute;z-index:6;border-radius:inherit;pointer-events:none;background:radial-gradient(38% 30% at var(--gx,32%)var(--gy,20%),color-mix(in srgb,var(--light)26%,transparent),color-mix(in srgb,var(--light)6%,transparent)55%,transparent 78%),linear-gradient(112deg,transparent calc(var(--gx,32%) - 26%),color-mix(in srgb,var(--light)10%,transparent)calc(var(--gx,32%) - 8%),transparent calc(var(--gx,32%) + 8%)),linear-gradient(180deg,color-mix(in srgb,var(--light)12%,transparent),transparent 20%,transparent 80%,color-mix(in srgb,var(--shade)16%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--light)50%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--light)10%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--shade)30%,transparent);inset:0}.window .seam,.window .tag,.looks-frame .seam,.looks-frame .tag{z-index:7}.window canvas{z-index:1}.reflect{container-type:inline-size}@media (min-width:1024px){.reflect>.frame>.pic{-webkit-box-reflect:below 12px linear-gradient(to bottom,transparent 80%,color-mix(in srgb,var(--light)12%,transparent))}.reflect figcaption{position:relative;margin-top:calc(14px + 18cqw)}}@supports  not (-webkit-box-reflect: below){.reflect figcaption{margin-top:14px}}.feature{margin-top:-64px;padding:calc(64px + clamp(48px,8vw,112px)) 0 clamp(80px,10vw,140px)}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);align-items: center;column-gap:24px}.feature-copy{grid-column:1/7}.feature-copy .h2{font-size:clamp(2.75rem,1.4rem + 4.6vw,6rem)}.feature-copy .lead{color:var(--mint);margin-top:28px}.feature-copy .btn{margin-top:16px}.feature .print{grid-column:8/13;width:min(100%,calc((100svh - 180px)*var(--ar,.75)));justify-self:center}.feature .frame.story{background:0 0}.feature .print video,.feature .print img{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.steps3 ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);counter-reset:s;gap:32px;margin:clamp(80px,10vw,140px) 0 0;padding:0}.steps3 li{counter-increment:s}.steps3 li:before{content:counter(s);display:grid;background:var(--glaze-field);color:var(--light);box-shadow:var(--bevel);border-radius:50%;place-items: center;width:34px;height:34px;margin-bottom:16px;font-weight:700}.steps3 h2,.faq h2,.related h2{font:700 clamp(1.25rem,1.1rem + .6vw,1.75rem)/1.2 var(--font-body);margin:0 0 8px}.steps3 p,.facts3 li,.faq p{color:var(--mint)}.facts3 ul{max-width:70ch;margin:56px 0 0;padding-left:1.2em}.facts3 li{margin-bottom:8px}.faq{margin-top:clamp(64px,8vw,112px)}.faq>*{max-width:760px}.faq details{border-top:1px solid color-mix(in srgb,var(--ink)10%,transparent);padding:4px 0}.faq summary{cursor:pointer;display:flex;align-items: center;min-height:48px;font-weight:700}.related{margin-top:clamp(64px,8vw,112px)}.related ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 32px;margin:0;padding:0}.related a{font:400 clamp(1.5rem,1.2rem + 1.2vw,2.25rem)/1.1 var(--font-display);text-decoration-color:var(--accent);text-underline-offset:6px}@media (max-width:1023px){.feature-grid{grid-template-columns:1fr}.feature-copy,.feature .print{grid-column:1}.feature .print{width:100%;margin-top:40px}.steps3 ol{grid-template-columns:1fr}}.more-link{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px;font-weight:700}.disclose-link{grid-column:1/-1;margin-top:16px}.ev-more{margin-top:20px}@media (max-width:1023px){.ev-more{display:none}}.menu-btn{display:inline-flex;border-radius:var(--radius-pill);color:inherit;cursor:pointer;font:600 .9375rem/1 var(--font-body);background:0 0;border:0;align-items: center;gap:6px;min-height:44px;padding:0 12px}.menu-btn .chev{transition:transform var(--dur-fast)var(--camera);width:12px;height:12px}.menu-btn .burger,.menu-btn .menu-word-m{display:none}.menu-btn:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.nav:has(.menu:popover-open) .menu-btn .chev{transform:rotate(180deg)}.nav:has(.menu:popover-open){--nav-top:color-mix(in srgb,var(--surface)98%,transparent);--nav-foot:color-mix(in srgb,var(--cream)97%,transparent);color:var(--ink);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink)8%,transparent)}.nav:has(.menu:popover-open) .brand .maker{color:var(--moss)}.menu{position:fixed;overflow:auto;overscroll-behavior:contain;background:var(--lacquer-light);color:var(--ink);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--umbra)45%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ink)6%,transparent);opacity:0;transition:opacity var(--dur-fast)var(--camera),translate var(--dur-base)var(--camera),overlay var(--dur-base)allow-discrete,display var(--dur-base)allow-discrete;border:0;width:auto;max-height:calc(100dvh - 64px);margin:0;padding:0;inset:64px 0 auto;translate:0 -8px}.menu:popover-open{opacity:1;translate:0}@starting-style{.menu:popover-open{opacity:0;translate:0 -8px}}.menu::backdrop{background:color-mix(in srgb,var(--umbra)0%,transparent);transition:background var(--dur-fast),overlay var(--dur-base)allow-discrete,display var(--dur-base)allow-discrete;top:64px}.menu:popover-open::backdrop{background:color-mix(in srgb,var(--umbra)38%,transparent)}@starting-style{.menu:popover-open::backdrop{background:color-mix(in srgb,var(--umbra)0%,transparent)}}.menu-in{width:min(100% - 2*var(--gutter),var(--max));display:grid;grid-template-columns:repeat(12,1fr);align-items: start;gap:14px 24px;margin-inline-start:auto;margin-inline-end:auto;padding:28px 0 36px}.menu-h{grid-column:1/9;color:var(--moss);margin:0;font-size:.875rem;font-weight:700}.menu-cards{grid-column:1/9;grid-row:2;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0}.menu-cards a{display:grid;grid-template-rows:auto auto 1fr;border-radius:var(--radius-m);text-decoration:none;color:inherit;background:color-mix(in srgb,var(--surface)55%,transparent);box-shadow:inset 0 1px 0 var(--edge),0 0 0 1px color-mix(in srgb,var(--umbra)7%,transparent);transition:background var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)var(--camera),scale var(--dur-fast)var(--camera);gap:2px;height:100%;padding:8px 8px 14px}.menu-cards a:hover{background:var(--surface);box-shadow:inset 0 1px 0 var(--edge),0 0 0 1px color-mix(in srgb,var(--umbra)10%,transparent),0 14px 26px -18px color-mix(in srgb,var(--umbra)55%,transparent);transform:translateY(-2px)}.menu-cards a[aria-current]{box-shadow:inset 0 1px 0 var(--edge),0 0 0 2px var(--accent)}.menu-cards img{aspect-ratio:40/21;object-fit:cover;border-radius:var(--radius-s);background:var(--frame-light);width:100%;height:auto;margin-bottom:8px}.mc-t{padding-inline-start:4px;padding-inline-end:4px;font-size:1rem;font-weight:700}.mc-l{color:var(--moss);padding-inline-start:4px;padding-inline-end:4px;font-size:.875rem;line-height:1.4}.menu-side{grid-column:9/13;grid-row:1/3;display:grid;gap:14px}.menu-side .menu-h{grid-column:auto}.menu-chapters{list-style:none;display:grid;margin:0;padding:0}.menu-chapters a{display:flex;border-radius:var(--radius-s);text-decoration:none;color:inherit;align-items: center;min-height:44px;padding:0 12px;font-weight:600}.menu-chapters a:hover{background:color-mix(in srgb,var(--surface)70%,transparent)}.menu-chapters a[data-here]{background:color-mix(in srgb,var(--surface)85%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.menu-meta{display:flex;border-top:1px solid color-mix(in srgb,var(--ink)10%,transparent);flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;padding:14px 12px 0;font-size:.875rem}.menu-meta a{color:var(--moss);text-decoration:none;padding-block-start:6px;padding-block-end:6px;font-weight:600}.menu-meta a:hover,.menu-meta a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.menu-cta,.menu-pause{display:none}@media (max-width:1199px){.nav .nl-ch{display:none}}@media (max-width:860px){.menu-btn{order:3;justify-content:center;width:44px;padding:0}.menu-btn .menu-word,.menu-btn .chev{display:none}.menu-btn .burger{display:block;width:22px;height:22px}.menu-btn .menu-word-m{position:absolute;overflow:hidden;clip-path:inset(50%);display:block;width:1px;height:1px}.nav:has(.menu:popover-open) .burger path{d:path("M5 5l10 10M15 5L5 15")}.menu{clip-path:inset(0 0 100% 0);background:var(--lacquer-field);color:var(--ink);transition:clip-path var(--dur-slow)var(--camera),opacity var(--dur-fast),overlay var(--dur-slow)allow-discrete,display var(--dur-slow)allow-discrete;height:auto;max-height:none;inset:64px 0 0;translate:0}.menu:popover-open{clip-path:inset(0 0 0 0)}@starting-style{.menu:popover-open{clip-path:inset(0 0 100% 0)}}.menu::backdrop{display:none}.menu-in{grid-template-columns:1fr;padding:20px 0 calc(28px + env(safe-area-inset-bottom));row-gap:12px}.menu-h,.menu-cards,.menu-side{grid-column:1;grid-row:auto}.menu-cards{grid-template-columns:1fr;gap:8px}.menu-cards a{grid-template-columns:92px 1fr;grid-template-rows:auto auto;align-items: center;column-gap:14px;padding:8px}.menu-cards a:hover{transform:none}.menu-cards img{grid-row:1/3;aspect-ratio:4/3;border-radius:var(--radius-s);margin:0}.mc-t{align-self: end;padding:0;font-size:1.0625rem}.mc-l{align-self: start;padding:0}.menu-side{margin-top:10px}.menu-chapters{grid-template-columns:1fr 1fr;gap:8px}.menu-chapters a{background:color-mix(in srgb,var(--surface)70%,transparent);box-shadow:inset 0 1px 0 var(--edge),0 0 0 1px color-mix(in srgb,var(--umbra)6%,transparent);min-height:48px;font-size:.9375rem}.menu-chapters a[data-here]{background:color-mix(in srgb,var(--accent)10%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--accent)}.menu-cta{display:flex;justify-content:center;margin-top:6px}.menu .menu-pause .pause-label{position:static;overflow:visible;clip-path:none;width:auto;height:auto}.menu .menu-pause{display:flex;justify-content:center;width:100%;min-height:48px;font-size:.9375rem}html:has(.menu:popover-open){overflow:hidden}}@media (min-width:600px) and (max-width:860px){.menu-cards{grid-template-columns:1fr 1fr}.menu-chapters{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.menu,.menu-btn .chev,.menu-cards a{transition:none}.menu::backdrop{transition:none}}.pause .i-play,.pause[aria-pressed=true] .i-pause{display:none}.pause[aria-pressed=true] .i-play{display:block}.dock{display:none}@media (max-width:860px){.nav>nav>.pause,.nav>nav>.btn{display:none}.brand .logo{height:36px}.dock{display:flex;position:fixed;z-index:45;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;transition:opacity var(--dur-fast),translate var(--dur-base)var(--camera);align-items: center;gap:10px}.dock>*{pointer-events:auto}.dock .dock-pause{color:var(--ink);border:1px solid color-mix(in srgb,var(--ink)10%,transparent);background:color-mix(in srgb,var(--surface)78%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:inset 0 1px 0 var(--edge),0 10px 24px -12px color-mix(in srgb,var(--umbra)45%,transparent);border-radius:50%;flex:none;justify-content:center;width:52px;height:52px;min-height:0;padding:0}.dock .dock-pause svg{width:16px;height:16px}.dock .pause-label{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px}.dock .dock-cta{background:var(--glaze-field);color:var(--light);box-shadow:var(--bevel),0 14px 28px -12px color-mix(in srgb,var(--accent)70%,transparent);opacity:0;visibility:hidden;transition:opacity var(--dur-fast),translate var(--dur-slow)var(--camera),scale var(--dur-slow)var(--camera),visibility 0s var(--dur-slow);border-radius:20px;flex:1;justify-content:flex-start;gap:12px;min-width:0;min-height:56px;padding:0 16px 0 8px;font-size:.9375rem;translate:0 14px;scale:.96}.dock .dock-cta img{box-shadow:0 2px 8px color-mix(in srgb,var(--shade)30%,transparent);border-radius:22.5%;flex:none;width:40px;height:40px}.dock-t{display:grid;text-align:left;flex:1;min-width:0;line-height:1.15}.dock-t b{font-size:1rem;font-weight:800}.dock-t small{opacity:.85;font-size:.75rem;font-weight:600}.dock .dock-cta .gp{box-sizing:content-box;background:var(--paper);border-radius:50%;flex:none;width:16px;height:17px;padding:8px}.dock[data-cta] .dock-cta{opacity:1;visibility:visible;transition:opacity var(--dur-fast),translate var(--dur-slow)var(--camera),scale var(--dur-slow)var(--camera),visibility 0s;translate:0;scale:1}.dock[data-tuck]{translate:0 calc(100% + 24px)}html:has(.menu:popover-open) .dock{opacity:0;pointer-events:none;translate:0 20px}html:has(.menu:popover-open) .dock>*{pointer-events:none}.roll{grid-template-columns:1fr;text-align:center;row-gap:0;margin-top:56px}.roll dt{text-align:center;padding-top:18px;font-size:.8125rem}.roll dd{font-size:.9375rem;line-height:1.45}}@media (prefers-reduced-motion:reduce){.dock,.dock .dock-cta{transition:none}}.site-foot{color:var(--ink);background:var(--lacquer-field);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink)8%,transparent);padding-block-start:clamp(64px,8vw,104px);padding-block-end:28px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items: start;gap:40px 32px}.foot-brand .brand .logo{height:48px}.foot-brand .brand .maker{margin-top:16px}.foot-line{color:var(--mint);max-width:30ch;margin:18px 0 22px;font-size:1.0625rem;line-height:1.45}.foot-note{color:var(--on-dark-2);max-width:34ch;margin:14px 0 0;font-size:.8125rem;line-height:1.5}.foot-h{color:var(--on-dark-2);margin:6px 0 14px;font-size:.8125rem;font-weight:700}.foot-col ul{list-style:none;display:grid;gap:2px;margin:0;padding:0}.foot-col a{display:inline-flex;color:var(--ink);text-decoration:none;align-items: center;min-height:36px;font-weight:600}.foot-col a:hover,.foot-col a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.foot-base{display:flex;border-top:1px solid color-mix(in srgb,var(--ink)10%,transparent);color:var(--on-dark-2);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(48px,6vw,80px);padding-top:22px;font-size:.8125rem}.foot-base p{margin:0}.foot-base a{color:inherit;text-underline-offset:3px}@media (max-width:1023px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}@media (max-width:860px){.site-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.foot-brand .btn{display:flex;justify-content:center}.foot-grid{gap:32px 20px}.foot-col:last-child{grid-column:1/-1}.foot-col:last-child ul{display:flex;flex-wrap:wrap;gap:0 22px}.foot-base{flex-direction:column}}@media (max-width:767px){.site-foot{display:none}.credits,main.feature{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}.lost{min-height:70vh}.lost .lead{color:var(--mint);max-width:40ch;margin:24px 0 28px}.lost-links{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0;padding:0}.lost-links a{display:inline-flex;border-radius:var(--radius-pill);color:var(--ink);text-decoration:none;background:var(--surface);box-shadow:inset 0 1px 0 var(--edge),0 0 0 1px color-mix(in srgb,var(--umbra)8%,transparent);align-items: center;min-height:44px;padding:0 16px;font-weight:600}.lost-links a:hover{box-shadow:inset 0 1px 0 var(--edge),0 0 0 1.5px var(--accent)}.nav{view-transition-name:nav}.dock{view-transition-name:dock}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;translate:0 14px}}::view-transition-old(root){animation:page-out var(--dur-fast)var(--wrist)both}::view-transition-new(root){animation:page-in var(--dur-slow)var(--camera)both}::view-transition-group(*){animation-duration:var(--dur-slow);animation-timing-function:var(--camera)}.menu-cards img,.feature .print .frame{view-transition-class:pic}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}.steps .s>span{transition:height var(--dur-slow)var(--camera),opacity var(--dur-base),margin var(--dur-base);height:0;max-height:none}.steps button[aria-pressed=true] .s>span{height:auto}.faq details::details-content{overflow:clip;transition:height var(--dur-slow)var(--camera),content-visibility var(--dur-slow)allow-discrete;height:0}.faq details[open]::details-content{height:auto}}.faq summary{list-style:none;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";color:var(--accent);transition:rotate var(--dur-base)var(--camera);background:linear-gradient(currentColor 0 0) 50%/100% 2px no-repeat,linear-gradient(currentColor 0 0) 50%/2px 100% no-repeat;flex:none;width:14px;height:14px}.faq details[open] summary:after{rotate:45deg}.faq details p{padding-bottom:12px}.reel-row button,.lost-links a,.toggle button,.menu-chapters a,.swatch,.chips button{transition:background var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast),scale var(--dur-fast)var(--camera)}.pill:active,.menu-cards a:active,.steps button:active,.reel-row button:active,.lost-links a:active,.toggle button:active,.menu-chapters a:active,.swatch:active,.chips button:active{transition-duration:var(--dur-snap);scale:.97}.nav .btn:after,.dock .btn:after,.foot-brand .btn:after{display:none}.lacquer>.frame:after,.window.lacquer:after,.preview-box.lacquer:after{opacity:.65}img[data-arriving]{opacity:0}img[data-arrived]{transition:opacity var(--dur-slow)var(--wrist)}@keyframes settle{0%{opacity:0;translate:0 16px}}@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) main>section:not(.hero):not(.evolve) .lead{animation:linear both settle;animation-timeline:view();animation-range:entry 0% entry 60%}}}.btn-play{text-align:left;gap:12px;min-height:56px;padding:0 22px 0 8px}.btn-play .gp{box-sizing:content-box;background:var(--paper);box-shadow:0 2px 6px color-mix(in srgb,var(--shade)25%,transparent);border-radius:12px;flex:none;width:20px;height:22px;padding:9px 10px}.gp .gp-b{fill:var(--gp-b)}.gp .gp-g{fill:var(--gp-g)}.gp .gp-r{fill:var(--gp-r)}.gp .gp-y{fill:var(--gp-y)}.gp-t{display:grid;line-height:1.1}.gp-t small{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.6875rem;font-weight:600}.gp-t b{letter-spacing:-.01em;font-size:1.125rem;font-weight:800}.btn-play-lg{border-radius:20px;min-height:64px;padding-right:28px}.btn-play-lg .gp{border-radius:14px;width:22px;height:24px;padding:11px 12px}.btn-play-lg .gp-t b{font-size:1.3125rem}.btn-play:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn-nav{gap:8px;padding-left:14px}.btn-nav .gp{width:16px;height:17px}.menu-cta.btn-play{justify-content:flex-start;width:100%}@media (max-width:860px){.hero .btn-play,.get .btn-play,.feature-copy .btn-play,.foot-brand .btn-play{justify-content:center;width:100%}.get{justify-items:stretch}}.blog{padding-bottom:clamp(48px,8vw,96px)}.b-h1,.b-h2{font-family:var(--font-body);letter-spacing:-.045em;color:var(--ink);text-wrap:balance;margin:0;font-weight:800;line-height:.98}.b-h1{font-size:clamp(2.75rem,1.6rem + 5.4vw,5.5rem)}.b-h2{margin-bottom:clamp(28px,4vw,48px);font-size:clamp(2rem,1.3rem + 3vw,3.75rem)}.b-h1 em,.b-h2 em{font-family:var(--font-display);letter-spacing:-.02em;background:var(--sunset-line);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-.14em;padding:0 .14em .08em 0;font-style:italic;font-weight:400}.blog .lead{color:var(--mint)}.blog .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin:0 0 14px;font-size:.75rem;font-weight:700}.b-sec{padding-top:clamp(72px,10vw,128px)}.fbar{position:sticky;z-index:30;border-bottom:1px solid var(--rim);background:color-mix(in srgb,var(--cream)88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);top:64px}.fb-in{display:flex;padding:10px var(--gutter);list-style:none;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;gap:22px;margin:0}.fb-in::-webkit-scrollbar{display:none}.fb-group{display:flex;flex:none;align-items: center;gap:8px}.fb-h{letter-spacing:.12em;text-transform:uppercase;color:var(--sage);white-space:nowrap;font-size:.6875rem;font-weight:700}.fb-group ul{display:flex;list-style:none;gap:6px;margin:0;padding:0}.fbar a{display:inline-flex;border-radius:var(--radius-pill);scroll-snap-align:start;white-space:nowrap;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rim);transition:background var(--dur-fast),box-shadow var(--dur-fast);align-items: center;min-height:36px;padding:0 14px;font-size:.875rem;font-weight:600}.fbar a:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)35%,transparent)}.fbar a[aria-current]{background:var(--ink);color:var(--cream);box-shadow:none}.blog .ghost{display:inline-flex;border-radius:var(--radius-pill);text-decoration:none;color:var(--ink);border:1.5px solid color-mix(in srgb,var(--ink)26%,transparent);transition:border-color var(--dur-fast),background var(--dur-fast);align-items: center;gap:8px;min-height:48px;padding:0 22px;font-weight:700}.blog .ghost:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink)6%,transparent)}.b-hero{display:grid;align-items: center;gap:40px;padding-top:clamp(32px,6vw,72px)}.crumbs{display:flex;list-style:none;color:var(--sage);flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;font-size:.8125rem;font-weight:600}.crumbs li+li:before{content:"/";opacity:.6;margin-right:6px}.crumbs a{color:inherit;text-underline-offset:3px}.crumbs [aria-current]{color:var(--ink)}.b-hero .lead{max-width:40ch;margin-top:20px}.b-cta{display:flex;flex-wrap:wrap;align-items: center;gap:12px;margin-top:28px}.b-hero .small{color:var(--sage);margin-top:14px}.hub-hero{padding-bottom:0}@media (min-width:1024px){.b-hero{grid-template-columns:1.1fr .9fr;gap:64px}.b-hero>.vis{justify-self:center;width:auto;max-height:calc(100svh - 200px)}.hub-hero{grid-template-columns:1fr}}.vis{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--rim),var(--lift-2)}.vis picture{display:contents}.vis img,.vis video{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.vis video{opacity:0;transition:opacity var(--dur-base)var(--wrist)}.vis video[data-on]{opacity:1}.vis-fig{display:grid;gap:10px;margin:0}.vis-fig figcaption{color:var(--sage);font-size:.75rem}.part>.vis-fig{justify-self:center;width:min(100%,520px)}.part>.vis-art{justify-self:center;width:min(100%,680px)}@media (min-width:1024px){.b-hero>.vis-fig{justify-self:center;width:min(100%,480px)}.b-hero>.vis-cover{width:100%;max-height:none}}.vis-screen{background:var(--paper)}.vis-screen img{object-fit:contain}.vis-art,.stage{position:relative;display:block;border-radius:calc(var(--radius)*1.4);background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--ink)7%,transparent),transparent 70%),color-mix(in srgb,var(--ink)4%,var(--cream));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ink)10%,transparent)}.vis-art{padding:clamp(4px,1.2vw,16px)}.vis-art img{display:block;width:100%;height:auto}.vis-art picture{display:contents}.stage{padding:clamp(20px,4vw,44px)}.stage>.vis{box-shadow:0 30px 60px -28px color-mix(in srgb,var(--shade)55%,transparent),0 10px 20px -14px color-mix(in srgb,var(--shade)40%,transparent)}.vis-cover{box-shadow:var(--lift-3)}.parts{display:grid;gap:clamp(56px,8vw,104px)}.part{display:grid;align-items: center;gap:24px}.part-n{display:block;letter-spacing:.08em;background:var(--sunset-line);color:#0000;-webkit-background-clip:text;background-clip:text;width:-moz-fit-content;width:fit-content;margin-bottom:10px;font-size:.875rem;font-weight:800}.part h3{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.1}.part p{color:var(--mint);max-width:46ch;margin:0}.part .how{color:var(--sage);margin-top:14px;font-size:.875rem}.part .how b{color:var(--ink)}.part>.vis{justify-self:center;width:min(100%,420px)}@media (min-width:860px){.part{grid-template-columns:1fr 1fr;gap:64px}.part.flip>.part-copy{order:2}}.uses{display:grid;list-style:none;gap:12px;margin:0;padding:0}@media (min-width:860px){.uses{grid-template-columns:repeat(3,1fr);gap:16px}}.use{border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--rim);padding:24px 22px}.use h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1.125rem;font-weight:800}.use p{color:var(--mint);margin:0;font-size:.9375rem}.tags{display:flex;list-style:none;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0}.tags li{border-radius:var(--radius-pill);color:var(--ink);background:color-mix(in srgb,var(--rose)14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rose)30%,transparent);padding:5px 11px;font-size:.75rem;font-weight:700}.blog .faq{max-width:860px}.tools{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;gap:10px;margin:0;padding:0}@media (min-width:860px){.tools{grid-template-columns:repeat(3,1fr);gap:16px}}.tool{display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--rim);color:var(--ink);text-decoration:none;transition:box-shadow var(--dur-fast),translate var(--dur-fast)var(--camera);height:100%}.tool:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)30%,transparent);translate:0 -2px}.tool:active{scale:.985}.tool img{aspect-ratio:16/10;object-fit:cover;background:var(--rim);transition:scale var(--dur-slow)var(--camera);width:100%;height:auto}.tool{isolation:isolate}@media (hover:hover){.tool:hover img{scale:1.03}}.tool-t{letter-spacing:-.01em;padding:14px 14px 0;font-size:1rem;font-weight:800}.tool-l{color:var(--mint);padding:6px 14px 0;font-size:.8125rem;line-height:1.4}.tool .go{display:inline-flex;align-items: center;gap:6px;padding:12px 14px 16px;font-size:.8125rem;font-weight:700}.tool .go svg,.blog .more svg{transition:translate var(--dur-fast)var(--camera);width:16px;height:16px}.tool:hover .go svg{translate:4px}.blog .more{display:inline-flex;color:var(--ink);text-decoration:none;align-items: center;gap:8px;margin-top:24px;font-weight:700}.hub-group+.hub-group{padding-top:clamp(56px,8vw,96px)}@media (min-width:860px){.tool-t{padding:18px 20px 0;font-size:1.125rem}.tool-l{padding:6px 20px 0;font-size:.9375rem}.tool .go{padding:14px 20px 20px}}.b-close{display:grid;border-top:1px solid var(--rim);justify-items:start;gap:18px;margin-top:clamp(72px,10vw,128px);padding-block-start:clamp(56px,8vw,96px);padding-block-end:clamp(56px,8vw,96px)}.b-close .b-h2{margin:0}.b-close .lead{max-width:40ch;margin:0}.b-close .small{color:var(--sage);margin:0}@media (max-width:860px){.b-close{justify-items:stretch}.b-close .btn-play,.b-cta .btn-play,.b-cta .ghost{justify-content:center;width:100%}}