.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.sweep{background:radial-gradient(120% 70% at 50% -10%, #fff 0%, #fff0 60%), linear-gradient(180deg, var(--sweep) 0%, var(--sweep) 70%, var(--sweep-shade) 100%)}.sage{color:var(--ink);background:radial-gradient(110% 70% at 50% -10%,#f7faf8 0%,#f7faf800 60%),linear-gradient(#e7eee9 0% 70%,#dbe5de 100%)}.paper{background:var(--paper)}.pic{display:contents}.studio-dark{color:#eef1ef;background:radial-gradient(80% 70% at 50% 0,#2a2f2c 0%,#2a2f2c00 70%),linear-gradient(#1b1f1d 0%,#121412 100%)}.studio-dark .lede{color:#b9c2bd}.display{font-family:var(--font-geologica), system-ui, sans-serif;font-variation-settings:"SHRP" 60;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,8.4vw,5.25rem);font-weight:800;line-height:.98}@media (min-width:980px){.display{font-size:min(4.3vw,3.3rem)}}.h2{font-variation-settings:"SHRP" 40;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.85rem,4.6vw,3.4rem);font-weight:750;line-height:1.02}.h3{font-variation-settings:"SHRP" 20;letter-spacing:-.015em;margin:0;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;line-height:1.2}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.5}.body-text{color:var(--ink-2);text-wrap:pretty;max-width:62ch;margin:0}.readout{font-family:var(--font-readout), ui-monospace, monospace;letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.35}.btn{--h:56px;min-height:var(--h);border-radius:var(--radius-control);background:var(--gaffer);color:#fff;font:inherit;letter-spacing:-.005em;cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .2s var(--ease-out), background .16s linear;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px -12px #0009}.btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 16px 30px -14px #000000a6}.btn:active{transform:translateY(1px)scale(.99)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn .btn-arrow{transition:transform .2s var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-quiet{min-height:48px;color:inherit;font:inherit;text-underline-offset:.3em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 4px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.btn-quiet:hover{text-decoration-thickness:2.5px}.btn-sm{--h:44px;padding:0 18px;font-size:15px}.tape{background:var(--gaffer);color:#fff;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 6%,3% 0,97% 4%,100% 0,99% 94%,100% 100%,4% 96%,0 100%,1% 50%);white-space:nowrap;padding:5px 10px 6px;font-size:12px;font-weight:650;line-height:1;display:inline-block;transform:rotate(-1.2deg)}.tape-soft{background:#121212db}.frame{aspect-ratio:3/4;background:var(--paper);position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;display:block}.brackets{pointer-events:none;position:absolute;inset:10px}.brackets:before,.brackets:after,.brackets>i:before,.brackets>i:after{content:"";border:0 solid;width:18px;height:18px;position:absolute}.brackets:before{border-top-width:2px;border-left-width:2px;top:0;left:0}.brackets:after{border-top-width:2px;border-right-width:2px;top:0;right:0}.brackets>i:before{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.brackets>i:after{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.stamp{color:var(--ink-3);flex-wrap:wrap;gap:4px 10px;display:flex}.stamp b{color:var(--ink);font-weight:600}.site-header{z-index:40;background:color-mix(in srgb, var(--sweep) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.logo{font-variation-settings:"SHRP" 80;letter-spacing:-.03em;align-items:center;gap:2px;padding:4px 8px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.logo:before,.logo:after{content:"";border:0 solid var(--gaffer);width:8px;height:8px;position:absolute}.logo:before{border-top-width:2px;border-left-width:2px;top:0;left:0}.logo:after{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.logo .ai{font-family:var(--font-readout), monospace;letter-spacing:0;margin-left:1px;font-size:.78em;font-weight:700;transform:translateY(-.06em)}.nav{gap:28px;font-size:15px;font-weight:550;display:none}.nav a{color:var(--ink-2);text-decoration:none}.nav a:hover{color:var(--ink);text-decoration:underline}@media (min-width:900px){.nav{display:flex}}.section{padding-block:clamp(72px,11vw,144px)}.section-head{gap:18px;max-width:820px;margin-bottom:clamp(32px,5vw,56px);display:grid}.hero{padding-block:clamp(28px,5vw,64px) clamp(56px,8vw,104px);position:relative;overflow:hidden}.hero-grid{gap:20px;display:grid}.hero-grid>.lede{margin-top:4px;font-size:16px}@media (min-width:980px){.hero-grid{grid-template:".vf"1fr"title vf""lede vf""actions vf"".vf"1fr/minmax(0,1.05fr) minmax(0,.95fr);gap:0 clamp(28px,4vw,56px)}.hero-grid>.display{grid-area:title}.hero-grid>.lede{grid-area:lede;margin-top:22px;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero-grid>.hero-actions{grid-area:actions;margin-top:32px}.hero-grid>.vf{grid-area:vf}}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.examples{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(28px,3vw,40px) clamp(16px,2vw,28px);max-width:1080px;margin:0;padding:0;list-style:none;display:grid}.examples>li{grid-column:span 2}.examples>li:nth-child(4):nth-last-child(2){grid-column:2/span 2}@media (max-width:979px){.examples{max-width:none;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 26px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);grid-template-columns:none;grid-auto-columns:min(max(76vw,270px),320px);grid-auto-flow:column;gap:14px;overflow-x:auto}.examples>li,.examples>li:nth-child(4):nth-last-child(2){scroll-snap-align:start;grid-column:auto}.examples:focus-visible{outline-offset:-3px}}.ex{gap:14px;margin:0;display:grid}.ex>.frame{box-shadow:var(--shadow-print);border-radius:4px}.ex-cap{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding-left:4px;display:grid}.ex-before{aspect-ratio:3/4;background:#6f6456;border:3px solid #fff;border-radius:3px;display:block;position:relative;transform:rotate(-3deg);box-shadow:0 8px 16px -8px #04210d80}.ex-cap>.ex-before{width:clamp(46px,7vw,72px)}.ex-before img{object-fit:cover;width:100%;height:100%;display:block}.ex-before .tape{padding:3px 5px 4px;font-size:9px;position:absolute;bottom:-9px;left:50%;translate:-50%}.ex-txt{gap:4px;min-width:0;display:grid}.ex-txt b{font-size:16px;font-weight:700;line-height:1.2}.ex-txt .readout{color:var(--ink-3);font-size:11px}.video-tile .video-tile-clip{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .26s linear;display:block;position:absolute;inset:0}.video-tile[data-shown] .video-tile-clip{opacity:1}.video-hit{color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:flex-end;align-items:flex-start;padding:10px 10px 0 0;display:flex;position:absolute;inset:0}.video-pill{background:#121212b8;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .16s linear;display:grid}.video-progress{transform-origin:0;opacity:0;background:#ffffffe6;height:3px;transition:transform .25s linear;position:absolute;bottom:0;left:0;right:0}.video-tile[data-playing] .video-progress{opacity:1}.video-hit:hover .video-pill{background:#000}.video-hit:focus-visible{outline-offset:-6px;border-radius:4px;box-shadow:inset 0 0 0 3px #fff}@media (prefers-reduced-motion:reduce){.video-tile .video-tile-clip{transition:none}}.steps{counter-reset:shot;gap:clamp(20px,3vw,32px);display:grid}@media (min-width:860px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{border-top:2px solid var(--gaffer);grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:baseline;gap:12px 16px;padding-top:18px;display:grid}.step>.body-text{grid-column:1/-1}.step-no{color:var(--ink-3)}.two-lists{gap:clamp(24px,4vw,48px);display:grid}@media (min-width:860px){.two-lists{grid-template-columns:1fr 1fr}}.plain-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.plain-list li{border-top:1px solid var(--line);color:var(--ink-2);grid-template-columns:22px 1fr;gap:12px;padding:14px 0;display:grid}.plain-list li:last-child{border-bottom:1px solid var(--line)}.plain-list svg{margin-top:3px}.faq{border-top:1px solid var(--line-strong);max-width:880px;display:grid}.faq details{border-bottom:1px solid var(--line-strong)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:clamp(1.02rem,1.6vw,1.2rem);font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .plus{width:22px;height:22px;transition:transform .24s var(--ease-out);flex:none;position:relative}.faq summary .plus:before,.faq summary .plus:after{content:"";background:var(--gaffer);width:16px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq summary .plus:after{transition:transform .24s var(--ease-out);transform:translate(-50%,-50%)rotate(90deg)}.faq details[open] summary .plus:after{transform:translate(-50%,-50%)rotate(0)}.faq .answer{color:var(--ink-2);max-width:64ch;padding:0 0 24px}.site-footer{background:var(--gaffer);color:#d5d8d6;padding-block:56px 40px}.site-footer a{color:#fff}.footer-grid{gap:32px;display:grid}@media (min-width:860px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}.site-footer .logo:before,.site-footer .logo:after{border-color:#fff}.site-footer .logo{color:#fff;justify-self:start}.footer-links{align-content:start;display:grid}.footer-links a{box-sizing:border-box;min-height:44px;padding-block:10px;display:block}.footer-links .readout{padding-block:4px}.cookie-bar{z-index:60;background:var(--gaffer);color:#e9ecea;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 16px;max-width:760px;margin-inline:auto;padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 20px 40px -20px #0009}.cookie-bar p{flex:260px;margin:0}.cookie-bar a{color:#fff}.cookie-actions{gap:8px;display:flex}.cookie-btn{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:0 16px;font-weight:600}.cookie-btn.primary{color:var(--gaffer);background:#fff;border-color:#fff}.sticky-cta{z-index:50;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));transition:transform .32s var(--ease-out);position:fixed;transform:translateY(140%)}.sticky-cta.is-on{transform:translateY(0)}body:has(:is(input:not([type=radio],[type=checkbox]),textarea):focus) .sticky-cta{transform:translateY(140%)}.sticky-cta .btn{width:100%}@media (min-width:900px){.sticky-cta{display:none}}.vf{gap:12px;width:min(100%,440px);margin-inline:auto;display:grid;position:relative}@media (min-width:980px){.vf{width:min(100% - 84px,440px);margin-right:84px}}.vf-stage{gap:10px;display:grid;position:relative}.vf-markets{border:0;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;margin:0;padding:0;display:flex}@media (min-width:980px){.vf-markets{margin-right:-78px}}.vf-more{min-height:44px;color:var(--ink-3);white-space:nowrap;align-items:center;padding-inline:6px;font-size:14px;font-style:italic;display:inline-flex}@media (min-width:1260px){.vf-more{display:none}}.vf-chip{border-radius:var(--radius-control);border:1px solid var(--line-strong);min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffb8;align-items:center;padding:0 14px;font-size:14px;font-weight:600;line-height:1;transition:background .16s linear,color .16s linear,border-color .16s linear;display:inline-flex;position:relative}.vf-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.vf-chip:hover{border-color:var(--ink);background:#fff}.vf-chip:has(input:checked){border-color:var(--gaffer);background:var(--gaffer);color:#fff}.vf-chip:has(input:focus-visible){outline:2px solid var(--gaffer);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb, var(--key) 45%, transparent)}@media (min-width:980px){.vf-chip{min-height:38px;padding:0 12px}.vf-chip input{height:auto;inset:-3px 0}}.vf-hint{min-height:2.9em;color:var(--ink-2);text-wrap:pretty;animation:vf-hint-in .32s var(--ease-out) both;margin:0;padding-inline:8px;font-size:14px;line-height:1.45}@keyframes vf-hint-in{0%{opacity:0;transform:translateY(-3px)}}@media (min-width:980px){.vf-hint{padding-right:34px}}@media (max-width:979px){.vf-hint{min-height:4.35em;padding-inline:4px}}.vf-body{background:var(--gaffer);box-shadow:var(--shadow-frame);color:#e9ecea;border-radius:34px;padding:12px 12px 14px;position:relative}.vf-top,.vf-bottom{color:#cfd5d1;align-items:center;gap:12px;padding:4px 10px 10px;font-size:11px;display:flex}.vf-bottom{justify-content:space-between;padding:10px 4px 0 10px}.vf-dot{background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff2e}.vf[data-phase=key] .vf-dot,.vf[data-phase=scene] .vf-dot{animation:.7s steps(2,jump-none) infinite vf-blink}@keyframes vf-blink{50%{opacity:.25}}.vf-readout{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (max-width:479px){.vf-top{letter-spacing:0;gap:8px;padding-inline:6px;font-size:11px}}.vf-screen{aspect-ratio:3/4;background:#0b0b0b;border-radius:22px;position:relative}.vf-frame{isolation:isolate;height:100%;transition:height .56s var(--ease-in-out);background:#222;border-radius:22px;margin-block:auto;position:absolute;inset:0;overflow:hidden}.vf-screen[data-wide] .vf-frame{height:56.25%}.vf-screen:before{content:"";opacity:0;border:1px dashed #ffffff3d;border-radius:22px;transition:opacity .24s linear;position:absolute;inset:0}.vf-screen[data-wide]:before{opacity:1;transition-delay:.32s}.vf-frame>.pic>img,.vf-frame>div{width:100%;height:100%;position:absolute;inset:0}.vf-frame>.pic>img{object-fit:cover;display:block}.vf-key{background:radial-gradient(80% 60% at 50% 35%, var(--key-lit), #19c85a00 70%), linear-gradient(180deg, var(--key), var(--key-deep));clip-path:inset(0 100% 0 0);transition:clip-path .78s var(--ease-in-out)}.vf-plate,.vf-final{opacity:0;transition:opacity .56s var(--ease-out)}.vf-cut{transform-origin:0 0;transition:transform .76s var(--ease-out), opacity .42s linear .16s;will-change:transform}.vf-cut-clean{clip-path:inset(0 0 calc((1 - var(--y)) * 100%) 0);transition:transform .76s var(--ease-out), opacity .42s linear .16s, clip-path .9s cubic-bezier(.45, 0, .35, 1)}.vf:not([data-phase=idle]) .vf-cut-clean{clip-path:inset(0)}.vf:is([data-phase=key],[data-phase=scene]) .vf-cut-clean{filter:drop-shadow(0 14px 18px #00000061)}.vf-cut-clean{transition:transform .76s var(--ease-out), opacity .42s linear .16s, clip-path .9s cubic-bezier(.45, 0, .35, 1), filter .5s var(--ease-out)}.vf[data-phase=idle] .vf-cut-clean{transition:transform .76s var(--ease-out), opacity .42s linear .16s}.vf-frame>.vf-scan{pointer-events:none;opacity:0;height:auto;transition:opacity .25s linear .15s;inset:auto auto 0}.vf-scan:after{content:"";background:#fff;height:2px;transition:top .9s cubic-bezier(.45,0,.35,1);position:absolute;top:0;left:-3%;right:-3%;box-shadow:0 0 10px 2px #ffffffd9,0 0 28px 8px #78ffaa59}.vf[data-phase=fix] .vf-scan{opacity:1;transition:opacity .12s linear}.vf:not([data-phase=idle]) .vf-scan:after{top:100%}.vf[data-phase=idle] .vf-scan:after,.vf[data-phase=idle] :is(.vf-key,.vf-plate,.vf-final,.vf-cut,.vf-fg,.vf-mk,.vf-grid,.vf-brackets){transition:none}.vf-fg{opacity:0;transition:opacity .2s linear}.vf:is([data-phase=place],[data-phase=done]) .vf-fg{opacity:1;transition:opacity .26s linear .52s}.vf-cover{pointer-events:none;container-type:inline-size}.vf-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff8c 0 calc(33.333% + .5px),#0000 0 calc(66.666% - .5px),#ffffff8c 0 calc(66.666% + .5px),#0000 0),linear-gradient(#0000 calc(33.333% - .5px),#ffffff8c 0 calc(33.333% + .5px),#0000 0 calc(66.666% - .5px),#ffffff8c 0 calc(66.666% + .5px),#0000 0);transition:opacity .4s linear}.vf-brackets{color:#fff;transition:inset .52s var(--ease-out)}.vf[data-shot][data-phase=idle] .vf-brackets{animation:vf-focus .62s var(--ease-out) both}@keyframes vf-focus{0%{opacity:0;inset:34px}45%{opacity:1}60%{opacity:.35}75%{opacity:1}to{inset:10px}}.vf-frame>.pic>.vf-veil{z-index:2;pointer-events:none;animation:.9s linear both vf-veil}@keyframes vf-veil{0%{opacity:1}to{opacity:0}}.vf:is([data-phase=key],[data-phase=scene],[data-phase=place],[data-phase=done]) .vf-key{clip-path:inset(0)}.vf:is([data-phase=scene],[data-phase=place],[data-phase=done]) .vf-plate{opacity:1}.vf:is([data-phase=scene],[data-phase=place]) .vf-grid{opacity:.4}.vf:is([data-phase=place],[data-phase=done]) .vf-brackets{inset:4px}.vf[data-phase=done] .vf-final{opacity:1}.vf[data-phase=done] .vf-cut,.vf[data-phase=done] .vf-grid{opacity:0}.vf-mk{opacity:0;transition:opacity .56s var(--ease-out)}.vf-mk[data-on]{opacity:1}.vf-view{opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out);container-type:inline-size}.vf-view[data-on]{opacity:1}.vf-view>.pic>img,.vf-view>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vf-clip{opacity:0;transition:opacity .26s linear}.vf-clip[data-shown]{opacity:1}.vf-play{color:#fff;cursor:pointer;pointer-events:auto;background:#121212cc;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .16s linear;display:grid;position:absolute;top:10px;right:10px}.vf-play:hover{background:#000}.vf-play:before,.vf-replay:before{content:"";position:absolute;inset:-5px -3px}.vf-body :focus-visible{outline-color:#fff}.cover-tile{container-type:inline-size}.vf-prints{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:6px;display:grid}.vf-print{opacity:0;min-width:0;transition:transform .62s var(--ease-out) calc(var(--i) * 90ms), opacity .38s linear calc(var(--i) * 90ms), translate .2s var(--ease-out);grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;display:grid;position:relative;transform:translateY(-24px)scale(.96)}.vf-print .frame{width:100%;box-shadow:var(--shadow-print);outline-offset:3px;border-radius:4px;outline:2px solid #0000;transition:outline-color .16s linear}.vf-print[data-on] .frame{outline-color:var(--gaffer)}.vf-print .tape{letter-spacing:0;padding:4px 4px 5px;font-size:8px}.vf-print:not([data-on]) .tape{background:#1212129e}.vf-print:hover{translate:0 -3px}.vf-print-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;padding:0;position:absolute;inset:-4px}.vf[data-phase=done] .vf-print{opacity:1;transform:none}.vf-thumb{background:#161616;align-content:center;display:grid}.vf-thumb-in{width:100%;position:relative;overflow:hidden;container-type:inline-size}.vf-thumb-in img{position:absolute;inset:0}.vf-thumb-play{border-radius:var(--radius-control);color:#fff;font-family:var(--font-readout), ui-monospace, monospace;font-variant-numeric:tabular-nums;background:#121212cc;align-items:center;gap:3px;padding:3px 6px 3px 4px;font-size:10px;line-height:1;display:inline-flex;position:absolute;bottom:5px;right:5px}@media (min-width:980px){.vf-bottom{padding-right:30px}.vf-prints{grid-template-columns:1fr;gap:8px;width:84px;position:absolute;top:30px;right:-74px}.vf-stage{container-type:inline-size}.vf-prints[data-many]{--pw:min(84px, 18.5cqw);right:calc(10px - var(--pw));width:var(--pw);gap:6px;top:14px}.vf-prints[data-many] .vf-print .tape{letter-spacing:0;padding:4px 4px 5px;font-size:9px}.vf-print{transform:translate(-60px)scale(.9)}.vf-print .tape{letter-spacing:.01em;margin-top:-12px;padding:4px 5px 5px;font-size:10px;position:relative}.vf[data-phase=done] .vf-print{transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 1.6deg))}}.vf-replay{border-radius:var(--radius-control);color:#fff;min-height:34px;font-family:var(--font-geologica), system-ui, sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:1px solid #fff6;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:600;transition:opacity .3s linear,background .16s linear,border-color .16s linear;display:inline-flex;position:relative}.vf-replay:hover:not([aria-disabled=true]){background:#ffffff1f;border-color:#fff}.vf-replay[aria-disabled=true]{opacity:.3;cursor:default}@media (prefers-reduced-motion:reduce){.vf :not(.vf-veil),.vf{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.live{grid-template-areas:"copy""stage""foot";gap:28px;display:grid}.live-copy{grid-area:copy;gap:18px;max-width:600px;display:grid}.live-stage{grid-area:stage;justify-self:start;gap:12px;width:min(100%,460px);display:grid}.live-foot{grid-area:foot;justify-self:start;justify-items:start;gap:18px;width:min(100%,460px);display:grid}@media (min-width:900px){.live{grid-template:"stage."1fr"stage copy""stage foot""stage."1fr/minmax(0,460px) minmax(0,1fr);gap:36px clamp(48px,7vw,112px)}.live-stage{width:100%}.live-foot{width:auto;max-width:520px}}.live-status{min-height:18px;color:var(--ink-2);align-items:center;gap:10px;margin:0;display:flex}.live-dot{background:var(--gaffer);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #1212121f}.live:not([data-phase=ready]) .live-dot{animation:.7s steps(2,jump-none) infinite vf-blink}.live[data-phase=ready] .live-status{color:var(--ink)}.live-status[data-warn]{color:var(--danger)}.live-status[data-warn] .live-dot{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.live-card{margin:0}.live-frame{box-shadow:var(--shadow-frame);border-radius:6px}.live-cover{position:absolute;inset:0}.live-cover .ed{--lh:1.1;vertical-align:top;cursor:text;border-radius:1.4cqw;display:inline-block;position:relative}.live-cover .cv-head .ed{--lh:.9}.live-cover .cv-acc .ed{--lh:1.05}.live-cover .cv-badge .ed{--lh:1}.live-cover .cv-pill .ed{--lh:1.05}.live-cover .cv-badge :is(b,small){display:flex}.live-cover .ed:before{content:"";position:absolute;inset:-1.4cqw -1.8cqw}.live-cover :is(.cv-pill,.cv-label) .ed:before{inset:-.5em -1.1em}.live-cover .cv-badge b .ed:before{inset:-5cqw -.6cqw -5cqw -6cqw}.live-cover .cv-badge small .ed:before{inset:-6.5cqw -6cqw -4.5cqw -.6cqw}.live-cover .ed:after{content:attr(data-value) "​";visibility:hidden;white-space:pre;padding-right:2px;display:block}.live-cover .cv-acc .ed:after{padding-right:.1em}.live-cover .ed input{left:0;top:calc((var(--lh) - 1.3) * .5em);width:100%;height:1.3em;font:inherit;letter-spacing:inherit;text-transform:inherit;font-variation-settings:inherit;color:inherit;appearance:none;box-shadow:none;caret-color:currentColor;text-overflow:clip;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;line-height:1.3;position:absolute}.live-cover .ed input:focus-visible{box-shadow:none;outline:none}.live-cover .ed input::placeholder{color:inherit;opacity:.45}.live-cover .ed input::selection{background:color-mix(in srgb, currentColor 22%, transparent);color:inherit}.live-cover :is(.cv-badge,.cv-pill[data-tone=dark]) .ed input::selection{background:#ffffff59}.ed-caret{background:currentColor;width:max(2px,.07em);position:absolute;top:6%;bottom:6%;right:0}.ed-you{background:var(--gaffer);width:max(2px,.09em)}.ed-you span{background:var(--gaffer);color:#fff;font:600 11px/1 var(--font-geologica), system-ui, sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:4px;padding:2px 5px 3px;position:absolute;bottom:calc(100% + 2px);left:50%;translate:-50%}.live[data-phase=you] .ed-you{animation:.9s steps(2,jump-none) infinite live-caret}.live-cover .ed[data-select]{background:color-mix(in srgb, var(--key) 35%, transparent)}.live[data-phase=wait] .ed-caret{animation:.9s steps(2,jump-none) infinite live-caret}@keyframes live-caret{50%{opacity:0}}.live-cover :is(.ed[data-edit],.cv-el:not(.cv-title):has(.ed)){outline-offset:.6cqw;--edit-line:color-mix(in srgb, currentColor 60%, transparent);--edit-focus:var(--gaffer);outline:.45cqw dashed #0000}.live-cover .cv-el:not(.cv-title):has(.ed){transition:opacity .22s linear, transform .42s var(--ease-out), outline-color .2s linear, outline-offset .3s var(--ease-out)}.live-cover .ed[data-edit]{transition:outline-color .2s linear, outline-offset .3s var(--ease-out)}.live-cover .cv-el:is(.cv-badge,.cv-pill):has(.ed){--edit-line:color-mix(in srgb, var(--cv-ink) 70%, transparent)}.live-cover .cv-el:has(.ed[data-pending]):not(:has(.ed:not([data-pending]))){opacity:0;transform:var(--cv-from,translateY(2cqw)) var(--cv-rest, )}.live[data-phase=ready] .live-cover :is(.ed[data-edit],.cv-el:not(.cv-title):has(.ed)){outline-color:var(--edit-line);animation:live-invite .8s var(--ease-out) backwards;animation-delay:calc(var(--k,0) * 70ms)}@keyframes live-invite{0%{outline-offset:2.6cqw;outline-color:#0000}}.live[data-phase=ready] .live-cover :is(.ed[data-edit],.cv-el:not(.cv-title):has(.ed)):hover{outline-style:solid}.live[data-phase=ready] .live-cover :is(.ed[data-edit],.cv-el:not(.cv-title):has(.ed)):focus-within{outline:.6cqw solid var(--edit-focus);outline-offset:.8cqw}.live[data-phase=ready] .live-cover :is(.ed[data-edit][data-warn],.cv-el:not(.cv-title):has(.ed[data-warn])){outline-color:var(--danger);outline-style:solid}.live-cover [data-warn] input{-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);text-underline-offset:.12em;text-decoration-thickness:.08em}.live-cover :is(.cv-badge,.cv-pill[data-tone=dark]) [data-warn] input{text-decoration-color:#fff}.live-hint{color:var(--ink-2);text-wrap:pretty;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;margin:0;font-size:16px;line-height:1.5;display:grid}.live-hint svg{color:var(--ink);margin-top:2px}.live-hint[data-warn]{color:var(--ink)}.live-hint[data-warn] svg{color:var(--danger)}.live-reset{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:border-color .16s linear,background-color .16s linear;display:inline-flex}.live-reset:hover{border-color:var(--gaffer)}.live-reset:active{transform:translateY(1px)}.live-reset[data-edited]{border-color:var(--gaffer);box-shadow:inset 0 0 0 1px var(--gaffer)}@media (prefers-reduced-motion:reduce){.live *,.live{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}}.try{grid-template-areas:"drop""side";align-items:start;gap:24px;display:grid}@media (min-width:760px){.try{grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-areas:"drop side";column-gap:clamp(24px,4vw,56px)}}.try-drop{grid-area:drop;gap:10px;max-width:420px;display:grid}.try-cap{color:var(--ink-2);margin:0}.try-frame{border:2px dashed var(--line-strong);background:#ffffffb3;border-radius:18px;transition:border-color .16s linear,background .16s linear}@media (max-width:759px){.try-frame{aspect-ratio:4/3}}.try-drop[data-over] .try-frame{border-color:var(--key-deep);background:color-mix(in srgb, var(--key) 10%, #fff)}.try:not([data-state=idle]) .try-frame{background:#fff;border-style:solid;border-color:#0000}.try-empty{width:100%;color:var(--ink-2);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;place-content:center;justify-items:center;gap:6px;padding:16px;display:grid;position:absolute;inset:0}.try-empty:hover{color:var(--ink)}.try-empty:focus-visible{outline-offset:-6px}.try-empty svg{margin-bottom:6px}.try-empty-t{color:var(--ink);font-size:clamp(15px,1.6vw,19px);font-weight:700}.try-empty-s{text-wrap:balance;font-size:14px}@media (hover:none){.try-empty-s{display:none}}.try-shots{gap:8px;margin:0;padding:14px;list-style:none;display:grid;position:absolute;inset:0}.try-shots[data-many]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.try-shots>li{background:var(--sweep);min-height:0;animation:try-shot-in .36s var(--ease-out) calc(var(--i,0) * 70ms) both;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 8px 16px -8px #04210d80}.try-shots:not([data-many])>li{box-shadow:none;background:0 0}.try-shots img{object-fit:cover;width:100%;height:100%;display:block}.try-shots:not([data-many]) img{object-fit:contain}@keyframes try-shot-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.try-more{color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(18px,2vw,24px);font-weight:700;display:grid;background:var(--gaffer)!important}.try-scan{z-index:1;pointer-events:none;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--key) 55%, transparent) 48%, var(--key) 50%, transparent 52%);animation:try-scan 1.6s var(--ease-in-out) infinite;mix-blend-mode:multiply;background-size:100% 220%;position:absolute;inset:0}@keyframes try-scan{0%{background-position:0 100%}to{background-position:0 -20%}}@media (prefers-reduced-motion:reduce){.try-scan{background:color-mix(in srgb, var(--key) 18%, transparent);animation:none}.try-shots>li{animation:none}}.try-side{grid-area:side;justify-items:start;gap:16px;max-width:520px;display:grid}@media (min-width:760px){.try-side{padding-top:26px}}.try-status{color:var(--ink-2);align-items:flex-start;gap:8px;margin:0;display:flex}.try-dot{background:var(--gaffer);border-radius:50%;flex:none;width:8px;height:8px;margin-top:calc(.675em - 4px)}.try:is([data-state=prep],[data-state=go]) .try-dot{background:var(--key);box-shadow:0 0 0 3px color-mix(in srgb, var(--key) 30%, transparent)}.try[data-state=lost] .try-dot{background:var(--danger)}.try-note{margin:0;font-size:15px}.try-error{color:var(--ink);background:#fff;border-radius:12px;margin:0;padding:12px 14px;font-weight:600}.try[data-state=idle] .try-error{color:var(--danger)}.btn-light{color:var(--gaffer);background:#fff}.btn-light:hover{background:#eef1ef}@media (max-width:979px){.hero-grid>.vf{width:min(88vw,440px);margin-inline:auto}.cookie-bar{padding:10px 12px;font-size:13px}}
