.as{position:relative;padding:0;color:var(--ink);overflow:clip;
  background:radial-gradient(1100px 640px at 78% 18%,rgba(111,168,255,.075),transparent 66%),radial-gradient(900px 560px at 8% 96%,rgba(244,185,66,.085),transparent 70%),#05080e}
.as::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-size:340px 340px;
  background-image:radial-gradient(1px 1px at 24px 36px,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 142px 92px,rgba(255,255,255,.55),transparent 60%),
    radial-gradient(1.4px 1.4px at 228px 168px,rgba(247,204,110,.75),transparent 60%),radial-gradient(1px 1px at 68px 236px,rgba(255,255,255,.5),transparent 60%),
    radial-gradient(1px 1px at 296px 292px,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 318px 40px,rgba(190,214,255,.7),transparent 60%)}

.as{--hdr:65px;scroll-margin-top:0}
.as [hidden]{display:none!important}
.as-in{position:relative;z-index:1;max-width:1720px;margin:0 auto;min-height:100vh;min-height:100svh;padding:calc(var(--hdr) + clamp(18px,3.4vh,40px)) clamp(16px,3.2vw,52px) clamp(22px,3.6vh,40px);display:flex;flex-direction:column}
.as .sechead{margin:0 0 14px;gap:14px}
.as .sechead h2{font-size:clamp(17px,1.5vw,22px);font-weight:600;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-variation-settings:normal;line-height:1.2}
.as .sechead .aside{color:var(--ink-dim);border:1px solid rgba(221,227,238,.16);border-radius:999px;padding:4px 11px;font-size:10.5px;letter-spacing:.14em}
.as-hl{margin:0;font-family:var(--serif);font-weight:800;font-size:clamp(34px,4.1vw,62px);line-height:1;letter-spacing:-.03em;color:#fff;font-variation-settings:"opsz" 144;text-wrap:balance}
.as-hl em,.as-line em,.as-free em{font-style:italic;font-weight:500;color:var(--gold)}
.as-sub{margin:14px 0 0;max-width:44ch;font-size:clamp(16px,1.2vw,18px);line-height:1.5;color:var(--ink)}
.as-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(244,185,66,.3)}
.as-more:hover{color:var(--gold-hi);border-color:var(--gold-hi)}
.as-more .arr{font-family:var(--sans);letter-spacing:0;font-size:15px}


.as-frame{position:relative;aspect-ratio:var(--ar,16/9);border-radius:16px;overflow:hidden;background:#03050a;border:1px solid rgba(221,227,238,.13);box-shadow:0 34px 90px -34px rgba(0,0,0,.95)}
.as-frame video,.as-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.as-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.as-chip{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);
  background:rgba(5,8,14,.74);border:1px solid rgba(244,185,66,.36);border-radius:999px;padding:5px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .4s ease}
.as-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(244,185,66,.8)}
.as-cap{display:grid;gap:2px;margin-top:12px}
.as-cap .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold)}
.as-cap b{font-family:var(--serif);font-weight:600;font-size:clamp(17px,1.3vw,21px);line-height:1.2;color:#fff;letter-spacing:-.01em}
.as-cap span{font-size:14px;line-height:1.4;color:var(--ink-dim)}


.as-tog{position:absolute;z-index:4;right:clamp(16px,3.2vw,52px);top:calc(var(--hdr) + clamp(14px,2.6vh,28px));display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;cursor:pointer;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);background:rgba(5,8,14,.6);border:1px solid rgba(221,227,238,.16)}
.as-tog:hover{color:var(--gold);border-color:rgba(244,185,66,.45)}
.as-tog i{width:9px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.as-tog[data-paused] i{border-right:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid currentColor}
.as-tog:focus-visible,.as-ch button:focus-visible,.as-rail button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}


