/* RealityShow HQ · design lock: Koto dark studio index (primary), one turning rule line (Traffic), thin-rule SVG diagrams (V-A-C) */
:root{
  --bg:#060606;--panel:#141414;--ctl:rgba(255,255,255,.05);--ctl-h:rgba(255,255,255,.1);
  --rule:rgba(255,255,255,.1);--fg:#fff;--grey:#989898;--dim:#595959;--y:#ffe800;--red:#e51e2d;
  --outer:16px;--gut:8px;--edge:28px;--head:56px;
  --cond:"Barlow Condensed","Arial Narrow",sans-serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:350 16px/1.25 var(--sans);font-variation-settings:"wght" 350;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:1px solid var(--y);outline-offset:3px}
::selection{background:var(--y);color:#000}
section,header,footer{border:0;box-shadow:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* type */
.lbl{font:400 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:normal;color:var(--grey);margin:0}
.lbl .n{color:var(--y)}
.h-open{font:300 48px/1 var(--cond);margin:0;text-wrap:balance;letter-spacing:0}
.h-st{font:300 38px/1.1 var(--cond);margin:0;text-wrap:balance;letter-spacing:0}
.h-st .g,.h-open .g,.h-sub .g{color:var(--grey)}
.h-sub{font:300 28px/1.1 var(--cond);margin:0;text-wrap:balance}
.d{font-size:14px;line-height:1.35;color:var(--grey);margin:0}
.p{margin:0;max-width:62ch;text-wrap:pretty}
.p+.p{margin-top:.8em}
.prose{line-height:1.45}
.grey{color:var(--grey)}
.y{color:var(--y)}

/* layout */
.g16{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));column-gap:var(--gut);padding-inline:var(--outer)}
.sec{padding-block:120px;position:relative}
.sec.tight{padding-block:72px}
.tx{padding-inline:12px}  /* outer 16 + 12 = 28px text edge */
.ruled{border-top:1px solid var(--rule)}
.c-lbl{grid-column:1/5}
.c-main{grid-column:5/15}
.c-left{grid-column:1/6}
.c-rail{grid-column:7/17}
.c-full{grid-column:1/-1}

/* buttons: small instruments */
.btn{display:inline-flex;align-items:center;gap:12px;height:45px;padding:0 16px;border-radius:2px;background:var(--ctl);border:0;font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--fg);cursor:pointer;transition:background .2s;white-space:nowrap}
.btn:hover{background:var(--ctl-h)}
.btn .ar{font-family:var(--sans);font-size:13px;line-height:1}
.btn.red{background:var(--red)}
.btn.red:hover{background:#f2303e}
.btn:disabled{opacity:.5;cursor:default}
.btns{display:flex;flex-wrap:wrap;gap:8px}

/* header */
.top{position:fixed;inset:0 0 auto;z-index:50;height:var(--head);display:flex;align-items:center;justify-content:space-between;padding:0 var(--outer) 0 calc(var(--outer) + 12px);transition:background .3s}
.top.solid{background:rgba(6,6,6,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.logo{display:flex;align-items:center;gap:10px;font:400 12px/1 var(--mono);text-transform:uppercase}
.logo i{width:8px;height:8px;border-radius:50%;background:var(--y);display:block}
.logo span{color:var(--grey)}
.nav{display:flex;align-items:center;gap:4px}
.nav a.nl{font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--grey);padding:10px 10px;transition:color .2s}
.nav a.nl:hover,.nav a.nl.on{color:var(--fg)}
.nav a.nl.on::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--y);margin-right:7px;vertical-align:1px}
.nav .btn{height:36px;margin-left:8px}
.menu-b{display:none;height:36px;padding:0 12px}
@media (max-width:980px){
  .nav a.nl,.nav .call{display:none}
  .menu-b{display:inline-flex}
  .nav.open{position:fixed;inset:var(--head) 0 auto 0;background:var(--bg);flex-direction:column;align-items:stretch;padding:8px var(--outer) 20px;gap:0;border-bottom:1px solid var(--rule)}
  .nav.open a.nl{display:block;padding:16px 12px;font-size:13px;border-top:1px solid var(--rule)}
  .nav.open .call{display:inline-flex;margin:16px 0 0;justify-content:center}
  .nav.open .menu-b{position:fixed;top:10px;right:var(--outer)}
}

