@font-face{font-family:Pliant;font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url(../media/31693e2aa28a1832.2ip8y3vsu66ht.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pliant;font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url(../media/54fee2a3e8b3236e.21u9zu-h1wmov.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pliant;font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url(../media/36d0746f98148413.2wvh8drw4e54m.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Pliant;font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url(../media/0e0feae013a986f9.1fppb71oalvh7.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Pliant;font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url(../media/35975681c8e3b79e.3n5ysktkp4lh1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pliant;font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url(../media/c7fe66dbde15e11a.p.2yflykz8p4nz4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}._6_jD8a_className{font-family:Pliant;font-style:normal}._6_jD8a_variable{--font-display:"Pliant"}
@font-face{font-family:Datatype;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/2332cf5837bca9ec.0dkn7ga0lpwne.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Datatype;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/a12e7946cb6a428f.p.0bzbummosn1dc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.UvNOla_className{font-family:Datatype;font-style:normal}.UvNOla_variable{--font-mono:"Datatype"}
:root{--lang-en:#17150f;--lang-es:#c2410c;--lang-fr:#1d4ed8;--paper:#f4f4f1;--paper-2:#eaeae5;--ink:#17150f;--ink-2:#3a352c;--muted:#6b6457;--rule:#d9d9d3;--stage:#1b1915;--stage-line:#ffffff12;--on-stage:#fff;--on-stage-muted:#ffffff73;--signal:#e0262f;--heart:#e0262f;--gold:#c9a14a;--gold-deep:#8a6418}*,:before,:after{box-sizing:border-box;margin:0}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);font-family:var(--font-display), system-ui, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}code,.mono{font-family:var(--font-mono), ui-monospace, monospace}.wrap{max-width:1380px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.hero{border-bottom:1px solid var(--rule);grid-template-rows:auto 1fr auto;min-height:92svh;padding:24px 0 48px;display:grid;position:relative;overflow-x:clip}.hero-top{z-index:2;font:13px/1.4 var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px;display:flex;position:relative}.nav-rule{background:var(--rule);width:1px;margin:6px 10px}@media (max-width:900px){.nav-rule{display:none}}.sig{position:static}.sig-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.glyph-chip{border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:3px;align-items:stretch;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.glyph-chip:hover{border-color:var(--ink)}.glyph-chip:hover .glyph-cell{color:var(--gold-deep)}.glyph-chip:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}.glyph-chip[data-on=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.glyph-chip[data-on=true] .glyph-cell{color:var(--ink)}.glyph-cell{border-right:1px solid color-mix(in srgb, currentColor 22%, transparent);width:40px;font-family:var(--font-display);place-items:center;font-size:26px;font-weight:420;line-height:1;transition:color .2s;display:grid;position:relative}.glyph-cell:before,.glyph-cell:after{content:"";border-top:1px dashed color-mix(in srgb, currentColor 28%, transparent);height:0;position:absolute;left:4px;right:4px}.glyph-cell:before{top:30%}.glyph-cell:after{top:72%}.glyph-meta{text-align:left;gap:3px;padding:7px 12px 6px 10px;display:grid}.glyph-meta b{font:500 12px/1 var(--font-mono)}.glyph-meta small{font:10px/1 var(--font-mono);opacity:.55}.hearts{pointer-events:none;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}.heart{width:18px;height:18px;fill:var(--gold);stroke:var(--paper);stroke-width:1.5px;margin:-9px 0 0 -9px;position:absolute;overflow:visible}.thanks-slot{z-index:3;position:absolute;top:calc(100% + 12px);left:50%;translate:-50%}.thanks{color:var(--gold-deep);white-space:nowrap;text-align:center;pointer-events:none;justify-items:center;gap:5px;margin:0;display:grid}.thanks-line{font-family:var(--font-display);font-size:22px;line-height:1.1}.thanks small{font:10px/1 var(--font-mono);color:var(--muted)}.hero-title{letter-spacing:-.035em;align-self:end;padding-top:48px;font-size:clamp(52px,10vw,164px);font-weight:200;line-height:.84}@media (min-width:721px){.hero-title{white-space:nowrap}}.hero-title .word{white-space:nowrap;display:inline-block}.hero-title .l{font-weight:200;display:inline-block}.hero-foot{grid-template-columns:minmax(0,46ch) auto;justify-content:space-between;align-items:end;gap:24px 48px;margin-top:40px;display:grid}.hero-lede{font-size:clamp(18px,1.55vw,22px);line-height:1.5}.hero-stack{font:13px/1.7 var(--font-mono);color:var(--muted);text-align:right;text-decoration:none;transition:color .2s}.hero-stack:hover{color:var(--heart)}.phantom{pointer-events:none;opacity:0;z-index:2;width:26px;position:absolute;top:0;left:0}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:32px 0 24px;display:flex}.toolbar p{margin-right:auto;font-size:20px}.chip{font:13px/1 var(--font-mono);border:1px solid var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:10px 14px;transition:background-color .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:48px 28px;padding-bottom:96px;display:grid}.spec{scroll-margin-top:24px}.spec figcaption{gap:8px;padding-top:16px;display:grid}.spec-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.spec-name{letter-spacing:-.01em;font-size:27px;font-weight:450}.spec-lib{font:12px var(--font-mono);color:var(--muted);white-space:nowrap}.spec-use{color:var(--ink-2);max-width:54ch;font-size:16.5px;line-height:1.55}.spec-vals{font:12px/1.7 var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:2px 16px;display:flex}.spec-vals b{color:var(--ink);font-weight:500}.stage{aspect-ratio:4/3;isolation:isolate;background:var(--stage);color:var(--on-stage);cursor:none;-webkit-user-select:none;user-select:none;border-radius:6px;position:relative;overflow:hidden}.stage--native{cursor:default}.stage-hint{font:12px var(--font-mono);color:var(--on-stage-muted);pointer-events:none;z-index:3;position:absolute;bottom:12px;left:14px}.cur{pointer-events:none;will-change:transform;z-index:4;position:absolute;top:0;left:0}.cur-dot{background:var(--signal);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px}.cur-ring{border:1.5px solid var(--on-stage);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px}.dotgrid{background-image:radial-gradient(var(--stage-line) 1px, transparent 1px);background-size:16px 16px}.mag-row{justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.mag{border:1.5px solid var(--on-stage);height:52px;font:15px var(--font-mono);color:var(--on-stage);will-change:transform;border-radius:999px;place-items:center;padding:0 26px;display:grid}.mag--fill{background:var(--signal);border-color:var(--signal);color:#fff}.mag--round{width:52px;padding:0}.mag span{pointer-events:none;display:block}.mag-cur{mix-blend-mode:difference;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px}.mock{place-items:center;display:grid;position:absolute;inset:0}.mock-card{border-radius:12px;width:64%;overflow:hidden}.mock-img{aspect-ratio:16/9}.mock-body{gap:6px;padding:14px 16px 16px;display:grid}.mock-kicker{font:11px var(--font-mono)}.mock-title{font-size:22px;line-height:1.1}.mock-row{font:13px var(--font-mono);justify-content:space-between;align-items:center;margin-top:6px;display:flex}.mock-btn{border-radius:999px;padding:7px 12px}.mock--wire .mock-card{border:1px dashed var(--on-stage-muted)}.mock--wire .mock-img{border-bottom:1px dashed var(--on-stage-muted);background:linear-gradient(to top right, transparent calc(50% - .5px), var(--stage-line) 50%, transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--stage-line) 50%, transparent calc(50% + .5px))}.mock--wire .mock-kicker,.mock--wire .mock-row{color:var(--on-stage-muted)}.mock--wire .mock-title{font-family:var(--font-mono);color:var(--on-stage-muted);font-size:15px}.mock--wire .mock-btn{border:1px dashed var(--on-stage-muted)}.spot-layer{background:var(--paper);color:var(--ink);position:absolute;inset:0}.mock--hifi .mock-card{background:#fff;box-shadow:0 18px 40px -18px #17150f73}.mock--hifi .mock-img{background:radial-gradient(circle at 72% 30%,#ffd27a 0 14%,#0000 15%),linear-gradient(#f7a072 0%,#e8613c 48%,#3b5d7a 49%,#23384d 100%)}.mock--hifi .mock-kicker{color:var(--muted)}.mock--hifi .mock-title{font-weight:500}.mock--hifi .mock-btn{background:var(--ink);color:var(--paper)}.trail-dot{background:var(--signal);pointer-events:none;will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.ctx-nav{font:13px var(--font-mono);gap:22px;display:flex;position:absolute;top:18px;left:20px;right:20px}.ctx-nav a{padding:4px 0}.ctx-nav a:first-child{font-family:var(--font-display);margin-right:auto;padding:0;font-size:18px}.ctx-copy{width:46%;font-size:clamp(17px,1.7vw,22px);line-height:1.3;position:absolute;top:30%;left:20px}.ctx-media{background:radial-gradient(circle at 30% 70%,#e0262fe6,#0000 55%),linear-gradient(140deg,#3b4a3f,#1f2722);border-radius:6px;width:38%;position:absolute;top:28%;bottom:44px;right:20px}.ctx-cursor{white-space:nowrap;font:12px var(--font-mono);color:var(--ink);place-items:center;display:grid;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)}.blend-split{background:var(--paper-2);border:1px solid var(--stage);border-radius:inherit;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;position:absolute;inset:0 0 0 52%}.blend-text{letter-spacing:-.02em;color:#fff;mix-blend-mode:difference;align-content:center;padding:0 7%;font-size:clamp(48px,7vw,92px);font-weight:400;line-height:.95;display:grid;position:absolute;inset:0}.blend-word{width:fit-content;display:inline-block}.blend-cur{mix-blend-mode:difference;background:#fff;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px}.vel{background:var(--signal);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px}.ch-grid{background-image:linear-gradient(var(--stage-line) 1px, transparent 1px), linear-gradient(90deg, var(--stage-line) 1px, transparent 1px);background-size:8px 8px;position:absolute;inset:0}.ch-grid:after{content:"";background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.ch-h,.ch-v{background:var(--signal);pointer-events:none;position:absolute;top:0;left:0}.ch-h{height:1px;right:0}.ch-v{width:1px;bottom:0}.ch-read{pointer-events:none;z-index:4;position:absolute;top:0;left:0}.ch-read span{background:var(--signal);color:var(--ink);font:11px var(--font-mono);white-space:nowrap;border-radius:3px;margin:10px 0 0 10px;padding:3px 7px;display:inline-block}.ch-frame{pointer-events:none;border:1px solid #6aa7ff;width:160px;height:104px;position:absolute;top:64px;left:96px}.ch-frame:before{content:"Frame · 160 × 104";font:11px var(--font-mono);color:#6aa7ff;margin-bottom:4px;position:absolute;bottom:100%;left:-1px}.tilt{perspective:900px;place-items:center;display:grid}.tilt-card{aspect-ratio:1.586;width:64%;color:var(--ink);background:radial-gradient(circle at 110% -10%, #ffffff8c, transparent 45%), linear-gradient(135deg, #ff7a4d, var(--signal) 45%, #c2330e);transform-style:preserve-3d;border-radius:14px;align-content:space-between;padding:18px 20px;display:grid;position:relative;box-shadow:0 30px 50px -24px #000000b3}.tilt-card h4{font-size:clamp(22px,2.4vw,30px);font-weight:500;transform:translateZ(40px)}.tilt-card p{font:12px var(--font-mono);justify-content:space-between;display:flex;transform:translateZ(24px)}.tilt-glare{border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.repel canvas{width:100%;height:100%;position:absolute;inset:0}.ripple{border:1.5px solid var(--on-stage);pointer-events:none;border-radius:50%;width:180px;height:180px;margin:-90px 0 0 -90px;position:absolute}.press-ring{position:absolute;top:-32px;left:-32px;overflow:visible;transform:rotate(-90deg)}.press-target{color:var(--on-stage-muted);pointer-events:none;place-items:center;font-size:clamp(22px,2.4vw,30px);display:grid;position:absolute;inset:0}.press-toast{background:var(--on-stage);color:var(--ink);font:12px var(--font-mono);white-space:nowrap;z-index:5;border-radius:999px;padding:8px 14px;position:absolute;top:22px;left:50%;translate:-50%}.drag-card{aspect-ratio:3/4;touch-action:none;border-radius:10px;align-content:end;gap:2px;width:34%;padding:12px;display:grid;position:absolute;box-shadow:0 16px 30px -18px #000c}.drag-card b{font-size:20px;font-weight:500}.drag-card small{font:11px var(--font-mono);opacity:.7}@media (max-width:720px){.hero-foot{grid-template-columns:1fr}.hero-stack{text-align:left}.toolbar p{width:100%}}.tools{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tool-wrap{display:flex;position:relative}.preview{z-index:20;border:1px solid var(--rule);pointer-events:none;opacity:0;transform-origin:50% 0;background:#fff;border-radius:10px;transition:opacity .2s,translate .3s cubic-bezier(.2,.8,.2,1),scale .3s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;top:calc(100% + 12px);left:50%;overflow:hidden;translate:-50% -6px;scale:.96;box-shadow:0 24px 48px -24px #17150f59,0 2px 6px #17150f14}@media (hover:hover){.tool-wrap:hover .preview,.tool-wrap:focus-within .preview{opacity:1;translate:-50%;scale:1}}.preview-bar{border-bottom:1px solid var(--rule);height:26px;font-family:var(--font-mono);white-space:nowrap;background:#fbfbf9;align-items:center;gap:5px;padding:0 10px;font-size:10px;display:flex}.preview-bar i{background:var(--paper-2);border-radius:50%;width:7px;height:7px}.preview-bar b{background:var(--paper);color:var(--ink-2);border-radius:5px;margin-left:auto;padding:1px 10px;font-weight:400}.preview-bar small{font-size:inherit;color:var(--muted);margin-left:auto}.preview-view{background:#fff;width:320px;height:200px;display:block;overflow:hidden}.preview-view iframe{transform-origin:0 0;border:0;width:1280px;height:800px;scale:.25}.tool{border:1px solid var(--rule);background:var(--paper);color:var(--muted);font:inherit;cursor:pointer;border-radius:3px;align-items:stretch;padding:0;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.tool:hover{border-color:var(--ink);color:var(--ink)}.tool:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.tool[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.tool-glyph{border-right:1px solid color-mix(in srgb, currentColor 22%, transparent);place-items:center;width:30px;font-size:15px;display:grid}.tool-name{align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.stack{border-bottom:1px solid var(--rule);padding:72px 0}.stack-group{border-top:1px solid var(--rule);grid-template-columns:minmax(180px,1fr) 3fr;align-items:start;gap:16px 32px;padding:28px 0;display:grid}.stack-group-head h3,.stack-process h3{font-size:20px;font-weight:500}.stack-group-head p{font:13px/1.5 var(--font-mono);color:var(--muted);margin-top:4px}.stack-grid{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.stack-cell{--brand:var(--heart);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-rows:auto auto 1fr;align-content:start;gap:4px;min-height:148px;padding:18px;transition:background-color .25s;display:grid}.stack-process{border-top:1px solid var(--rule);padding-top:28px}.stack-process ol{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.stack-process li{counter-increment:step;border-top:2px solid var(--ink);padding-top:12px}.stack-process li:before{content:counter(step, decimal-leading-zero);font:12px var(--font-mono);color:var(--heart);margin-bottom:8px;display:block}.stack-process b{font-size:17px;font-weight:500}.stack-process p{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.45}.stack-logo{height:40px;color:var(--ink);font:420 34px/1 var(--font-display);transform-origin:0;place-items:center start;transition:color .25s,scale .35s cubic-bezier(.2,.8,.2,1);display:grid}.stack-logo svg{fill:currentColor;width:32px;height:32px}.stack-cell b{margin-top:28px;font-size:17px;font-weight:500}.stack-cell small{font:12px/1.4 var(--font-mono);color:var(--muted)}@media (hover:hover){.stack-cell:hover{background:#fff}.stack-cell:hover .stack-logo{color:var(--brand);scale:1.12}}@media (max-width:1023px){.stack-group{grid-template-columns:1fr}}@media (max-width:720px){.stack{padding:48px 0}.stack-group{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-process ol{grid-template-columns:1fr}.stack-cell{min-height:136px;padding:16px}}@media (max-width:480px){.tools>:not(:first-child) .tool-name,.tools>button .tool-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tools>:not(:first-child) .tool-glyph,.tools>button .tool-glyph{border-right:0}}@media (hover:none){.stack .film-head p{display:none}}.film{border-bottom:1px solid var(--rule);padding:72px 0 24px}.film-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;margin-bottom:20px;display:flex}.film-head h2{letter-spacing:-.01em;font-size:clamp(28px,4vw,44px);font-weight:400}.film-head p{max-width:44ch;color:var(--muted);font-size:13px}.film-frame{--s:1;z-index:51;aspect-ratio:16/9;background:var(--stage);color:var(--on-stage);border-radius:10px;position:relative;overflow:hidden}.film-canvas{transform:scale(var(--s));transform-origin:0 0;position:absolute;top:0;left:0}.film-line{letter-spacing:-.015em;font-weight:380;position:absolute;left:96px}.film-line .fw{white-space:pre;display:inline-block}.film-line--0{width:1040px;font-size:76px;line-height:1.05;top:200px}.film-line--side{width:470px;font-size:50px;line-height:1.08;top:250px}.film-wire{width:540px;height:440px;position:absolute;top:180px;left:640px}.film-wire>*{position:absolute}.fw-frame{border:1px solid #ffffff2e;border-radius:12px;inset:0}.fw-nav{background:#ffffff14;border-radius:6px;width:492px;height:36px;top:24px;left:24px}.fw-img{background:linear-gradient(to top right,#0000 calc(50% - 1px),#ffffff24 50%,#0000 calc(50% + 1px)),linear-gradient(to top left,#0000 calc(50% - 1px),#ffffff24 50%,#0000 calc(50% + 1px)),#ffffff0d;border-radius:6px;width:492px;height:220px;top:84px;left:24px}.fw-text{background:#ffffff24;border-radius:5px;width:360px;height:10px;top:324px;left:24px}.fw-text--short{width:220px;top:346px}.film-btn{border:1px solid var(--on-stage);height:44px;font:15px var(--font-mono);border-radius:999px;place-items:center;display:grid;top:376px}.film-btn--primary{background:var(--on-stage);width:170px;color:var(--stage);left:24px}.film-btn--ghost{width:130px;color:var(--on-stage-muted);border-color:#ffffff4d;left:210px}.film-cursor{z-index:3;position:absolute;top:0;left:0}.film-arrow{width:30px;fill:var(--on-stage);stroke:var(--stage);stroke-width:1.2px;transform-origin:5px 3px;position:absolute;top:-3px;left:-5px}.film-label{transform-origin:0 100%;background:var(--signal);color:#fff;font:15px var(--font-mono);white-space:nowrap;border-radius:999px;padding:10px 16px;position:absolute;top:-52px;left:18px}.film-ripple{border:2px solid var(--gold);border-radius:50%;width:40px;height:40px;position:absolute;top:-20px;left:-20px}.film-hearts{z-index:2;position:absolute;top:572px;left:744px}.film-heart{width:24px;fill:var(--gold);position:absolute;top:-12px;left:-12px}.film-thanks{background:var(--paper);color:var(--ink);transform-origin:20% 0;border-radius:4px;align-items:center;gap:10px;padding:10px 18px;font-size:22px;display:inline-flex;position:absolute;top:640px;left:664px}.film-thanks svg{width:20px;fill:var(--gold)}.film-end{text-align:center;place-content:center;justify-items:center;gap:22px;display:grid;position:absolute;inset:0}.film-end .glyph-chip{cursor:default;font:15px/1.4 var(--font-mono)}.film-end-title{letter-spacing:-.02em;font-size:104px;font-weight:360;line-height:1}.film-end-sub{color:var(--on-stage-muted);font-size:17px}.film-poster{z-index:4;color:var(--on-stage);font:14px var(--font-mono);cursor:pointer;background:linear-gradient(#0000 45%,#1b1915d9);border:0;justify-content:start;align-items:end;gap:12px;padding:clamp(16px,3vw,32px);display:flex;position:absolute;inset:0}.film-play-icon{background:var(--signal);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:14px;transition:scale .2s;display:grid}.film-poster>span:last-child{line-height:44px}.film-poster:hover .film-play-icon{scale:1.1}.film-poster:focus-visible,.film-toggle:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.film-bar{align-items:center;gap:14px;margin-top:14px;display:flex}.film-toggle{border:1px solid var(--ink);background:var(--ink);width:40px;height:40px;color:var(--paper);cursor:pointer;border-radius:50%;flex:none;font-size:12px}.film-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.film-bar input[type=range]{min-width:0;accent-color:var(--signal);cursor:pointer;flex:1}.film-chapters{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.film-chapters .chip span{color:var(--muted);margin-left:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:720px){.film{padding-top:48px}}.ctx-cursor[data-mode=link]{color:#fff}.lang-tags{vertical-align:middle;letter-spacing:0;flex-wrap:wrap;gap:6px;margin:.2em .45em .2em 0;font-size:13px;line-height:1;display:inline-flex}.lang-name{margin-right:.35em}.lang-tag{--tag:var(--lang-en);border:1px solid color-mix(in srgb, var(--tag) 40%, transparent);background:color-mix(in srgb, var(--tag) 7%, transparent);min-height:22px;color:var(--tag);font:500 1em/20px var(--font-mono);white-space:nowrap;border-radius:3px;align-items:stretch;gap:6px;padding-right:7px;display:inline-flex;overflow:hidden}.lang-tag[data-lang=es]{--tag:var(--lang-es)}.lang-tag[data-lang=fr]{--tag:var(--lang-fr)}.lang-tag i{background:var(--tag);color:var(--paper);font:600 .78em/1 var(--font-mono);place-items:center;padding:0 5px;font-style:normal;display:grid}