.as-join{position:relative;display:grid;gap:10px 14px;padding:18px 22px;border-radius:18px;background:rgba(9,14,23,.88);border:1px solid rgba(244,185,66,.26);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -14px 70px -26px rgba(0,0,0,.85)}
.as-free{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(22px,1.9vw,30px);line-height:1.08;letter-spacing:-.02em;color:#fff}
.as-gpl{margin:6px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.as-f{display:grid;gap:6px;min-width:0}
.as-f>span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}
.as-f input{box-sizing:border-box;width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(221,227,238,.2);background:#070c15;color:#fff;font:16px/1.2 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s}
.as-f input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(244,185,66,.18)}
.as-f input[aria-invalid="true"]{border-color:var(--stamp-red)}
.as-join .btn{white-space:nowrap}
.as-join .btn[disabled]{opacity:.7;cursor:progress}
.as-ok{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--ink-dim);cursor:pointer}
.as-ok input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--gold);cursor:pointer}
.as-ok input[aria-invalid="true"]{outline:2px solid var(--stamp-red);outline-offset:2px}
.as-ok a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.as-err{margin:0;min-height:0;font-size:13.5px;color:#ff8f7a}
.as-err:empty{display:none}
.as-again{margin:0;font-size:12.5px;color:var(--ink-faint)}
.as-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.as-done{display:grid;align-content:center;gap:4px;outline:none}
.as-done b{font-family:var(--serif);font-weight:700;font-size:clamp(22px,1.9vw,30px);color:#fff;letter-spacing:-.02em}
.as-done b::before{content:"\2605";color:var(--gold);margin-right:10px}
.as-done span{color:var(--ink-dim);font-size:15px}
.as-join.as-joined>:not(.as-done){display:none}


.as-a .as-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 48px;flex-wrap:wrap}
.as-a .as-row{display:flex;align-items:flex-start;gap:clamp(10px,1.2vw,18px);margin:clamp(20px,3.4vh,40px) 0 clamp(18px,3vh,32px)}
.as-a .as-tile{flex:var(--g) 1 0;min-width:0;margin:0}
.as-a .as-dock{position:sticky;bottom:clamp(10px,2vh,20px);z-index:3;margin-top:auto}
.as-a .as-join{grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr) minmax(0,.9fr) auto;grid-template-areas:"hd em nm go" "hd ok ok ok" "hd er er er" "hd ag ag ag";align-items:end}
.as-a .as-join .as-hd{grid-area:hd;align-self:center;padding-right:8px}
.as-a .as-join .as-em{grid-area:em}.as-a .as-join .as-nm{grid-area:nm}.as-a .as-join .btn{grid-area:go}
.as-a .as-join .as-ok{grid-area:ok}.as-a .as-join .as-err{grid-area:er}.as-a .as-join .as-again{grid-area:ag}
.as-a .as-join .as-done{grid-column:1/-1;min-height:96px}
.as-js.as-a .as-dock .as-join{transform:translateY(calc(100% + 40px));opacity:0;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s ease}
.as-js.as-a .as-dock.in .as-join{transform:none;opacity:1}




.as-b .as-in{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start;min-height:0;padding:28px clamp(16px,3.2vw,52px) 32px}
.as-b .as-filmcol,.as-b .as-side{min-width:0;width:100%;max-width:960px;justify-self:center}
.as-b .sechead{margin:0 0 12px}
.as-b .sechead h2{font-size:clamp(15px,1.15vw,18px)}
.as-b .as-hl{font-size:clamp(32px,3.2vw,46px)}
.as-b .as-sub{margin-top:10px;max-width:none}
.as-b .as-tog{position:relative;top:auto;right:auto;margin-top:12px}
.as-b .as-bar{display:grid;grid-template-columns:var(--cols,1fr 1fr 1fr);gap:6px;margin-top:12px}
.as-b .as-bar i{position:relative;height:3px;border-radius:2px;background:rgba(221,227,238,.14);overflow:hidden}
.as-b .as-bar i b{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(var(--p,0))}

