.hero{padding:calc(var(--bar) + clamp(64px,11vh,120px)) 0 clamp(24px,4vh,48px);text-align:center}.hero-head{width:min(var(--w),100% - 2 * var(--gut));margin:0 auto}.hero-head .lede{margin:clamp(16px,2.4vh,24px) auto 0;max-width:38ch;text-wrap:balance}.hero-head .cta{margin-top:clamp(24px,3.6vh,32px)}.hero-note{margin-top:14px;font-size:14px;color:var(--mute)}.hero-barwrap{width:min(var(--w),100% - 2 * var(--gut));margin:clamp(48px,8vh,76px) auto 0}.hero-bar{--u:min(1.75px, calc((100vw - 64px) / 640));border-radius:18px;padding:0 calc(14 * var(--u));background:linear-gradient(180deg,#34343ae6,#141418eb);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 .5px #ffffff14,0 30px 56px -28px #00000057,0 10px 24px -14px #00000042}.hero-bar .menus{margin-left:calc(8 * var(--u));gap:calc(12 * var(--u))}@media(max-width:640px){.hero{padding:calc(var(--bar) + 56px) 0 16px}.hero-head .lede{max-width:30ch}.hero-bar{--u:1.15px;padding:0 calc(12 * var(--u))}}.gal{padding:112px 0 96px}.gal-head{width:min(var(--w),100% - 2 * var(--gut));margin:0 auto 40px;text-align:center}.gal-track{--cw:min(940px, 88vw, calc((100svh - 470px)*1.78 + 48px) );position:relative;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:6px calc((100% - var(--cw)) / 2) 28px}.gal-track::-webkit-scrollbar{display:none}.gal-track{-webkit-user-select:none;user-select:none}.gal-track .see{-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){.gal-track{cursor:grab}.gal-track.dragging,.gal-track.dragging *{cursor:grabbing!important}}.gal-track.dragging,.gal-track.free{scroll-snap-type:none}.gtile{flex:0 0 var(--cw);border-radius:26px;background:var(--tile);padding:24px 24px 26px;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;min-width:0}.gtile .vig{--dw:612;aspect-ratio:16 / 9;flex:none;border-radius:16px;position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;background:#2b0f9c url(/assets/wallpaper.jpg) center 18%/cover;background:#2b0f9c image-set(url(/assets/wallpaper.avif) type("image/avif"),url(/assets/wallpaper.webp) type("image/webp"),url(/assets/wallpaper.jpg) type("image/jpeg")) center 18%/cover}.vig .vs{--b:calc(100cqw / var(--dw));--u:var(--b);position:absolute;inset:0}.gtile .tcap{margin-top:24px;font:500 clamp(21px,2.1vw,27px)/1.3 var(--sans);letter-spacing:-.012em;color:var(--ink);max-width:46ch}.gtile .see{display:inline-block;margin-top:10px;font-size:16px;font-weight:500;color:var(--mute);text-decoration:none;align-self:flex-start}.gtile .see:hover{color:var(--ink)}.gtile .see span{display:inline-block;transition:transform var(--beat) var(--out)}.gtile .see:hover span{transform:translate(3px)}.gal-keys{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:fit-content;max-width:calc(100% - 2 * var(--gut));margin:8px auto 0}.key{position:relative;appearance:none;border:0;margin:0;cursor:pointer;overflow:hidden;min-width:86px;height:46px;padding:0 20px;border-radius:11px;background:linear-gradient(var(--key-a),var(--key-b));color:var(--mute);font:500 15px/1 var(--ui);box-shadow:0 2px 0 var(--key-edge),0 0 0 .5px var(--key-ring),0 6px 12px -6px #0000002e;transition:transform var(--beat) var(--out),box-shadow var(--beat) var(--out),color var(--beat) var(--out)}.key:hover{color:var(--ink)}.key[aria-current=true]{color:var(--ink);transform:translateY(1px);box-shadow:0 1px 0 var(--key-edge),0 0 0 .5px var(--key-ring),0 2px 5px -3px #0003}.key .lbl{position:relative;z-index:1}.key .fill{position:absolute;inset:0;z-index:0;background:var(--key-fill);transform:scaleX(0);transform-origin:left;pointer-events:none}.key[aria-current=true] .fill{transform:scaleX(1)}.key{--d:4.5s}.gal.play .key[aria-current=true] .fill{transform:scaleX(0);animation:keyfill var(--d) linear forwards}.gal.hold .key[aria-current=true] .fill{animation-play-state:paused}@keyframes keyfill{to{transform:scaleX(1)}}.vig.snap *,.vig.snap *:before,.vig.snap *:after{transition:none!important;animation:none!important}.vs .mbar{position:absolute;left:0;right:0;top:0}.vtag{position:absolute;font:500 calc(14 * var(--u))/1 var(--sans);color:#fff;opacity:.92;white-space:nowrap}.vs .kc{height:calc(30 * var(--u));min-width:calc(30 * var(--u));padding:0 calc(9 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(14 * var(--u))}.slot-g .vtag{left:50%;top:calc(100% + calc(14 * var(--u)));transform:translate(-50%)}.mcg{position:absolute;left:0;top:0;z-index:8;pointer-events:none;opacity:0;will-change:transform}.mc{display:block;width:calc(27 * var(--u));height:calc(39.7 * var(--u));margin:calc(-2.22 * var(--u)) 0 0 calc(-2.54 * var(--u));overflow:visible;filter:drop-shadow(0 calc(1.6 * var(--u)) calc(2.6 * var(--u)) rgba(0,0,0,.42));transform-origin:calc(2.54 * var(--u)) calc(2.22 * var(--u));transition:transform .1s var(--out)}.mc path{fill:#111;stroke:#fff;stroke-width:2.3;stroke-linejoin:round;paint-order:stroke}.s-down .mc{transform:scale(.88)}.v-search .vkeys{position:absolute;top:calc(50 * var(--u));left:50%;width:0;height:calc(34 * var(--u))}.v-search .vkeys>*{position:absolute;left:0;top:0;display:flex;gap:calc(7 * var(--u));transform:translate(-50%);opacity:0;transition:opacity .16s var(--in)}.v-search .vesc{position:absolute;left:50%;bottom:calc(18 * var(--u));display:flex;transform:translate(-50%);opacity:0;transition:opacity .16s var(--in)}.v-search .vkeys .kc{position:static;transform:none;opacity:1;height:calc(34 * var(--u));min-width:calc(34 * var(--u));font-size:calc(16 * var(--u));background:#ffffff24;color:#ffffffe6;box-shadow:0 calc(1 * var(--u)) 0 #0000004d,inset 0 .5px #ffffff40;transition:background .08s var(--out),transform .08s var(--out)}.v-search .vesc .kc{height:calc(34 * var(--u));min-width:calc(46 * var(--u));font-size:calc(15 * var(--u));background:#ffffff24;color:#ffffffe6;box-shadow:0 calc(1 * var(--u)) 0 #0000004d,inset 0 .5px #ffffff40;transition:background .08s var(--out),transform .08s var(--out)}.s-keys .vkeys .chord,.s-esc .vesc{opacity:1;transition:opacity .14s var(--out)}.s-k1 .vkeys .kc:nth-child(1),.s-k2 .vkeys .kc:nth-child(2),.s-k3 .vkeys .kc:nth-child(3),.s-escp .vesc .kc{transform:translateY(calc(1 * var(--u)));background:#ffffff57}.v-search .vpill{position:absolute;top:calc(104 * var(--u));left:50%;width:calc(290 * var(--u));margin-left:calc(-145 * var(--u));padding:calc(8 * var(--u));border-radius:calc(14 * var(--u));color:#ffffffe0;font:calc(14 * var(--u))/1.2 var(--ui);background:#3a2e7080;-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);box-shadow:inset 0 0 0 .5px #ffffff29,0 calc(14 * var(--u)) calc(34 * var(--u)) #06002c6b;opacity:0;transform:translateY(calc(6 * var(--u)));transition:opacity .14s var(--in),transform .14s var(--in)}.s-pill .vpill{opacity:1;transform:none;transition:opacity .22s var(--out),transform .22s var(--out)}.v-search .vfield{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(38 * var(--u));padding:0 calc(9 * var(--u));font:calc(16 * var(--u))/1 var(--ui)}.v-search .vfield .gi{width:calc(17 * var(--u));height:calc(17 * var(--u));opacity:.55}.v-search .vtx span{opacity:0}.s-c1 .vtx .c1,.s-c2 .vtx .c2{opacity:1}.v-search .vrow{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(34 * var(--u));padding:0 calc(9 * var(--u));margin-top:calc(3 * var(--u));border-radius:calc(8 * var(--u));background:#ffffff1a;opacity:0;transform:translateY(calc(-3 * var(--u)));transition:opacity .18s var(--out),transform .18s var(--out),background .12s var(--io)}.v-search .vrow .gi{width:calc(16 * var(--u));height:calc(16 * var(--u));opacity:.7}.v-search .vrow .ret{margin-left:auto;opacity:.5;transition:opacity .12s var(--io),transform .12s var(--io)}.s-row .vrow{opacity:1;transform:none}.s-ret .vrow{background:#ffffff42}.s-ret .vrow .ret{opacity:1;transform:scale(1.4)}.v-search .tuck .g:last-child{border-radius:calc(5 * var(--u));transition:background .14s var(--out),box-shadow .14s var(--out)}.s-open .tuck .g:last-child{background:#ffffff42}.v-search .vmenu{position:absolute;left:0;top:0;z-index:5;width:calc(190 * var(--u));padding:calc(5 * var(--u));border-radius:calc(10 * var(--u));color:#1d1d1f;font:calc(12.5 * var(--u))/1.2 var(--ui);background:#f7f7f9d6;-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);box-shadow:0 0 0 calc(.5 * var(--u)) #0003,0 calc(14 * var(--u)) calc(32 * var(--u)) calc(-6 * var(--u)) #0800386b;opacity:0;transform:translateY(calc(-5 * var(--u))) scale(.97);transform-origin:100% 0;pointer-events:none;transition:opacity .12s var(--in),transform .12s var(--in)}.s-menu .vmenu{opacity:1;transform:none;transition:opacity .2s var(--out),transform .2s var(--out)}.v-search .vmenu .mh{display:flex;align-items:center;justify-content:space-between;height:calc(24 * var(--u));padding:0 calc(6 * var(--u))}.v-search .vmenu .mh b{font-weight:600;font-size:calc(13 * var(--u))}.v-search .vmenu .tg{position:relative;width:calc(26 * var(--u));height:calc(15 * var(--u));border-radius:calc(8 * var(--u));background:#34c759}.v-search .vmenu .tg:after{content:"";position:absolute;right:calc(1.5 * var(--u));top:calc(1.5 * var(--u));width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:#fff;box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #0000004d}.v-search .vmenu .ms{height:calc(.5 * var(--u));margin:calc(4 * var(--u)) calc(6 * var(--u));background:#00000024}.v-search .vmenu .mr{display:flex;align-items:center;gap:calc(8 * var(--u));height:calc(24 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(5 * var(--u))}.v-search .vmenu .mr i{margin-left:auto;font-style:normal;font-size:calc(10.5 * var(--u));color:#00000073}.v-search .vmenu .dv{display:grid;place-items:center;width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:50%;background:#00000024;color:#fff;flex:none}.v-search .vmenu .dv.on{background:#0a7aff}.v-search .vmenu .dv .gi{width:calc(10 * var(--u));height:calc(10 * var(--u))}.v-apply .vgrp{display:flex;gap:calc(6 * var(--u))}.v-apply .vs{transition:opacity .15s var(--io)}.v-apply.s-fade .vs{opacity:0}.v-apply .vcard{--u:calc(var(--b) * var(--k,1.2));position:absolute;left:0;right:0;margin:0 auto;top:calc(34 * var(--b) + 12 * var(--u));width:min(calc(340 * var(--u)),100% - 24 * var(--b));padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border-radius:calc(14 * var(--u));background:#fafafcf5;color:#1d1d1f;font:calc(13 * var(--u))/1.2 var(--ui);box-shadow:0 calc(20 * var(--u)) calc(44 * var(--u)) calc(-12 * var(--u)) #0a003c80,0 0 0 .5px #0003}.v-apply .vch{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(22 * var(--u));margin-bottom:calc(8 * var(--u))}.v-apply .vch b{flex:1;font-size:calc(16 * var(--u));font-weight:700;letter-spacing:-.01em}.v-apply .vmoved{font-size:calc(11 * var(--u));color:#8b8b92;opacity:0;transition:opacity .3s}.s-moved .vmoved{opacity:1}.v-apply .vbtn{height:calc(22 * var(--u));padding:0 calc(11 * var(--u));border-radius:calc(11 * var(--u));display:inline-flex;align-items:center;font:500 calc(12 * var(--u))/1 var(--ui);white-space:nowrap;background:#0000000f;color:#0000004d;transition:background .2s,color .2s,transform .12s}.s-lit .vbtn{background:#34c75938;color:#1a9142;animation:vg-lit .5s var(--out) both}.s-busy .vbtn{background:#00000014;color:#0000008c}.s-down .vbtn{transform:scale(.94)}@keyframes vg-lit{0%{box-shadow:0 0 #34c75966}to{box-shadow:0 0 0 calc(7 * var(--u)) #34c75900}}.v-apply .vsec+.vsec{margin-top:calc(6 * var(--u))}.v-apply .vlab{display:flex;align-items:center;gap:calc(5 * var(--u));margin:0 0 calc(4 * var(--u)) calc(2 * var(--u));font-size:calc(11 * var(--u))}.v-apply .vlab b{font-weight:700}.v-apply .vlab .gi{width:calc(11 * var(--u));height:calc(11 * var(--u));color:#6b6b6b}.v-apply .vstrip{height:calc(46 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(12 * var(--u));background:#fff;display:flex;justify-content:flex-end;align-items:center}.v-apply .vtile{width:calc(48 * var(--u));flex:none;display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--u));padding:calc(3 * var(--u)) 0;overflow:hidden;transition:width .28s var(--out),scale .2s var(--out)}.v-apply .vtile img{width:calc(22 * var(--u));height:calc(22 * var(--u));display:block}.v-apply .vtile span{font-size:calc(9 * var(--u));line-height:1.2;color:#6b6b6b;white-space:nowrap}.v-apply .vtile.shut{width:0}.v-apply .vtile.hide{opacity:0}.vghost{position:absolute;left:0;top:0;z-index:7;margin:0!important;pointer-events:none;opacity:0;scale:1;transition:scale .2s var(--out)}.vghost.on{opacity:1}.vghost.up{scale:1.14}.v-apply .vghost{width:calc(48 * var(--u));overflow:visible;background:#fff0}.v-apply .vghost img{filter:drop-shadow(0 calc(4 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.3))}@media(max-width:640px){.v-apply .vcard{--k:1}}.v-drag .tw{margin-left:calc(-6 * var(--u))}.v-drag .tuck{gap:0}.v-drag .vgrp{display:flex;margin-left:calc(-6 * var(--u))}.v-drag .tuck>.g,.v-drag .vgrp>.g{margin-left:calc(6 * var(--u))}.v-drag .slot{flex:none;width:0;height:calc(19 * var(--u));align-self:center;transition:width .28s var(--out)}.v-drag .slot.open{width:calc(25 * var(--u))}.v-drag .vghost{width:calc(19 * var(--u));height:calc(19 * var(--u));display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:1;filter:drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) rgba(0,0,0,.4))}.v-drag .vghost.up{scale:1.3}.v-drag .vzone{position:absolute;top:calc(38 * var(--u));left:0;height:calc(19 * var(--u));padding:0 calc(9 * var(--u));display:flex;align-items:center;border-radius:calc(10 * var(--u));transform:translate(-50%);font:500 calc(12 * var(--u))/1 var(--ui);white-space:nowrap;color:#ffffffb8;background:#0e003a5c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 .5px #ffffff29;opacity:0;transition:opacity .2s var(--in),background .18s var(--out),color .18s var(--out),box-shadow .18s var(--out)}.v-drag.s-zones .vzone{opacity:1;transition:opacity .22s var(--out),background .18s var(--out),color .18s var(--out),box-shadow .18s var(--out)}.v-drag .vzone.hot{color:#fff;background:#0e003aa8;box-shadow:inset 0 0 0 1px #ffffff9e,0 0 0 calc(3 * var(--u)) #ffffff1f}.v-drag .vcmd{position:absolute;left:calc(20 * var(--u));top:calc(46 * var(--u));height:calc(34 * var(--u));min-width:calc(34 * var(--u));font-size:calc(19 * var(--u));border-radius:calc(9 * var(--u));background:#ffffff38;color:#fff;box-shadow:0 calc(2 * var(--u)) 0 #00000047,inset 0 .5px #ffffff4d;opacity:0;transform:translateY(calc(4 * var(--u)));transition:opacity .14s var(--in),transform .14s var(--in),background .08s var(--out)}.s-cmd .vcmd{opacity:1;transform:none;transition:opacity .16s var(--out),transform .16s var(--out),background .08s var(--out)}.s-cmdp .vcmd{transform:translateY(calc(1 * var(--u)));background:#ffffff61}.v-launch .lnd{transition:opacity .25s var(--in)}.v-launch .lnd img{opacity:0}.v-launch .vtag{left:0;right:0;bottom:calc(30 * var(--u));text-align:center;font-size:calc(16 * var(--u));opacity:0;transform:translateY(calc(5 * var(--u)));transition:opacity .2s var(--in),transform .2s var(--in)}.s-drop .lnd img{animation:vg-drop 1.4s var(--out) both}.s-press .lnd{animation:vg-click .26s var(--io)}.s-tag .vtag{opacity:.92;transform:none;transition:opacity .3s var(--out),transform .3s var(--out)}.s-out .lnd{opacity:0}.s-rest .lnd img{opacity:1}.s-rest .vtag{opacity:.92;transform:none}@keyframes vg-click{0%{transform:none}40%{transform:scale(.84)}to{transform:none}}.v-motion .vrows{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;display:grid;grid-template-columns:minmax(calc(66 * var(--u)),max-content) auto;gap:calc(18 * var(--u))}.v-motion .vr{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:center;color:#fff;font:500 calc(15 * var(--u))/1 var(--ui)}@supports not (grid-template-columns:subgrid){.v-motion .vrows{grid-template-columns:none}.v-motion .vr{display:flex;gap:calc(18 * var(--u));grid-template-columns:none}.v-motion .vr>span:first-child{width:calc(66 * var(--u));flex:none}}.vr>span:first-child{opacity:.4;transition:opacity .2s var(--out)}.vr.on>span:first-child{opacity:1}.mini{display:flex;align-items:center;gap:calc(13 * var(--u));height:calc(42 * var(--u));padding:0 calc(18 * var(--u));border-radius:calc(11 * var(--u));background:#00000047;flex:none}.mini .mgrp{flex:none;width:calc(80 * var(--u));height:calc(18 * var(--u));overflow:hidden}.mini .mtuck{display:flex;justify-content:flex-end;gap:calc(13 * var(--u));width:calc(80 * var(--u));height:calc(18 * var(--u))}.mini i{display:block;width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(5 * var(--u));background:#ffffffd1;flex:none}.mini .chev{width:calc(18 * var(--u));height:calc(20 * var(--u))}.mini .chev svg{width:calc(8 * var(--u));height:calc(14 * var(--u))}@keyframes vg-move{0%,16%{transform:none}58%,to{transform:translate(calc(-49 * var(--u)))}}@keyframes vg-cmd{0%,4%{transform:none;background:#fff3}10%,72%{transform:translateY(calc(1 * var(--u)));background:#ffffff5c}80%,to{transform:none;background:#fff3}}@keyframes vg-tag{0%,60%{opacity:0;transform:translate(-50%,calc(4 * var(--u)))}72%,to{opacity:.92;transform:translate(-50%)}}@keyframes vg-curd{0%,4%{opacity:0}12%,to{opacity:1}}@keyframes vg-drop{0%,6%{transform:translateY(calc(-80 * var(--u))) scale(1.7);opacity:0}34%{transform:none;opacity:1}39%{transform:scale(.9)}46%,to{transform:none;opacity:1}}.reveal .frame{height:min(300px,34vw);min-height:210px}.reveal .frame{container-type:inline-size}.reveal .mbar{--u:min(1.5px, calc(100cqw / 407))}.reveal .caption .tap{display:none}@media(hover:none){.reveal .caption .hov{display:none}.reveal .caption .tap{display:inline}}@media(max-width:640px){.reveal .frame{height:200px;min-height:0}.reveal .mbar{--u:1px}}.statement{padding:140px 0}.statement .ink{max-width:20ch;margin:0 auto;font-weight:600;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}.statement .w{display:inline-block;white-space:nowrap}.statement .c{color:color-mix(in srgb,var(--ink) calc(var(--t, 1) * 100%),var(--ink-dim))}.statement .st-lede{margin-top:28px;transition:opacity .4s var(--in),transform .4s var(--in)}.statement.live .st-lede{opacity:0;transform:translateY(14px)}.statement.live.done .st-lede{opacity:1;transform:none;transition:opacity .8s var(--out),transform .8s var(--out)}@media(max-width:640px){.statement{padding:96px 0}}.sections{position:relative;height:250vh}.sec-pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--bar) + 12px) 0 20px}.sec-pin .wrap.head{text-align:center}.sec-pin .h-chapter{font-size:clamp(52px,min(5.7vw,9.5vh),81px)}.sec-pin .lede{margin-top:16px}.sec-stage{width:min(var(--w),100% - 2 * var(--gut));margin:clamp(20px,4vh,44px) auto 0}.sec-stage .frame{height:clamp(150px,24vh,210px)}.sec-stage .frame{container-type:inline-size}.sec-stage .mbar{--u:min(2px, calc(100cqw / 376))}.zones .zone{position:relative;display:flex;align-items:center;gap:calc(6 * var(--u));padding:0 calc(6 * var(--u));margin:0 calc(-2 * var(--u));height:calc(26 * var(--u));border-radius:calc(8 * var(--u));transition:opacity .28s var(--in),background .28s var(--in)}.zones .zone:after{content:"";position:absolute;left:calc(6 * var(--u));right:calc(6 * var(--u));bottom:calc(-8 * var(--u));height:calc(2 * var(--u));border-radius:calc(2 * var(--u));background:#fff;opacity:0;transition:opacity .28s var(--in)}.zones .zsep{width:calc(2 * var(--u));height:calc(18 * var(--u));border-radius:calc(1 * var(--u));background:#ffffff8c;margin:0 calc(3 * var(--u));flex:none;transition:opacity .28s var(--in)}.zones .clock{margin-left:calc(6 * var(--u))}.sec-stage:not([data-zone=all]) .zone,.sec-stage:not([data-zone=all]) .zsep{opacity:.25}.sec-stage[data-zone=v] .z-v,.sec-stage[data-zone=h] .z-h,.sec-stage[data-zone=ah] .z-ah{opacity:1;background:#ffffff24;transition:opacity .28s var(--out),background .28s var(--out)}.sec-stage[data-zone=v] .z-v:after,.sec-stage[data-zone=h] .z-h:after,.sec-stage[data-zone=ah] .z-ah:after{opacity:.9;transition-timing-function:var(--out)}.sec-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(22px,4vh,40px);text-align:left}.sec-cap .cap{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:start;transition:opacity .28s var(--in),transform .28s var(--in)}.sec-cap .cap .gi{width:20px;height:20px;margin-top:2px;color:var(--ink)}.sec-cap .cap b{font-weight:600;font-size:19px;letter-spacing:-.01em}.sec-cap .cap p{grid-column:2;font-size:16px;line-height:1.4;color:var(--mute)}.sec-stage.live .sec-cap{display:grid;grid-template-columns:minmax(0,520px);justify-content:center;text-align:left;min-height:92px}.sec-stage.live .cap{grid-area:1/1;opacity:0;transform:translateY(8px);pointer-events:none}.sec-stage.live[data-zone=v] .cap-v,.sec-stage.live[data-zone=h] .cap-h,.sec-stage.live[data-zone=ah] .cap-ah{opacity:1;transform:none;pointer-events:auto;transition:opacity .28s var(--out) 90ms,transform .28s var(--out) 90ms}@media(max-width:900px){.sec-cap{grid-template-columns:minmax(0,1fr);gap:14px}.sec-pin .h-chapter{font-size:clamp(34px,8vw,48px)}}@media(max-width:640px){.sections{height:230vh}.sec-pin .h-chapter{font-size:36px}.sec-pin .lede{font-size:17px;margin-top:12px}.sec-stage .frame{height:128px}.sec-stage .mbar{--u:min(1px, calc(100cqw / 340))}.zones .zone{padding:0 calc(4 * var(--u))}}@media(max-height:700px){.sec-pin .lede{display:none}}@media(prefers-reduced-motion:reduce){.sections{height:auto}.sec-pin{position:relative;height:auto;padding:96px 0}}@media(max-width:640px){.dbr{display:none}}@media(max-width:640px){.gal{padding:72px 0 64px}.gal-track{gap:12px}.gtile{padding:16px 16px 22px}.gtile .vig{--dw:330;aspect-ratio:4 / 3}.gtile .tcap{margin-top:20px;font-size:20px}}.arr{padding:112px 0 96px}.arr .stage{position:relative;width:min(var(--w),100% - 2 * var(--gut));margin:56px auto 0}.arr .frame{height:132px}.arr .mbar{box-shadow:0 1px #ffffff14}.arr .vis,.arr .hid{display:flex;gap:6px}.arr .mbar{cursor:default}.arr .editor{margin-top:16px;padding:28px 28px 32px;border-radius:26px;background:var(--win-bg);color:var(--win-ink);text-align:left;font:13px/1.3 var(--ui);letter-spacing:0}.arr .ehead{display:flex;align-items:center;gap:12px;margin-bottom:20px}.arr .ehead b{flex:1;font-size:22px;font-weight:700;letter-spacing:-.01em}.arr .moved{font-size:12px;color:var(--win-dim);opacity:0;transition:opacity .3s}.arr .moved.on{opacity:1}.arr .apply{appearance:none;border:0;margin:0;height:28px;padding:0 13px;border-radius:14px;display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--ui);background:var(--win-btn);color:var(--win-btn-ink);transition:background .2s,color .2s,transform .12s}.arr .apply.lit{background:#34c7592e;color:#1f9d46;cursor:pointer}.arr .apply.busy{background:var(--win-busy);color:var(--win-busy-ink)}.arr .apply.down{transform:scale(.94)}.arr .apply:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.arr .sec+.sec{margin-top:18px}.arr .slabel{display:flex;align-items:baseline;gap:8px;margin:0 0 9px 2px;white-space:nowrap;overflow:hidden}.arr .slabel .gi{width:15px;height:15px;flex:none;align-self:center;color:var(--win-mute)}.arr .slabel b{font-size:13.5px;font-weight:700}.arr .slabel span{font-size:12px;color:var(--win-dim);overflow:hidden;text-overflow:ellipsis}.arr .strip{min-height:64px;padding:6px 10px;border-radius:16px;background:var(--win-fill);display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;align-items:center;align-content:center;gap:2px;transition:background .2s,box-shadow .2s}.arr .strip.over{background:var(--win-over);box-shadow:inset 0 0 0 1.5px #0a66e68c}.arr .tile{width:58px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 3px;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:width .28s var(--out),opacity .28s}.arr .tile img{width:26px;height:26px;display:block;pointer-events:none;-webkit-user-drag:none}.arr .tile span{font-size:11px;color:var(--win-mute);white-space:nowrap}.arr .tile.shut{width:0;opacity:0}.arr .slot{width:0;height:52px;flex:none;transition:width .28s var(--out)}.arr .slot.open{width:58px}.arr .ghost{position:absolute;z-index:5;left:0;top:0;margin:0;pointer-events:none;cursor:grabbing}.arr .ghost img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.arr.dragging,.arr.dragging *{cursor:grabbing!important}.arr .cur{z-index:6;left:0;top:0;opacity:0;transition:opacity .25s}.arr .cur.on{opacity:1}.arr .tag{margin-top:22px;text-align:center;color:var(--mute);font-size:15px;transition:opacity .3s}.arr .tag .tap{display:none}@media(hover:none){.arr .tag .hov{display:none}.arr .tag .tap{display:inline}}.arr.yours .tag{opacity:0}.arr.snap,.arr.snap *{transition:none!important}@media(max-width:640px){.arr{padding:72px 0 64px}.arr .stage{margin-top:36px}.arr .editor{padding:20px 14px 24px;border-radius:22px}.arr .ehead b{font-size:19px}.arr .tile,.arr .slot.open{width:54px}.arr .slabel span{display:none}}.twoup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.tu{background:var(--tile);border-radius:26px;padding:48px 40px 40px;display:flex;flex-direction:column;min-width:0}.tu .lede{font-size:21px;max-width:28ch;margin-top:16px}.tu .vis2{margin-top:auto;padding-top:36px}.tu .frame{height:210px}.tu .mbar{left:0;right:0;top:0;position:absolute}.tu-drag .mover{z-index:2}.tu-drag .mover .cur{left:9px;top:10px;opacity:1}.tu-drag .vcmd{position:absolute;left:22px;bottom:22px;height:48px;min-width:48px;font-size:24px;border-radius:11px;background:#ffffff38;color:#fff;box-shadow:0 2px #00000047,inset 0 .5px #ffffff4d;transform:translateY(1px)}.tu-drag .mover{transform:translate(-49px)}.tu-drag.play .mover{animation:vg-move 5s var(--io) both}.tu-drag.play .vcmd{animation:vg-cmd 5s var(--io) both}.tu-drag.play .vtag{animation:vg-tag 5s var(--out) both}.tu-drag .vtag{width:max-content;max-width:calc(2*(100cqw - 185px));white-space:normal;text-align:center;line-height:1.2;margin-top:-1px}.tu-drag.play .mover .cur{animation:vg-curd 5s linear both}.tu .frame{container-type:inline-size}.tu-launch .mbar{--u:min(1.3px, calc(100cqw / 224))}.tu-launch.play .g.launcher img{animation:vg-drop 1.6s var(--out) both;animation-delay:calc(var(--k) * .56s)}.tu-launch .vtag{position:absolute;left:0;right:0;bottom:28px;text-align:center;color:#fff;font:500 14px/1 var(--sans);opacity:.92}@media(max-width:900px){.twoup{grid-template-columns:minmax(0,1fr)}.tu{padding:40px 24px 28px}}.dark{background:var(--band);color:#fff;padding:140px 0 150px;position:relative}.dark .lede{color:#ffffffa3}.dark .lede .lead{color:var(--violet-lite)}.dark :focus-visible{outline-color:var(--violet-lite)}.dark .fnref a{color:inherit}.dark .caption{color:#ffffff8c;transition:opacity .3s}.dark .motion-wrap{margin-top:168px}.bigkeys{display:flex;justify-content:center;gap:14px;margin:56px 0 52px}.bk{width:104px;height:104px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#2d2d30,#1a1a1c);color:#f5f5f7;font:500 46px/1 var(--ui);box-shadow:0 3px #000,inset 0 1px #ffffff24,0 26px 40px -22px #000000e6;transition:transform 70ms var(--out),box-shadow 70ms var(--out),background 70ms var(--out)}.bk.down{transform:translateY(3px);background:linear-gradient(#3a3a3e,#26262a);box-shadow:0 0 #000,inset 0 1px #ffffff2e,0 10px 20px -14px #000000e6}.search{padding:56px 0 70px}.search .stage{position:relative;width:min(760px,92%);margin:0 auto;height:330px}.search .mbar{border-radius:12px;box-shadow:0 16px 44px #140f3c66;position:relative;z-index:1}.search .chev{position:relative}.search .summon-w{position:absolute;right:calc(100% + 6px);top:0;width:19px;height:19px;display:block}.search .summon-w:before{content:"";position:absolute;inset:-3px -7px;border-radius:7px;background:#fff3;opacity:0;transition:opacity .12s}.search .summon-w.lit:before{opacity:1}.search .summon{width:19px;height:19px;display:flex;align-items:center;justify-content:center}.search .summon .gi{width:16px;height:16px;fill:#fff;opacity:.92}.search [data-n]:not(.summon){position:relative}.search [data-n]:before{content:"";position:absolute;inset:-3px -7px;border-radius:7px;background:#fff3;opacity:0;transition:opacity .12s}.search [data-n].lit:before{opacity:1}.search .glass{position:absolute;z-index:2;border-radius:12px;overflow:hidden;color:#ffffffd9;text-align:left;font:13px/1.2 var(--ui);letter-spacing:0;background:#3a2e7075;-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);box-shadow:inset 0 0 0 .5px #ffffff24,inset 0 .5px #ffffff38,0 14px 34px #06002c6b,0 2px 8px #06002c57}.search .glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff1a,#fff0 38%)}.search .cmd{top:42px;width:440px;padding:8px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s var(--in),transform .12s var(--in)}.search .cmd.open{opacity:1;transform:none;pointer-events:auto;transition-duration:.18s;transition-timing-function:var(--out)}.search .head{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 10px}.search .mag{width:18px;height:18px;flex:none;opacity:.55;color:#fff}.search .field{position:relative;flex:1;height:24px}.search .field input,.search .field .ghost{position:absolute;inset:0;margin:0;padding:0 0 0 2px;border:0;background:none;outline:none;font:15px/24px var(--ui);letter-spacing:0;white-space:nowrap}.search .field input{color:#ffffffd9;caret-color:#fff;width:100%}.search .field input::placeholder{color:#ffffff4d}.search .field .ghost{color:#ffffff4d;pointer-events:none}.search .field .ghost i{font-style:normal;visibility:hidden}.search .list{padding-top:4px}.search .row{height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;cursor:default}.search .row.sel{background:#ffffff16}.search .row .gl{width:18px;height:18px;flex:none;display:flex;align-items:center;justify-content:center;opacity:.55;color:#fff}.search .row .gl .gi{width:16px;height:16px}.search .row .gl img{max-width:18px;max-height:13px}.search .row .t{white-space:nowrap}.search .row .t b{font-weight:600}.search .row .sub{font-size:12px;color:#ffffff8c;white-space:nowrap}.search .row .grow{flex:1;min-width:6px}.search .row .syn{font-size:12px;color:#ffffff4d;white-space:nowrap}.search .row .secp{font-size:11px;color:#ffffff8c;white-space:nowrap;padding:2px 7px;border-radius:99px;background:#ffffff0f}.search .row .ret{font-size:12px;color:#ffffff4d;width:14px;text-align:center;opacity:0}.search .row.sel .ret{opacity:1}.search .none{height:34px;display:flex;align-items:center;padding:0 10px;color:#ffffff8c}.search .menu{z-index:3;top:40px;width:252px;border-radius:14px;padding:6px 0;opacity:0;transform:scale(.97);transform-origin:20px 0;pointer-events:none;transition:opacity .12s var(--in),transform .12s var(--in)}.search .menu.open{opacity:1;transform:none;pointer-events:auto;transition-duration:.18s;transition-timing-function:var(--out)}.search .mh{position:relative;height:34px;margin:0 6px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.search .mh .v{font-weight:400;color:#ffffff8c}.search .sw{width:38px;height:22px;border-radius:11px;background:#0a66e6;position:relative;box-shadow:inset 0 0 0 .5px #ffffff2e}.search .sw:after{content:"";position:absolute;right:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000052}.search .msep{position:relative;height:1px;margin:5px 14px;background:#ffffff1f}.search .mlabel{position:relative;margin:0 16px;height:22px;display:flex;align-items:center;font-size:11px;font-weight:600;color:#ffffff8c}.search .mi{position:relative;height:26px;margin:0 6px;padding:0 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:9px}.search .mi .v{color:#ffffff8c;font-size:12px}.search .mi.hot{background:#0a66e6;color:#fff}.search .mi.hot .v{color:#ffffffc7}.search .hud{position:absolute;z-index:2;top:294px;display:flex;gap:4px;opacity:0;transform:translate(-50%,4px);transition:opacity .22s,transform .22s var(--out);pointer-events:none}.search .hud.on{opacity:1;transform:translate(-50%)}.search .hk{min-width:24px;height:24px;padding:0 7px;border-radius:7px;background:#ffffff21;color:#ffffffd1;font:500 12.5px/24px var(--ui);text-align:center;box-shadow:0 1px #00000042,inset 0 .5px #fff3}.search .hk.down{background:#ffffff4d;color:#fff;transform:translateY(1px)}.search.yours~.caption{opacity:0}@media(max-width:640px){.dark .motion-wrap{margin-top:112px}.bigkeys{gap:10px;margin:40px 0 36px}.bk{width:76px;height:76px;border-radius:18px;font-size:34px}.search{padding:36px 0 56px}.search .row .sub,.search .row .syn{display:none}}.motion-wrap .seg{display:inline-flex;max-width:100%;padding:3px;gap:2px;border-radius:11px;background:#ffffff24;margin-top:44px}.motion-wrap .seg button{appearance:none;border:0;margin:0;cursor:pointer;height:34px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0;white-space:nowrap;border-radius:8px;background:transparent;color:#ffffffdb;font:500 15px/1 var(--ui);transition:background var(--beat) var(--out),color var(--beat) var(--out)}.motion-wrap .seg button:hover{background:#ffffff1a}.motion-wrap .seg button[aria-pressed=true]{background:#fffffff0;color:#000;box-shadow:0 1px 3px #0006}.motion-stage{margin-top:36px}.motion-stage .frame{padding:56px 0;display:flex;align-items:center;justify-content:center}.motion-stage .mbar{width:min(760px,92%);border-radius:12px;box-shadow:0 16px 44px #140f3c66;--tw:150px}.motion-stage .chev{position:relative}.motion-stage .why{text-align:center;margin-top:24px;color:#ffffffb3;font-size:16px;min-height:1.5em}.motion-stage .why span{display:none}.motion-stage[data-style=instant] .why .i,.motion-stage[data-style=smooth] .why .s,.motion-stage[data-style=fade] .why .f{display:inline}@media(max-width:640px){.motion-stage .frame{padding:40px 0;container-type:inline-size}.motion-stage .mbar{--u:min(1px, calc(92cqw / 289))}.motion-wrap .seg button{padding:0 18px}}.priv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:80px;align-items:center}.priv .lede{max-width:34ch}.priv .mech{margin-top:20px;font-size:17px;line-height:1.5;color:var(--ink);max-width:44ch}.priv-tile{background:var(--tile);border-radius:26px;padding:56px 44px;display:flex;justify-content:center}.giwin{width:100%;max-width:440px;border-radius:12px;background:var(--giwin-bg);color:var(--win-ink);font:13px/1.4 var(--ui);overflow:hidden;box-shadow:0 0 0 .5px #0000003d,0 30px 60px -18px #00000057,0 8px 18px -8px #0003}.giwin .tb{position:relative;height:40px;display:flex;align-items:center;padding:0 14px}.giwin .lights{display:flex;gap:8px;position:relative;z-index:1}.giwin .lights i{width:12px;height:12px;border-radius:50%;display:block;box-shadow:inset 0 0 0 .5px #0000002e}.giwin .lights i:nth-child(1){background:#ff5f57}.giwin .lights i:nth-child(2){background:#febc2e}.giwin .lights i:nth-child(3){background:#28c840}.giwin .ttl{position:absolute;left:0;right:0;text-align:center;font-weight:600;pointer-events:none}.giwin .bd{padding:2px 22px 18px}.giwin .id{display:flex;align-items:center;gap:14px;padding:8px 0 14px}.giwin .id img{width:48px;height:48px;border-radius:11px;display:block}.giwin .id b{font-size:17px;font-weight:600;letter-spacing:-.01em}.giwin .id .sz{color:var(--win-mute);margin-left:8px;font-size:13px}.giwin .id p{color:var(--win-mute);font-size:12.5px;margin-top:3px}.giwin .gsec{border-top:1px solid var(--win-rule)}.giwin .gh{appearance:none;border:0;margin:0;background:none;width:100%;display:flex;align-items:center;gap:7px;padding:11px 0 9px;cursor:default;text-align:left;font:600 13px/1 var(--ui);color:var(--win-ink)}.giwin .gh:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.giwin .tri{width:9px;height:9px;flex:none;background:var(--win-dim);clip-path:polygon(15% 0,100% 50%,15% 100%);transition:transform .21s var(--in)}.giwin .gsec.open .tri{transform:rotate(90deg);transition:transform .28s var(--out)}.giwin .gc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .21s var(--in)}.giwin .gsec.open .gc{grid-template-rows:1fr;transition:grid-template-rows .28s var(--out)}.giwin .gc>div{overflow:hidden}.giwin dl{margin:0;padding:2px 0 12px 16px;display:grid;grid-template-columns:minmax(112px,min-content) minmax(0,1fr);gap:5px 14px}.giwin dt{text-align:right;color:var(--win-dim)}.giwin dd{margin:0}.giwin a{color:var(--win-link);text-decoration:none}.giwin a:hover{text-decoration:underline}@media(max-width:900px){.priv{grid-template-columns:minmax(0,1fr);gap:48px}.priv-tile{padding:36px 16px}}@media(max-width:640px){.giwin dl{grid-template-columns:minmax(96px,min-content) minmax(0,1fr);padding-left:8px}.giwin .bd{padding:2px 16px 14px}}@media(max-width:340px){.giwin dl{column-gap:8px;padding-left:4px}}