:root{--ink: #0A0B0E;--steel: #13151B;--panel: linear-gradient(165deg, #1A1D25, #0E1016);--edge: rgba(255, 255, 255, .08);--paper: #F2F3F7;--mute: #9AA0AE;--pink: #FF2E88;--orange: #FF7A1A;--yellow: #FFD400;--green: #2BE38B;--cyan: #19C8FF;--violet: #6B5BFF;--magenta: #D23CFF;--spectrum: linear-gradient(90deg, #FF2E88, #FF7A1A, #FFD400, #2BE38B, #19C8FF, #6B5BFF, #D23CFF);--metal: linear-gradient(180deg, #FAFBFE 0%, #C9CEDC 48%, #878E9F 55%, #E6E9F2 100%);--gutter: clamp(1.25rem, 4.5vw, 4.5rem);--display: "Instrument Sans", system-ui, sans-serif;--body: "Instrument Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:400 17.5px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.btn{font:600 .95rem/1 var(--body);text-decoration:none;padding:.78rem 1.2rem;border-radius:999px;cursor:pointer;display:inline-block}.btn--solid{background:var(--paper);color:var(--ink);border:0}.btn--solid:hover{background:#fff;box-shadow:0 0 24px #19c8ff59}.btn--ghost{border:1px solid var(--edge);color:var(--paper);background:transparent}.btn--ghost:hover{border-color:#ffffff59}.section{padding:clamp(4rem,8vw,7rem) var(--gutter)}.section h2{font:500 clamp(1.9rem,3.3vw,3rem)/1.15 var(--body);letter-spacing:-.04em;margin:0 0 1rem;max-width:24ch}.section .sub{color:var(--mute);max-width:37rem;margin:0 0 2.5rem}.nav{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.4rem var(--gutter)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--spectrum);opacity:.35}.nav__mark{font:600 1.6rem/1 var(--body);letter-spacing:-.065em;text-decoration:none;text-transform:lowercase}.nav__links{display:flex;gap:.7rem;align-items:center}.nav__user{font:500 .9rem/1 var(--body);color:var(--mute)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,4vw,4rem);align-items:center;padding:clamp(3rem,7vh,5rem) var(--gutter) clamp(4rem,8vh,6rem);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 78% 30%,rgba(107,91,255,.14),transparent 70%),radial-gradient(45% 40% at 20% 85%,rgba(255,46,136,.08),transparent 70%)}.hero__word{font:900 clamp(3.4rem,9.2vw,9.25rem)/.84 var(--display);margin:0 0 1.4rem;letter-spacing:-.01em;text-transform:uppercase;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lede{max-width:30rem;font-size:clamp(1.05rem,1.5vw,1.25rem);margin:0 0 1rem;position:relative}.hero__lede2{max-width:29rem;color:var(--mute);margin:0 0 2rem;position:relative}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;position:relative}.eyebrow{font:500 .72rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);margin:0 0 1.2rem}.hero__copy{position:relative;min-width:0}.hero__promise{font:800 clamp(2.8rem,4.6vw,5rem)/.96 var(--display);text-transform:uppercase;margin:0 0 1.5rem;max-width:12ch}.hero__film{margin:0;position:relative;scroll-margin-top:2rem}.hero__film video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid var(--edge);border-radius:14px;background:#07080b;box-shadow:0 25px 80px #0008}.hero__film figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:1rem;color:var(--mute);font-size:.8rem}.hero__film figcaption span:first-child{color:var(--paper)}.name-origin{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;border-block:1px solid var(--edge);background:#101218}.name-origin__meaning{max-width:40rem}.name-origin__meaning p{color:var(--mute);margin:1.6rem 0 0}.name-origin__equation{display:flex;align-items:flex-start;gap:clamp(.6rem,2vw,2rem)}.name-origin__equation span{display:grid;gap:.3rem}.name-origin__equation b{font:500 clamp(1.8rem,3.2vw,3rem)/1.1 var(--body);letter-spacing:-.06em}.name-origin__equation span:last-child b{color:var(--cyan)}.name-origin__equation small{color:var(--mute);font-size:.78rem}.name-origin__equation i{font:400 1.6rem/1.5 var(--body);color:var(--mute)}.name-origin__meaning .name-origin__promise{color:var(--paper)}.name-origin__promise span{color:var(--mute);font-size:.88rem}.deckwrap{position:relative;justify-self:center;width:min(100%,560px)}.deck{position:relative;aspect-ratio:480 / 372}.card{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#1c2029,#0f1117);border:1px solid var(--edge);box-shadow:0 30px 70px #0000008c,inset 0 1px #ffffff12;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .45s ease;will-change:transform}.card--drop{transform:translate(-36%) rotate(-7deg)!important;opacity:0}.card canvas{display:block;width:100%;height:auto}.card figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;gap:.7rem;align-items:baseline;padding:.7rem 1rem .8rem;background:#0a0b0eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--edge)}.card figcaption strong{font:800 1.05rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.card figcaption span{color:var(--mute);font-size:.82rem;line-height:1.35}.deck-tabs{display:flex;gap:.4rem;margin-top:1.1rem;flex-wrap:wrap}.deck-tabs button{font:500 .8rem/1 var(--mono);letter-spacing:.02em;color:var(--mute);background:transparent;border:1px solid var(--edge);border-radius:999px;padding:.55rem .9rem;cursor:pointer}.deck-tabs button:hover{color:var(--paper)}.deck-tabs button[aria-selected=true]{color:var(--paper);background:linear-gradient(var(--steel),var(--steel)) padding-box,var(--spectrum) border-box;border:1px solid transparent}.doors{border-top:1px solid var(--edge)}.door{border-bottom:1px solid var(--edge);border-left:3px solid var(--door, var(--cyan))}.door summary{display:grid;grid-template-columns:minmax(10rem,18rem) 1fr auto;gap:1.5rem;align-items:center;padding:1.6rem 0 1.6rem 1.25rem;cursor:pointer;list-style:none}.door summary::-webkit-details-marker{display:none}.door summary:hover h3{color:var(--door, var(--cyan))}.door h3{font:800 1.7rem/1 var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0;transition:color .15s ease}.door h3:after{content:" +";color:var(--door, var(--cyan))}.door[open] h3:after{content:" −"}.door p{margin:0;color:var(--mute);max-width:40rem}.door p b{color:var(--paper);font-weight:600}.door .for{font:500 .74rem/1.5 var(--mono);color:var(--door, var(--cyan));text-align:right;max-width:11rem}.door__inside{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:0 0 1.8rem 1.25rem}.door__inside:has(.door__film){grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.door__film{width:100%;border-radius:12px;border:1px solid var(--edge);display:block;background:#07080b}.door__tools{margin:0;padding:0;list-style:none;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.door__tools li{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:.9rem 1rem;display:grid;gap:.3rem}.door__tools strong{font:800 1rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--door, var(--cyan))}.door__tools span{color:var(--mute);font-size:.9rem;line-height:1.45}.fact{border-left:2px solid var(--fact, var(--cyan));padding-left:1.1rem}.fact h3{font:500 1.15rem/1.3 var(--body);letter-spacing:-.02em;margin:0 0 .45rem}.fact p{margin:0;color:var(--mute);font-size:.98rem}.strip{background:#07080b;border-radius:10px;padding:32px 0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;--hole: radial-gradient(closest-side, var(--ink) 68%, transparent 72%)}.strip--three{grid-template-columns:repeat(3,minmax(0,1fr))}.strip:before,.strip:after{content:"";position:absolute;left:12px;right:12px;height:14px;background:var(--hole) 0 0 / 30px 14px repeat-x}.strip:before{top:9px}.strip:after{bottom:9px}.frame{background:var(--panel);border:1px solid var(--edge);padding:1.15rem;min-height:215px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.frame:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c, var(--cyan))}.frame .n{font:900 2.6rem/1 var(--display);color:var(--c)}.frame h3{font:800 1.35rem/1 var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .4rem}.frame p{margin:0;color:var(--mute);font-size:.95rem}.frame .cost{font:500 .74rem/1 var(--mono);color:var(--c);margin-top:.7rem;display:inline-block}.ledger{border-top:1px solid var(--edge)}.row{display:grid;grid-template-columns:minmax(7rem,14rem) 1fr;gap:1.5rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--edge)}.row h3{font:800 1.6rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0}.row p{margin:0;color:var(--mute);max-width:44rem}.row p b{color:var(--paper);font-weight:600}.manifesto{background:radial-gradient(ellipse at 10% 50%,#211630,transparent 70%),#101218;border-block:1px solid var(--edge)}.manifesto p:not(.eyebrow){max-width:45rem;color:var(--mute);font-size:clamp(1.1rem,1.6vw,1.4rem)}.manifesto .manifesto__close{color:var(--paper)!important;margin-bottom:0}.close{text-align:center}.close h2{margin:0 auto 1rem}.close p{color:var(--mute);margin:0 auto 2.2rem;max-width:32rem}.footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--mute);font-size:.88rem;padding:2rem var(--gutter);border-top:1px solid var(--edge)}@media(max-width:960px){.hero,.name-origin{grid-template-columns:1fr}.hero__film{width:100%}.hero__promise{max-width:none}.deckwrap{width:min(100%,480px)}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip--three{grid-template-columns:repeat(3,minmax(0,1fr))}.row,.door summary,.door__inside:has(.door__film){grid-template-columns:1fr;gap:.6rem}.door .for{text-align:left;max-width:none}}@media(max-width:600px){.nav{gap:.75rem;flex-wrap:wrap}.nav__links{gap:.4rem;flex-wrap:wrap}.nav__links .btn{font-size:.78rem;padding:.7rem .85rem}.nav__studio{display:none}.strip--three{grid-template-columns:1fr}.frame{min-height:185px}.name-origin{gap:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}.hero--simple{display:block;text-align:center;padding:clamp(4rem,9vw,8rem) var(--gutter)}.hero--simple:before{background:radial-gradient(ellipse at 50% 85%,rgba(107,91,255,.07),transparent 65%)}.hero__title{position:relative;margin:0 auto 1.6rem;max-width:19ch;font:500 clamp(2.65rem,6.3vw,5.7rem)/1.08 var(--body);letter-spacing:-.06em}.hero__title span{display:block;max-width:28ch;margin:.45em auto 0;color:var(--mute);font-size:clamp(1.65rem,3.3vw,3rem);line-height:1.2;letter-spacing:-.035em}.hero__description{position:relative;max-width:34rem;margin:0 auto 2rem;color:var(--mute);font-size:clamp(1rem,1.5vw,1.2rem)}.hero--simple .hero__actions{justify-content:center}.hero__montage{position:relative;width:min(100%,960px);margin:clamp(2.5rem,5vw,4rem) auto 0}.hero__montage video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid var(--edge);border-radius:14px;background:#07080b;box-shadow:0 25px 80px #0008}.use-cases{border-block:1px solid var(--edge);background:#0f1117}.method-note{margin:0;color:var(--mute);font-size:.88rem}.name-origin{align-items:center;background:transparent}.name-origin h2{max-width:17ch}.name-origin>p{max-width:37rem;color:var(--mute);margin:0}.close{padding-top:3rem}.close h2{margin-bottom:1.8rem}@media(max-width:600px){.nav__examples{display:none}}.use-cases__choices{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem}.use-cases__choices button{color:var(--mute);background:transparent;border:1px solid var(--edge);border-radius:999px;font:500 .95rem/1.2 var(--body);padding:.7rem 1.15rem;cursor:pointer}.use-cases__choices button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.use-cases__choices button:hover{border-color:var(--mute)}.use-case{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:center}.use-case__intro{min-width:0}.use-case h3{font:500 clamp(1.4rem,2.5vw,2rem)/1.2 var(--body);letter-spacing:-.025em;margin:0 0 1rem;max-width:24ch}.use-case__intro>p{color:var(--mute);line-height:1.6}.use-case__video{display:block;width:100%;aspect-ratio:8 / 5;background:#0a0b0e;border:1px solid var(--edge);border-radius:12px}.use-case__note{font-size:.76rem;margin:1rem 0}.use-case__summary{border-top:1px solid var(--edge)}.use-case__summary summary{padding:.85rem 0;font-size:.9rem;cursor:pointer}.use-case__summary summary::marker{color:var(--film-color)}.use-case__summary ol{list-style:none;padding:.5rem 0 0;margin:0;display:grid;gap:.75rem}.use-case__summary li{display:grid;grid-template-columns:2.7rem 1fr;gap:.6rem;font-size:.85rem;line-height:1.5;color:var(--mute)}.use-case__summary strong{color:var(--paper)}.use-case__time{font-family:var(--mono);color:var(--film-color)}@media(max-width:760px){.use-case{grid-template-columns:1fr;gap:1.5rem}.use-case__video{grid-row:1}.use-cases__choices button{font-size:.85rem;padding:.65rem .9rem}}.devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:1rem}.device{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--edge);border-radius:16px;overflow:hidden}.device__head{display:flex;align-items:baseline;gap:.8rem;padding:1.1rem 1.25rem .9rem}.device__head h3{margin:0;font:600 1.15rem/1.2 var(--body);letter-spacing:-.02em}.device__year{font:500 .78rem/1 var(--mono);color:var(--cyan)}.device--flipbook .device__year{color:var(--pink)}.device--kineto .device__year{color:var(--orange)}.device__bar{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.25rem;border-top:1px solid var(--edge)}.device__btn{font:600 .85rem/1 var(--body);color:var(--ink);background:var(--paper);border:0;border-radius:999px;padding:.6rem 1rem;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none}.device__btn[aria-pressed=true]{background:var(--cyan)}.device__readout{margin-left:auto;font:400 .75rem/1.4 var(--mono);color:var(--mute);white-space:nowrap}.device__caption{margin:0;padding:0 1.25rem 1.2rem;color:var(--mute);font-size:.88rem;line-height:1.5}.flip{position:relative;margin:.4rem 1.25rem 1.1rem;aspect-ratio:300 / 220;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:6px}.flip:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.device__paper{position:relative;display:block;width:100%;height:100%;border-radius:6px;box-shadow:0 14px 30px #00000073}.flip__stack span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#e9e2d2;border:1px solid #CFC6B2}.flip__turn{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;pointer-events:none;background:linear-gradient(100deg,transparent 55%,rgba(0,0,0,.18) 72%,rgba(255,255,255,.55) 78%,transparent 90%);animation:flip-turn .14s ease-out forwards}@keyframes flip-turn{0%{transform:translate(0);opacity:1}to{transform:translate(-60%);opacity:0}}.kineto{position:relative;display:flex;align-items:center;justify-content:center;gap:1.1rem;margin:.4rem 1.25rem 1.1rem;aspect-ratio:300 / 220}.kineto__cabinet{position:relative;height:100%;aspect-ratio:1 / 1.05;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,#6b4428,#3a2414);box-shadow:inset 0 0 0 3px #2a190d,0 14px 30px #00000073}.kineto__peep{position:relative;width:66%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a120b;box-shadow:0 0 0 6px #c9a045,0 0 0 9px #7a5e22,inset 0 0 18px #000}.kineto__strip{position:absolute;top:0;right:0;bottom:0;left:0}.kineto__frame{position:relative;height:100%;background:radial-gradient(circle at 50% 40%,#e8d2a6,#b9935c);border-bottom:3px solid #120C07}.kineto__ball{position:absolute;left:50%;width:22%;aspect-ratio:1;margin-left:-11%;border-radius:50%;background:#3b2a1c;transform-origin:50% 100%}.kineto__ground{position:absolute;left:12%;right:12%;bottom:14%;height:3px;background:#3b2a1c;border-radius:2px}.kineto__vignette{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,transparent 45%,rgba(10,6,3,.85) 75%);pointer-events:none}.kineto__label{position:absolute;bottom:8%;font:500 .7rem/1 var(--mono);color:#e8d2a6;opacity:.8}.kineto__crank{position:relative;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c9a045 0,#c9a045 12%,#2b2f3a 13%,#2b2f3a 62%,#1c1f27 63%);border:1px solid var(--edge);cursor:grab;touch-action:none;flex:none}.kineto__crank:active{cursor:grabbing}.kineto__crank:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.kineto__arm{position:absolute;top:0;right:0;bottom:0;left:0}.kineto__arm i{position:absolute;left:50%;top:50%;width:46%;height:10%;margin-top:-5%;border-radius:6px;background:#c9a045;transform-origin:0 50%}.kineto__arm i:after{content:"";position:absolute;right:-14%;top:50%;width:34%;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:#e8d2a6;box-shadow:0 2px 6px #000a}.vframe{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.4rem 1.25rem .9rem}.vframe__stage{position:relative;aspect-ratio:1;border-radius:10px;background:#0e1016;border:1px solid var(--edge);overflow:hidden}.vframe__ball{position:absolute;left:50%;width:22%;aspect-ratio:1;border-radius:50%;transform-origin:50% 100%}.vframe__ground{position:absolute;left:10%;right:10%;bottom:10%;height:2px;background:#ffffff4d}.vframe__code{margin:0;padding:.8rem;border-radius:10px;background:#0b0c10;border:1px solid var(--edge);font:400 .74rem/1.65 var(--mono);color:var(--mute);white-space:pre;overflow:hidden}.vframe__code b{color:var(--violet);font-weight:500}.vframe__code em{font-style:normal;color:var(--paper);border-radius:4px;transition:background .5s ease}.vframe__code em.is-new{background:#19c8ff4d;transition:none}.vframe__controls{display:grid;gap:.55rem;padding:0 1.25rem .9rem;font-size:.8rem;color:var(--mute)}.vframe__controls label{display:grid;grid-template-columns:9.5rem 1fr;align-items:center;gap:.6rem}.vframe__swatches{display:flex;gap:.45rem}.vframe__swatches button{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid transparent;cursor:pointer}.vframe__swatches button[aria-checked=true]{border-color:var(--paper);box-shadow:0 0 0 2px var(--ink) inset}.vframe__controls input[type=range],.vframe__scrub{accent-color:var(--cyan);width:100%}.vframe__scrub{flex:1;min-width:0}.tune{margin-top:2.75rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);gap:clamp(1.2rem,3vw,2.5rem);align-items:center}.tune__lead{grid-column:1 / -1;margin:0;color:var(--mute);max-width:36rem}.tune__panel{display:grid;gap:1.15rem;background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:1.15rem 1.2rem 1.2rem}.tune__group{margin:0;padding:0;border:0;display:grid;gap:.5rem}.tune__group legend{padding:0;font:500 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.tune__options{display:flex;flex-wrap:wrap;gap:.4rem}.tune__options button{display:inline-flex;align-items:center;gap:.45rem;font:600 .84rem/1 var(--body);color:var(--paper);background:transparent;border:1px solid var(--edge);border-radius:999px;padding:.48rem .75rem;cursor:pointer}.tune__options button[aria-checked=true]{background:var(--paper);color:var(--ink);border-color:transparent}.tune__options i{width:.85rem;height:.85rem;border-radius:50%;flex:none}.tune__code{margin:0;padding:.8rem .9rem;border-radius:10px;background:#0b0c10;border:1px solid var(--edge);font:400 .82rem/1.6 var(--mono);color:var(--mute)}.tune__code em{font-style:normal;color:var(--paper);border-radius:4px}.tune__code em.is-new{background:#19c8ff4d}.compare__book{min-width:0}.flip--embed{margin:0}.compare__flipbar{display:flex;align-items:center;gap:.6rem;margin-top:.65rem}.compare__flipbar .device__readout{margin-left:auto}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:2.5rem 0 1.4rem}@media(max-width:1100px){.devices{grid-template-columns:1fr;max-width:560px}}@media(max-width:800px){.tune{grid-template-columns:1fr}}@media(max-width:760px){.steps{grid-template-columns:1fr}}@media(max-width:600px){.vframe{grid-template-columns:1fr}.vframe__stage{aspect-ratio:16 / 10}.vframe__controls label{grid-template-columns:8rem 1fr}}.gallery{border-top:1px solid var(--edge)}.gallery__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}.gallery__tile{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:0;text-align:left;color:var(--paper);background:none;border:0;cursor:pointer;font:inherit}.gallery__frame{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:14px;border:1px solid var(--edge);background:#0e1016 center / cover no-repeat;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.gallery__tile:hover .gallery__frame,.gallery__tile:focus-visible .gallery__frame{transform:translateY(-3px);border-color:#ffffff4d}.gallery__play{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#0a0b0eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:1rem;padding-left:.2rem}.gallery__title{font:600 1.05rem/1.3 var(--body);letter-spacing:-.02em;margin-top:.5rem}.gallery__caption{color:var(--mute);font-size:.9rem}.gallery__tile--soon{cursor:default}.gallery__tile--soon .gallery__frame{border-style:dashed;background:linear-gradient(110deg,#0e1016 30%,#161924,#0e1016 70%);background-size:250% 100%;animation:gallery-soon 2.4s linear infinite}.gallery__tile--soon .gallery__title{color:#5d6372}@keyframes gallery-soon{to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.gallery__tile--soon .gallery__frame{animation:none}}.gallery__dialog{width:min(1080px,calc(100vw - 2rem));max-width:none;padding:0;border:1px solid var(--edge);border-radius:16px;color:var(--paper);background:var(--ink)}.gallery__dialog::backdrop{background:#000000d9}.gallery__dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-weight:600}.gallery__player{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000}@media(max-width:900px){.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.gallery__grid{grid-template-columns:1fr}}