.as-b .as-film .as-chip{left:auto;right:12px;opacity:0}
.as-b .as-film.beta .as-chip{opacity:1}
.as-ch{list-style:none;margin:16px 0;padding:0;display:grid;gap:2px}
.as-ch button{box-sizing:border-box;display:grid;grid-template-columns:30px minmax(0,1fr);gap:1px 8px;width:100%;padding:7px 10px;border-radius:10px;border:1px solid transparent;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .3s,border-color .3s}
.as-ch button:hover{background:rgba(221,227,238,.04)}
.as-ch .n{grid-row:span 2;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint);padding-top:4px}
.as-ch b{font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.2;color:var(--ink-dim);transition:color .3s}
.as-ch span{font-size:13px;line-height:1.35;color:var(--ink-faint);transition:color .3s}
.as-ch .on button{background:rgba(244,185,66,.07);border-color:rgba(244,185,66,.28)}
.as-ch .on .n{color:var(--gold)}.as-ch .on b{color:#fff}.as-ch .on span{color:var(--ink-dim)}

.as-b .as-join{grid-template-columns:1fr 1fr;gap:8px 10px;padding:14px 16px;border-radius:14px}
.as-b .as-join .as-hd,.as-b .as-join .btn,.as-b .as-join .as-ok,.as-b .as-join .as-err,.as-b .as-join .as-again,.as-b .as-join .as-done{grid-column:1/-1}
.as-b .as-free{font-size:22px}
.as-b .as-gpl{margin-top:4px;font-size:10px}
.as-b .as-f>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.as-b .as-f input{height:44px;border-radius:10px}
.as-b .as-f input::placeholder{color:var(--ink-faint)}
.as-b .as-join .btn{width:100%;min-height:44px}
.as-b .as-ok{font-size:12.5px;line-height:1.4;gap:8px}
.as-b .as-ok input{width:18px;height:18px}

.as-consent{grid-column:1/-1;margin:0;font-size:12px;line-height:1.35;color:rgba(221,227,238,.72)}   
.as-go{grid-column:1/-1;display:flex;align-items:center;gap:14px}
.as-go .btn{flex:1 1 auto}
.as-priv{flex:0 0 auto;font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.as-priv:hover{color:var(--gold-hi)}
.as-b .as-join .as-done{min-height:150px}
@media (min-width:1200px){
  .as-b{--u:min(1vw,17.2px)}
  .as-b .as-in{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:calc(var(--u)*3.6);align-items:stretch;padding:calc(var(--u)*2.2) calc(var(--u)*3.2) calc(var(--u)*2.4)}
  .as-b .as-go{gap:var(--u)}
  .as-b .as-priv{font-size:max(12px,calc(var(--u)*.9))}
  .as-b .as-consent{font-size:max(11px,calc(var(--u)*.78))}
  .as-b .as-filmcol,.as-b .as-side{max-width:none}
  .as-b .as-filmcol{align-self:start}
  .as-b .as-side{display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--u)*.9)}
  .as-b .sechead{margin:0 0 calc(var(--u)*.7);gap:var(--u)}
  .as-b .sechead h2{font-size:var(--u)}
  .as-b .sechead .aside{font-size:max(10px,calc(var(--u)*.72));padding:calc(var(--u)*.26) calc(var(--u)*.76)}
  .as-b .as-hl{font-size:calc(var(--u)*2.36)}
  .as-b .as-sub{margin-top:calc(var(--u)*.55);font-size:calc(var(--u)*1.04);line-height:1.4}
  .as-b .as-ch{margin:0;gap:calc(var(--u)*.14)}
  .as-b .as-ch button{grid-template-columns:calc(var(--u)*2.1) minmax(0,1fr);padding:calc(var(--u)*.36) calc(var(--u)*.7);border-radius:calc(var(--u)*.7)}
  .as-b .as-ch .n{font-size:max(10px,calc(var(--u)*.74));padding-top:calc(var(--u)*.28)}
  .as-b .as-ch b{font-size:calc(var(--u)*1.15)}
  .as-b .as-ch span{font-size:max(12px,calc(var(--u)*.87))}
  .as-b .as-join{gap:calc(var(--u)*.55) calc(var(--u)*.6);padding:calc(var(--u)*.85) var(--u);border-radius:var(--u)}
  .as-b .as-free{font-size:calc(var(--u)*1.4)}
  .as-b .as-gpl{font-size:max(10px,calc(var(--u)*.68));margin-top:calc(var(--u)*.28)}
  .as-b .as-f input{height:calc(var(--u)*2.9);font-size:var(--u);padding:0 calc(var(--u)*.9);border-radius:calc(var(--u)*.7)}
  .as-b .as-join .btn{min-height:calc(var(--u)*2.9);font-size:calc(var(--u)*.8)}
  .as-b .as-ok{font-size:max(11.5px,calc(var(--u)*.85));gap:calc(var(--u)*.6)}
  .as-b .as-ok input{width:calc(var(--u)*1.2);height:calc(var(--u)*1.2)}
  .as-b .as-err,.as-b .as-again{font-size:max(11.5px,calc(var(--u)*.85))}
  .as-b .as-join .as-done{min-height:calc(var(--u)*11)}
  .as-b .as-bar{margin-top:calc(var(--u)*.8)}
  .as-b .as-tog{margin-top:calc(var(--u)*.9);min-height:calc(var(--u)*2.6);font-size:max(10px,calc(var(--u)*.7));padding:0 var(--u)}
  .as-b .as-film .as-chip{right:calc(var(--u)*.85);top:calc(var(--u)*.85)}
}