/* opening stage */
.stage{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#000}
.stage video,.stage img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,.55) 0,rgba(6,6,6,0) 22%,rgba(6,6,6,0) 45%,rgba(6,6,6,.88) 88%,#060606 100%);pointer-events:none}
.stage .intro{position:absolute;left:calc(var(--outer) + 12px);bottom:44px;z-index:2;max-width:640px}
.stage .intro .lbl{margin-bottom:16px}
.stage .idx{position:absolute;right:var(--outer);bottom:44px;z-index:2;display:grid;gap:2px;min-width:250px}
.stage .idx a{display:flex;justify-content:space-between;gap:20px;padding:9px 12px;border-radius:2px;background:var(--ctl);font:400 11px/1 var(--mono);text-transform:uppercase;transition:background .2s}
.stage .idx a:hover{background:var(--ctl-h)}
.stage .idx a b{font-weight:400;color:var(--y)}
@media (max-width:760px){.stage .idx{display:none}.stage .intro{bottom:32px;right:var(--outer)}}

/* video slot */
.vid{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--panel)}
.vid img{width:100%;height:100%;object-fit:cover}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid .play{position:absolute;left:12px;bottom:12px}
.vid .tag{position:absolute;left:12px;bottom:12px;font:400 11px/1 var(--mono);text-transform:uppercase;background:rgba(6,6,6,.75);padding:9px 10px;border-radius:2px;color:var(--grey)}
.vid button.cover{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;cursor:pointer;padding:0}

/* media tiles */
.tile{border-radius:6px;overflow:hidden;background:var(--panel);aspect-ratio:16/9}
.tile img,.tile video{width:100%;height:100%;object-fit:cover}

/* the deck */
.deck-head{padding-bottom:56px}
.deck{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));column-gap:var(--gut);padding-inline:var(--outer)}
.rail{grid-column:1/4;position:sticky;top:calc(var(--head) + 24px);align-self:start;padding-left:12px}
.rail ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rail a{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:10px 0;font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--dim);transition:color .3s}
.rail a b{font-weight:400}
.rail a.on{color:var(--fg)}
.rail a.on b{color:var(--y)}
.rail .bar{height:1px;background:var(--rule);margin-top:14px;position:relative;width:calc(100% - 12px)}
.rail .bar i{position:absolute;left:0;top:0;height:1px;width:0;background:var(--y)}
.rail .pct{margin-top:10px}
.deck-body{grid-column:4/-1;position:relative;padding-left:96px}
.deck-line{position:absolute;left:0;top:0;width:96px;height:100%;overflow:visible;pointer-events:none}
.deck-line path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.deck-line .base{stroke:rgba(255,255,255,.1)}
.deck-line .lit{stroke:rgba(255,255,255,.55)}
.deck-line circle{fill:var(--y)}
.deck-line text{font:400 10px/1 var(--mono);fill:var(--dim);text-transform:uppercase}
.chap{position:relative;height:190vh}
.chap+.chap{margin-top:0}
.chap-pin{position:sticky;top:var(--head);height:calc(100vh - var(--head));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:40px;align-items:center;padding-right:12px}
.chap .txt .lbl{margin-bottom:20px}
.chap .txt .h-st{margin-bottom:20px}
.chap dl{margin:28px 0 28px;display:grid;grid-template-columns:110px 1fr;font-size:14px;line-height:1.35}
.chap dt,.chap dd{padding:10px 0;border-top:1px solid var(--rule);margin:0}
.chap dt{font:400 11px/1.6 var(--mono);text-transform:uppercase;color:var(--grey)}
.chap .media{display:grid;gap:16px}
.chap .diag{border-top:1px solid var(--rule);padding-top:12px}
.chap .diag svg{width:100%;height:auto}