.as-b1 .as-hl1,.as-b3 .as-hl3{font-size:clamp(34px,3.6vw,54px);line-height:1.02}
.as-gpl3{margin:12px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.as-rep{display:grid;grid-template-columns:1fr 1fr auto 1.15fr;align-items:end;gap:10px;margin:18px 0 4px}
.as-rep figure{margin:0;display:grid;justify-items:center;gap:8px;text-align:center}
.as-rep svg{width:100%;max-width:96px;height:auto;display:block}
.as-rep figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);line-height:1.35}
.as-rep-x{color:var(--ink-dim)}
.as-rep-x .x{stroke:var(--stamp-red,#d4543e);stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:1}
.as-rep-to{color:var(--gold);align-self:center;width:40px}
.as-rep-to svg{max-width:40px}
.as-rep-y{color:var(--gold)}
.as-rep-y svg{max-width:112px;filter:drop-shadow(0 0 14px rgba(244,185,66,.35))}
.as-rep-y figcaption{color:var(--gold)}
.as-rep.in .as-rep-x .x{animation:asx .55s ease forwards .25s}
.as-rep.in .as-rep-x:nth-child(2) .x{animation-delay:.6s}
.as-rep.in .as-rep-x svg{opacity:.45;transition:opacity .6s ease .7s}
@keyframes asx{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.as-rep-x .x{stroke-dashoffset:0;animation:none!important}.as-rep-x svg{opacity:.45}}
@media (min-width:1200px){
  .as-b1 .as-hl1{font-size:calc(var(--u)*2.7)}
  .as-b3 .as-hl3{font-size:calc(var(--u)*2.85)}
  .as-gpl3{font-size:max(10px,calc(var(--u)*.7));margin-top:calc(var(--u)*.8)}
  .as-rep{margin:calc(var(--u)*1.3) 0 calc(var(--u)*.4);gap:calc(var(--u)*.7)}
  .as-rep svg{max-width:calc(var(--u)*6.6)}
  .as-rep-y svg{max-width:calc(var(--u)*7.8)}
  .as-rep-to,.as-rep-to svg{width:calc(var(--u)*2.8);max-width:calc(var(--u)*2.8)}
  .as-rep figcaption{font-size:max(9.5px,calc(var(--u)*.68))}
}


.as-c .as-skip{position:absolute;left:clamp(16px,3.2vw,52px);top:8px;z-index:6;padding:8px 14px;border-radius:999px;background:var(--gold);color:#16120a;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transform:translateY(-200%);transition:transform .2s}
.as-c .as-skip:focus{transform:none}
.as-c .as-head{position:relative;z-index:3;padding:calc(var(--hdr) + clamp(14px,2.6vh,28px)) clamp(16px,3.2vw,52px) 0}
.as-c .as-head .as-tog{top:calc(var(--hdr) + clamp(8px,2vh,20px))}
.as-c .as-head .sechead{padding-right:230px}
.as-c .as-step{position:relative;margin:0}
.as-c .as-media{position:relative;padding:0 clamp(16px,3.2vw,52px)}
.as-c .as-wide .as-media video,.as-c .as-wide .as-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid rgba(221,227,238,.13);background:#03050a}
.as-c .as-fit .as-media{display:flex;justify-content:center}
.as-c .as-fit .as-frame{width:min(100%,calc(72vh * var(--arn,1)))}
.as-c .as-capc{position:relative;z-index:2;padding:16px clamp(16px,3.2vw,52px) 40px;max-width:760px}
.as-tag{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.as-tag .as-chip{position:static}
.as-line{margin:0;font-family:var(--serif);font-weight:800;font-size:clamp(34px,4.6vw,70px);line-height:1;letter-spacing:-.03em;color:#fff;font-variation-settings:"opsz" 144;text-wrap:balance}
.as-c .as-fin{padding:24px clamp(16px,3.2vw,52px) 64px}
.as-c .as-fin .as-join{max-width:640px;margin:0 auto;grid-template-columns:1fr 1fr;padding:22px}
.as-c .as-fin .as-join .as-hd,.as-c .as-fin .as-join .btn,.as-c .as-fin .as-join .as-ok,.as-c .as-fin .as-join .as-err,.as-c .as-fin .as-join .as-again,.as-c .as-fin .as-join .as-done{grid-column:1/-1}
.as-c .as-fin .as-join .btn{width:100%}
.as-c .as-fin .as-free{font-size:clamp(30px,3.4vw,48px)}
.as-c .as-fin .as-join .as-done{min-height:150px}
.as-c .as-fin .as-links{display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;margin-top:16px}
.as-c .as-rail{display:none}

.as-story.as-c{height:420vh;height:420svh}
.as-story.as-c .as-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.as-story.as-c .as-head{position:absolute;left:0;top:0;right:0;pointer-events:none}
.as-story.as-c .as-head *{pointer-events:auto}

.as-story.as-c .as-step{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s ease}
.as-story.as-c .as-step.on{opacity:1;pointer-events:auto}
.as-story.as-c .as-media{position:absolute;inset:0;padding:0}
.as-story.as-c .as-wide .as-media video,.as-story.as-c .as-wide .as-media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0}
.as-story.as-c .as-wide .as-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,14,.62),rgba(5,8,14,0) 24%,rgba(5,8,14,0) 46%,rgba(5,8,14,.9) 100%)}
.as-story.as-c .as-fit{--pt:calc(var(--hdr) + clamp(64px,9vh,88px));--pb:clamp(40px,7vh,72px)}
.as-story.as-c .as-fit .as-media{display:flex;align-items:center;justify-content:flex-end;padding:var(--pt) clamp(56px,6vw,120px) var(--pb) 38%}
.as-story.as-c .as-fit .as-frame{width:min(100%,calc((100vh - var(--pt) - var(--pb)) * var(--arn,1)));width:min(100%,calc((100svh - var(--pt) - var(--pb)) * var(--arn,1)))}
.as-story.as-c .as-capc{position:absolute;left:clamp(16px,4vw,72px);bottom:clamp(28px,8vh,84px);padding:0;max-width:min(620px,78vw)}
.as-story.as-c .as-fit .as-capc{bottom:auto;top:50%;transform:translateY(-50%);max-width:min(36%,520px)}
.as-story.as-c .as-fin{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hdr) + clamp(56px,8vh,80px)) clamp(16px,3.2vw,52px) clamp(30px,5vh,60px)}
.as-story.as-c .as-rail{position:absolute;z-index:4;right:clamp(14px,2.2vw,34px);top:50%;transform:translateY(-50%);display:grid;gap:16px;margin:0;padding:0;list-style:none}
.as-story.as-c .as-rail button{display:block;width:12px;height:12px;padding:0;border-radius:50%;border:1px solid rgba(244,185,66,.65);background:transparent;cursor:pointer;transition:background .3s,transform .3s}
.as-story.as-c .as-rail .on button{background:var(--gold);transform:scale(1.25)}
.as-story.as-c .as-rail button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}


@media (max-width:760px){
  .as-in{padding:calc(var(--hdr) + 20px) 16px 24px}
  .as .sechead{gap:4px 12px}
  .as .sechead .aside{width:auto}
  .as-tog{top:calc(var(--hdr) + 14px);right:16px;width:38px;height:38px;min-height:0;padding:0;justify-content:center}
  .as-tog span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .as .sechead{padding-right:48px}
  .as-b .sechead,.as-c .as-head .sechead{padding-right:48px}
  .as-b .as-tog{top:auto;right:auto;margin-top:10px}
  .as-a .as-row{flex-wrap:wrap;gap:10px;margin:18px 0 20px}
  .as-a .as-tile:first-child{flex:1 1 100%}
  .as-a .as-tile:nth-child(2){flex:3 1 0}
  .as-a .as-tile:nth-child(3){flex:2 1 0}
  .as-a .as-tile .as-cap span{display:none}
  .as-a .as-tile:first-child .as-cap span{display:block}
  .as-a .as-cap{margin-top:8px}
  .as-a .as-cap b{font-size:16px}
  .as-a .as-dock{position:relative;bottom:auto}
  .as-a .as-join,.as-b .as-join,.as-c .as-fin .as-join{grid-template-columns:minmax(0,1fr);grid-template-areas:none;padding:16px}
  .as-a .as-join>*,.as-b .as-join>*,.as-c .as-fin .as-join>*{grid-area:auto!important;grid-column:1/-1}
  .as-join .btn{width:100%}
  .as-chip{left:8px;top:8px;font-size:9px;padding:4px 8px;letter-spacing:.12em}
  .as-b .as-in{grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;padding:20px 16px 24px}
  .as-b .as-go .btn{width:auto}
  .as-ch{margin:14px 0}
  .as-ch button{padding:8px 10px}
  .as-ch span{font-size:13px}
  .as-story.as-c .as-wide .as-media,.as-story.as-c .as-fit .as-media{display:flex;align-items:center;justify-content:center;padding:calc(var(--hdr) + 88px) 16px 190px;inset:0}
  .as-story.as-c .as-wide .as-media::after{display:none}
  .as-story.as-c .as-wide .as-media video,.as-story.as-c .as-wide .as-media img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;border:1px solid rgba(221,227,238,.13)}
  .as-story.as-c .as-fit .as-frame{width:min(100%,calc((100vh - var(--hdr) - 300px) * var(--arn,1)));width:min(100%,calc((100svh - var(--hdr) - 300px) * var(--arn,1)))}
  .as-story.as-c .as-capc,.as-story.as-c .as-fit .as-capc{left:16px;right:52px;top:auto;bottom:max(28px,6svh);transform:none;max-width:none}
  .as-line{font-size:clamp(30px,9vw,40px)}
  .as-story.as-c .as-rail{right:14px;top:auto;bottom:max(34px,6.5svh);transform:none;gap:12px}
  .as-story.as-c .as-fin{padding:calc(var(--hdr) + 56px) 16px 24px}
}
@media (max-width:760px) and (max-height:700px){.as-line{font-size:28px}}