/* thin-rule diagrams */
.dg .ln{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1;vector-effect:non-scaling-stroke}
.dg .ln.dim{stroke:rgba(255,255,255,.18)}
.dg .ln.yel{stroke:var(--y)}
.dg .dot{fill:var(--fg)}
.dg .dot.y{fill:var(--y)}
.dg .box{fill:var(--bg);stroke:rgba(255,255,255,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.dg text{fill:var(--fg);font-family:var(--sans);font-size:15px;font-weight:350}
.dg text.m{font-family:var(--mono);font-size:11px;text-transform:uppercase;fill:var(--grey)}
.dg text.c{font-family:var(--cond);font-weight:300;font-size:30px}
.dg text.g{fill:var(--grey)}
.dg text.yl{fill:var(--y)}
.js .dg [data-at]{opacity:0;transition:opacity .5s}
.js .dg [data-at].in{opacity:1}
.js .dg .dr{stroke-dasharray:1;stroke-dashoffset:1}
.v-h{display:block}.v-v{display:none}
@media (max-width:760px){.v-h{display:none}.v-v{display:block}}

/* ladder */
.ladder svg{width:100%;height:auto}

/* comparison */
.cmp{width:100%;border-collapse:collapse;font-size:14px;line-height:1.35}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:14px 12px 14px 0;border-top:1px solid var(--rule);font-weight:350}
.cmp thead th{border-top:0;padding-bottom:18px}
.cmp thead th a{display:block;font:300 28px/1 var(--cond);color:var(--fg)}
.cmp thead th a span{display:block;font:400 11px/1.3 var(--mono);text-transform:uppercase;color:var(--grey);margin-top:8px}
.cmp tbody th{font:400 11px/1.6 var(--mono);text-transform:uppercase;color:var(--grey);width:16%}
.cmp td{width:28%}
.cmp tr.one td{font:300 20px/1.15 var(--cond);color:var(--fg)}
.cmp-m{display:none}
.cmp-m section{padding:20px 0 8px;border-top:1px solid var(--rule)}
.cmp-m h3{font:300 30px/1 var(--cond);margin:0 0 4px}
.cmp-m dl{display:grid;grid-template-columns:96px 1fr;font-size:14px;line-height:1.35;margin:12px 0 0}
.cmp-m dt,.cmp-m dd{margin:0;padding:10px 0;border-top:1px solid var(--rule)}
.cmp-m dt{font:400 11px/1.6 var(--mono);text-transform:uppercase;color:var(--grey)}
@media (max-width:860px){.cmp{display:none}.cmp-m{display:block}}

/* studio index rows (break-outs, prev/next) */
.idx-rows{list-style:none;margin:0;padding:0}
.idx-rows li{border-top:1px solid var(--rule)}
.idx-rows li:last-child{border-bottom:1px solid var(--rule)}
.irow{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));column-gap:var(--gut);align-items:center;padding:26px 0;position:relative;transition:background .25s}
.irow:hover{background:var(--panel)}
.irow .n{grid-column:1/3;padding-left:12px;font:400 11px/1 var(--mono);color:var(--y)}
.irow .t{grid-column:3/9;font:300 38px/1.05 var(--cond)}
.irow .t small{display:block;font:350 14px/1.35 var(--sans);color:var(--grey);margin-top:8px;max-width:44ch}
.irow .k{grid-column:9/12;font:400 11px/1.4 var(--mono);text-transform:uppercase;color:var(--grey)}
.irow .th{grid-column:12/15;border-radius:6px;overflow:hidden;aspect-ratio:16/9;opacity:.85;transition:opacity .25s}
.irow:hover .th{opacity:1}
.irow .th img{width:100%;height:100%;object-fit:cover}
.irow .go{grid-column:15/17;justify-self:end;padding-right:12px}
@media (max-width:860px){
  .irow{grid-template-columns:1fr auto;row-gap:10px;padding:22px 12px}
  .irow .n,.irow .t,.irow .k{grid-column:1/2;padding-left:0}
  .irow .th{display:none}
  .irow .go{grid-column:2/3;grid-row:1/4;align-self:center;padding-right:0}
  .irow .t{font-size:32px}
}

/* shows rail */
.shows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px}
.show a{display:block}
.show .tile{margin-bottom:12px}
.show .tile img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.show a:hover .tile img{transform:scale(1.03)}
.show .nm{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.show .nm b{font:300 26px/1.05 var(--cond)}
.show .nm span{font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--grey);white-space:nowrap}
.show .d{margin-top:6px;max-width:46ch}
.show.big{grid-column:1/-1}
.show.big .nm b{font-size:32px}

/* proof cases */
.cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gut);row-gap:0}
.case{border-top:1px solid var(--rule);padding:18px 12px 30px 12px}
.case .lbl{margin-bottom:12px}
.case h3{font:300 28px/1.05 var(--cond);margin:0 0 6px}
.case .sold{font-size:14px;color:var(--grey);margin:0 0 12px}
.case p{font-size:14px;line-height:1.4;margin:0}
.case a.src{display:inline-block;margin-top:10px;font:400 11px/1.3 var(--mono);text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--rule);padding-bottom:2px}
.case a.src:hover{color:var(--fg)}
@media (max-width:1100px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cases{grid-template-columns:1fr}}

/* fact rows, give/get/measure */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut)}
.facts>div{border-top:1px solid var(--rule);padding:18px 12px 0}
.facts .lbl{margin-bottom:14px}
.facts p{margin:0;font-size:16px;line-height:1.35}
.facts .big{font:300 28px/1.1 var(--cond);margin-bottom:10px}
@media (max-width:860px){.facts{grid-template-columns:1fr;row-gap:24px}}

/* steps list (under flow diagrams) */
.steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut);counter-reset:s}
.steps li{border-top:1px solid var(--rule);padding:14px 12px 26px;counter-increment:s;font-size:15px;line-height:1.4}
.steps li::before{content:counter(s,decimal-leading-zero);display:block;font:400 11px/1 var(--mono);color:var(--y);margin-bottom:10px}
.steps li b{display:block;font-weight:500;font-variation-settings:"wght" 500;margin-bottom:4px}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* formats as capability chapters */
.fmt{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));column-gap:var(--gut);border-top:1px solid var(--rule);padding:30px 0 36px}
.fmt .n{grid-column:1/3;padding-left:12px;font:400 11px/1.4 var(--mono);color:var(--y)}
.fmt .hd{grid-column:3/8}
.fmt .hd h3{font:300 32px/1.05 var(--cond);margin:0 0 12px;text-wrap:balance}
.fmt .rows{grid-column:9/17;padding-right:12px;margin:0;display:grid;grid-template-columns:150px 1fr;font-size:15px;line-height:1.4}
.fmt .rows dt,.fmt .rows dd{margin:0;padding:11px 0;border-top:1px solid var(--rule)}
.fmt .rows dt:first-of-type,.fmt .rows dd:first-of-type{border-top:0;padding-top:2px}
.fmt .rows dt{font:400 11px/1.75 var(--mono);text-transform:uppercase;color:var(--grey)}
@media (max-width:860px){
  .fmt{grid-template-columns:1fr;padding:24px 12px 28px;row-gap:14px}
  .fmt .n,.fmt .hd,.fmt .rows{grid-column:1/-1;padding:0}
  .fmt .rows{grid-template-columns:104px 1fr;font-size:14px}
}

/* example */
.ex{border-top:1px solid var(--rule);padding-top:28px}
.ex-tag{display:inline-flex;align-items:center;gap:8px;font:400 11px/1 var(--mono);text-transform:uppercase;padding:9px 10px;border-radius:2px;background:var(--ctl);margin-bottom:20px}
.ex-tag i{width:6px;height:6px;border-radius:50%;background:var(--y)}
.ex-plan{list-style:none;margin:24px 0 0;padding:0}
.ex-plan li{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--rule);padding:12px 0;font-size:15px;line-height:1.4}
.ex-plan li b{font:400 11px/1.75 var(--mono);text-transform:uppercase;color:var(--grey);font-weight:400}
.ex-note{margin-top:18px}
@media (max-width:560px){.ex-plan li{grid-template-columns:1fr;row-gap:4px}}

/* faq */
.faq details{border-top:1px solid var(--rule)}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:16px;padding:20px 12px;font:300 26px/1.1 var(--cond)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 24px/1 var(--sans);color:var(--grey);text-align:right;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 12px 24px;max-width:70ch;line-height:1.45;color:#d8d8d8}

/* jump links */
.jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}
.jump a{font:400 11px/1 var(--mono);text-transform:uppercase;padding:10px 10px;border-radius:2px;background:var(--ctl);color:var(--grey);transition:all .2s}
.jump a:hover{color:var(--fg);background:var(--ctl-h)}