@media (prefers-reduced-motion:reduce){
  .as-js.as-a .as-dock .as-join{transform:none;opacity:1;transition:none}
  .as-chip,.as-ch button,.as-ch b,.as-ch span{transition:none}
}


.as-b4 .as-bh{container-type:inline-size}
.as-b.as-b4 .as-hl.as-hl4{font-size:calc(100cqi / 13.55);line-height:1.04;text-wrap:nowrap}
.as-hl4 .l{display:block;white-space:nowrap}
.as-hl4 .as-x4{display:inline-flex;align-items:center;gap:.16em;margin:0 0 0 .32em;vertical-align:-.06em}
.as-hl4 .as-x4 .as-rep-x{display:block;line-height:0}
.as-hl4 .as-x4 svg{width:1.12em;height:auto;max-width:none}
.as-hl4 .as-plug{display:inline-block;margin-left:.3em;vertical-align:-.1em;color:var(--gold);line-height:0}
.as-hl4 .as-plug svg{height:1.02em;width:auto;max-width:none;overflow:visible;filter:drop-shadow(0 0 12px rgba(244,185,66,.32))}
.as-plug .cbl{stroke-dasharray:1;stroke-dashoffset:-1}
.as-plug .jack{transform:translateY(5px);opacity:0}
.as-plug .scr{fill:currentColor;stroke:none;opacity:0;transform-box:fill-box;transform-origin:center}
.as-plug .dot{fill:#fff6dc;stroke:none;opacity:0;offset-rotate:0deg}
.as-plug.in .cbl{animation:asCbl .9s cubic-bezier(.5,0,.2,1) .35s forwards}
.as-plug.in .jack{animation:asJack .4s cubic-bezier(.2,.8,.2,1) 1.2s forwards}
.as-plug.in .scr{animation:asScr .6s ease-out 1.6s forwards}
.as-plug.in .dot{animation:asDot 3.2s linear 2.3s infinite}
@keyframes asCbl{to{stroke-dashoffset:0}}
@keyframes asJack{to{transform:none;opacity:1}}
@keyframes asScr{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:none}}
@keyframes asDot{0%{offset-distance:100%;opacity:0}12%,80%{opacity:.95}92%,100%{offset-distance:0%;opacity:0}}
@media (prefers-reduced-motion:reduce){
  .as-plug .cbl{stroke-dashoffset:0}
  .as-plug .jack,.as-plug .scr{transform:none;opacity:1}
  .as-plug .cbl,.as-plug .jack,.as-plug .scr{animation:none!important}
  .as-plug .dot{display:none}
}