/* contact directory + form */
.dir{list-style:none;margin:0;padding:0}
.dir>li{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));column-gap:var(--gut);border-top:1px solid var(--rule);padding:22px 0}
.dir>li:last-child{border-bottom:1px solid var(--rule)}
.dir .k{grid-column:1/5;padding-left:12px}
.dir .v{grid-column:5/17;padding-right:12px}
.dir .v.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.dir .big{font:300 32px/1.05 var(--cond)}
.dir .big .g{color:var(--grey)}
@media (max-width:860px){.dir>li{grid-template-columns:1fr;row-gap:12px;padding:20px 12px}.dir .k,.dir .v{grid-column:1/-1;padding:0}}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:880px}
.form .full{grid-column:1/-1}
.fld label,.fld legend{display:block;font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--grey);margin-bottom:8px;padding:0}
.fld input,.fld textarea{width:100%;background:var(--ctl);border:1px solid transparent;border-radius:2px;padding:0 14px;height:48px;font-size:16px;color:var(--fg);outline:0;transition:border-color .2s}
.fld textarea{height:auto;min-height:110px;padding:13px 14px;resize:vertical;line-height:1.4}
.fld input:focus,.fld textarea:focus{border-color:rgba(255,255,255,.3)}
.fld fieldset{border:0;margin:0;padding:0;min-width:0}
.ways{display:flex;flex-wrap:wrap;gap:6px}
.ways label{margin:0;cursor:pointer;position:relative}
.ways input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.ways span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px;border-radius:2px;background:var(--ctl);font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--grey);transition:all .2s}
.ways span::before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid var(--dim)}
.ways input:checked+span{color:var(--fg);background:var(--ctl-h)}
.ways input:checked+span::before{background:var(--y);border-color:var(--y)}
.ways input:focus-visible+span{outline:1px solid var(--y)}
.talk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}
.talk .btn{height:36px}
.talk .btn.rec{background:var(--ctl-h)}
.talk .btn.rec i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.f-end{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}
.f-msg{font-size:14px;color:var(--grey);min-height:1.2em}
.f-msg.err{color:#ff8a8a}
.f-done{display:none;padding:22px 0}
.f-done .h-sub{margin-bottom:8px}
form.sent .form{display:none}
form.sent .f-done{display:block}
.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);border:0!important;padding:0!important;opacity:0}

/* footer */
.foot{padding:56px var(--outer) 36px;border-top:1px solid var(--rule)}
.foot .g16{padding:0}
.foot .col{grid-column:span 4;padding-left:12px}
.foot .col p{margin:0 0 10px}
.foot a{color:var(--grey);font-size:14px;transition:color .2s}
.foot a:hover{color:var(--fg)}
.foot .base{margin-top:48px;padding-left:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:860px){.foot .col{grid-column:span 8;margin-bottom:28px}}

/* balanced wraps (no orphan words) */
.faq summary,.facts .big,.dir .big,.case h3,.fmt h3,.irow .t,.show .nm b,.cmp-m h3{text-wrap:balance}

/* reveal */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* page openers (deep pages) */
.open{padding-top:calc(var(--head) + 96px);padding-bottom:96px}
.crumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.crumb a:hover{color:var(--fg)}

/* responsive */
@media (max-width:1100px){
  .c-lbl{grid-column:1/-1;margin-bottom:24px}
  .c-main{grid-column:1/-1}
  .c-left{grid-column:1/-1;margin-bottom:32px}
  .c-rail{grid-column:1/-1}
}
@media (max-width:980px){
  .deck{display:block;padding-inline:var(--outer)}
  .rail{position:sticky;top:var(--head);z-index:20;background:rgba(6,6,6,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 4px;margin:0 calc(var(--outer) * -1);padding-inline:var(--outer)}
  .rail ol{grid-template-columns:repeat(3,1fr);gap:4px}
  .rail a{grid-template-columns:auto 1fr;gap:6px;padding:14px 0 12px}
  .rail .bar{margin-top:0;width:100%}
  .rail .pct{display:none}
  .deck-body{padding-left:40px}
  .deck-line{width:40px}
  .deck-line text{display:none}
  .chap{height:auto;padding:56px 0 64px}
  .chap-pin{position:static;height:auto;display:block;padding-right:0}
  .chap .media{margin-top:8px}
}
@media (max-width:760px){
  :root{--edge:16px}
  .sec{padding-block:80px}
  .sec.tight{padding-block:56px}
  .tx{padding-inline:4px}
  .h-open{font-size:38px}
  .h-st{font-size:31px}
  .h-sub{font-size:25px}
  .shows{grid-template-columns:1fr;gap:28px}
  .open{padding-top:calc(var(--head) + 56px);padding-bottom:64px}
  .chap dl{grid-template-columns:92px 1fr}
  .form{grid-template-columns:1fr}
  .stage .intro{left:20px}
  .irow .t{font-size:30px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
}