:root{
  --tb:28px;      
  --bh:40px;      
}
@media (max-width:900px),(pointer:coarse){:root{--bh:44px}}   
html[data-tabs=side],html[data-tabs=inside]{--tabs-top:0px}
html[data-tabs=top]{--tabs-top:46px}
html[data-tabs=stack]{--tabs-top:calc(3 * var(--bh) + 6px)}
.card-body{width:100%}
.card-body.in{animation:cardIn .42s cubic-bezier(.2,.7,.2,1) both}
.card-body.out{animation:cardOut .16s ease-in both}
@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes cardOut{from{opacity:1}to{opacity:0}}
.cards .card-body[tabindex="-1"]:focus,.cards .fold:focus{outline:none}
#card-short,#card-story{display:flex;flex-direction:column;align-items:flex-start}
#card-film{display:block}
.cards .card-body>.lede:first-child{margin-top:3.5vh}
html[data-panel=short] #card-film,html[data-panel=short] #card-story,
html[data-panel=film]  #card-short,html[data-panel=film]  #card-story,
html[data-panel=story] #card-short,html[data-panel=story] #card-film,
html:not([data-panel]) #card-film{display:none}
html:not([data-panel]) #card-story .lede{margin-top:6vh}
@media (min-width:901px){
  main.hero{
    --H:min(100dvh,900px,58vw);                        
    --ctb:max(calc(13vh + 8px),112px);                 
    --ct:calc(var(--ctb) + var(--tabs-top,0px));
    --cl:41%;--cw:min(47vw,680px);
    height:auto;min-height:max(100dvh,640px);
    display:flow-root;                                 
    overflow:hidden;overflow:clip;                     
  }
  main#night.hero .text-zone.cards{position:relative;left:auto;top:auto;margin:var(--ct) 0 28px var(--cl);width:var(--cw)}
  main#night.hero .figure-slot{bottom:auto;top:calc(var(--ctb) - 26px);height:var(--H);-webkit-mask:none;mask:none}
  html[data-tabs=side] main.hero{
    --rl:calc(97.8vw - 16.5vh - 3 * var(--tb) - 20px);
    --w0:min(47vw,680px);
    --lmin:calc(2vw + .58 * var(--H) + 12px);
    --cl:max(var(--lmin),calc(min(calc(41% + var(--w0)),var(--rl)) - var(--w0)));
    --cw:calc(min(calc(41% + var(--w0)),var(--rl)) - var(--cl));
  }
}
html[data-panel=short] main.hero,html[data-panel=film] main.hero{opacity:1!important;transform:none!important}
@media (max-width:900px){
  main#night.hero .text-zone.cards{margin-top:calc(var(--tabs-top,0px) + 6px)}
  main#night.hero{padding-top:76px}
  main#night.hero .figure-slot{width:96vw;height:auto;aspect-ratio:16/9;overflow:hidden;
    -webkit-mask:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
  main#night.hero .figure-slot .anim[data-anim=desk]{width:122%!important;left:-5.9%!important;bottom:-58%!important;top:auto!important}
  html[data-tabs=side] main#night.hero .text-zone.cards{width:calc(96vw - 3 * var(--tb) - 4px);margin-left:2vw;margin-right:auto}
}
@media (min-width:601px) and (max-width:900px){
  main#night.hero .figure-slot{width:min(92vw,640px)}
  html[data-tabs=side] main#night.hero .text-zone.cards{width:min(calc(92vw - 3 * var(--tb) - 4px),640px)!important;margin-left:auto!important;margin-right:auto!important}
}
.margin-art{display:none}
html[data-panel=short] .margin-art.placed,
html[data-panel=film] main.hero:not(.film-live) .margin-art.placed{display:block;position:absolute;z-index:1;pointer-events:none}
.margin-art .ma-pin{position:sticky;top:0;overflow:hidden;height:100vh;
  -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 95%);mask-image:linear-gradient(to bottom,#000 80%,transparent 95%)}
.margin-art .anim{position:absolute!important;left:var(--ll,0)!important;top:0!important;width:var(--lw,560px)!important;margin:0!important;will-change:transform}
.margin-art.settle .anim{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.margin-art .ink{position:absolute;display:block;pointer-events:none}
.margin-art .ink.t{left:42.4%;width:23.3%;top:23%;height:57%}   
.margin-art .ink.b{left:0;width:100%;top:72%;height:28%}   
@media (max-width:900px){.margin-art .ink{display:none}}
html[data-panel=short] .figure-slot .anim[data-anim=desk],
html[data-panel=film] .figure-slot .anim[data-anim=desk]{display:none}
@media (max-width:900px){
  .margin-art .ma-pin{position:relative;height:100%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,#000 58%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,#000 58%,transparent 100%);
    mask-composite:intersect}
}
html[data-panel=short] .stations,html[data-panel=film] .stations{height:0;overflow:hidden;visibility:hidden;pointer-events:none}
.stations{transition:opacity .4s ease}
html[data-panel=short] .constellation,html[data-panel=film] .constellation{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}
html[data-panel=short] .trail .t-line,html[data-panel=film] .trail .t-line{opacity:0;visibility:hidden;pointer-events:none}
html[data-panel=short] .hint,html[data-panel=film] .hint,
html[data-panel=short] .skip-claim,html[data-panel=film] .skip-claim{display:none!important}
.card-tabs{display:none}
html.js .card-tabs{display:block}
.card-tabs{
  --tab-back:#211713;--tab-back:color-mix(in srgb,var(--paper) 56%,var(--fig));
  --tab-hi:#2b1e18;--tab-hi:color-mix(in srgb,var(--paper) 80%,var(--fig));
  --tab-ink:rgba(239,231,214,.7);--tab-meta:rgba(239,231,214,.62);--tab-meta-hi:rgba(239,231,214,.7);   
  position:absolute;z-index:3;pointer-events:none;
}
.card-tab{
  position:absolute;box-sizing:border-box;margin:0;padding:0;pointer-events:auto;cursor:pointer;
  background:var(--tab-back);color:var(--tab-ink);border:1px solid rgba(239,231,214,.07);
  font:400 11.5px/1 var(--mono);font-style:normal;letter-spacing:.14em;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:background-color .3s ease,color .25s ease;
}
.card-tab .lbl{display:flex;align-items:center;gap:12px;white-space:nowrap}
.card-tab .s{font-size:10px;letter-spacing:.1em;color:var(--tab-meta)}
html[data-card=short] #tab-short,html[data-card=film] #tab-film,html[data-card=story] #tab-story{background:var(--paper);color:var(--cream)}
html[data-card=short] #tab-short .s,html[data-card=film] #tab-film .s,html[data-card=story] #tab-story .s{color:var(--tab-meta-hi)}
@media (hover:hover){
  .card-tab:hover{background:var(--tab-hi);color:var(--cream-soft)}
  .card-tab:hover .s{color:var(--tab-meta-hi)}
  html[data-card=short] #tab-short:hover,html[data-card=film] #tab-film:hover,html[data-card=story] #tab-story:hover{background:var(--paper);color:var(--cream)}
}
.card-tab:active{background:var(--tab-hi)}
.card-tab:focus{outline:none}
.card-tab{scroll-margin-top:110px}          
.card-tab:focus-visible{outline:2px dashed var(--ember);outline-offset:-5px}
html[data-tabs=side] .card-tab:focus-visible,html[data-tabs=stack] .card-tab:focus-visible{outline:none}
html[data-tabs=side] .card-tab:focus-visible .lbl,html[data-tabs=stack] .card-tab:focus-visible .lbl{outline:2px dashed var(--ember);outline-offset:-3px}
.card-tab::before{content:"";position:absolute;pointer-events:none}
html[data-tabs=side] .card-tabs{top:-1px;bottom:-1px;left:calc(100% + 1px);width:calc(3 * var(--tb))}
html[data-tabs=side] .card-tab{top:0;bottom:0;left:0;border-left:0;display:flex;justify-content:flex-end;align-items:flex-start;box-shadow:5px 0 8px -3px rgba(10,6,3,.6)}
html[data-tabs=side] .card-tab:nth-child(1){width:var(--tb);z-index:3}
html[data-tabs=side] .card-tab:nth-child(2){width:calc(2 * var(--tb));z-index:2}
html[data-tabs=side] .card-tab:nth-child(3){width:calc(3 * var(--tb));z-index:1}
html[data-tabs=side] .card-tab .lbl{
  flex:none;width:calc(var(--tb) - 1px);padding:24px 0 22px;box-sizing:border-box;justify-content:flex-start;
  writing-mode:vertical-rl;position:sticky;top:104px;   
}
html[data-tabs=side] .card-tab:nth-child(1)::before{left:0;top:0;bottom:0;width:9px;background:linear-gradient(90deg,rgba(10,6,3,.42),rgba(10,6,3,0))}
html[data-tabs=stack] .card-tabs{left:-1px;right:-1px;bottom:calc(100% + 1px);height:calc(3 * var(--bh))}
html[data-tabs=stack] .card-tab{left:0;right:0;bottom:0;border-bottom:0;display:flex;flex-direction:column;align-items:stretch;box-shadow:0 -4px 7px -3px rgba(10,6,3,.6)}
html[data-tabs=stack] .card-tab:nth-child(1){height:calc(3 * var(--bh));z-index:1}
html[data-tabs=stack] .card-tab:nth-child(2){height:calc(2 * var(--bh));z-index:2}
html[data-tabs=stack] .card-tab:nth-child(3){height:var(--bh);z-index:3}
html[data-tabs=stack] .card-tab .lbl{flex:none;height:var(--bh);padding:0 18px;justify-content:space-between;box-sizing:border-box}
html[data-tabs=stack] .card-tab:nth-child(3)::before{left:0;right:0;bottom:0;height:9px;background:linear-gradient(0deg,rgba(10,6,3,.42),rgba(10,6,3,0))}
html[data-tabs=top] .card-tabs{left:18px;right:18px;bottom:100%;display:flex;align-items:flex-end;gap:7px}
html[data-tabs=top] .card-tab{position:relative;flex:0 1 auto;min-width:0;min-height:42px;border-bottom:0;display:flex;align-items:flex-end;padding:7px 14px 8px 13px;box-shadow:4px 0 0 rgba(10,6,3,.34)}
html[data-tabs=top] .card-tab .lbl{flex-direction:column;align-items:flex-start;gap:4px;white-space:normal}
html[data-tabs=top] .card-tab .s{white-space:nowrap}
html[data-tabs=top][data-card=short] #tab-short,html[data-tabs=top][data-card=film] #tab-film,html[data-tabs=top][data-card=story] #tab-story{
  margin-bottom:-2px;padding-bottom:10px;translate:0 -3px;z-index:2;box-shadow:5px 0 0 rgba(10,6,3,.5)}
html[data-tabs=inside] .card-tabs{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;display:flex;flex-wrap:wrap;gap:2px 22px;margin:2.6vh 0 0 -2px;z-index:auto}
html[data-tabs=inside] .card-tab{position:relative;background:none!important;border:0;box-shadow:none;padding:6px 4px;min-height:44px;display:flex;align-items:center;color:var(--tab-ink)}
html[data-tabs=inside] .card-tab .s{display:none}
html[data-tabs=inside] .card-tab .t{position:relative}
html[data-tabs=inside][data-card=short] #tab-short,html[data-tabs=inside][data-card=film] #tab-film,html[data-tabs=inside][data-card=story] #tab-story{color:var(--cream)}
html[data-tabs=inside] .card-tab .t::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--ember);opacity:0;transform:rotate(-1.2deg);transition:opacity .25s ease}
html[data-tabs=inside][data-card=short] #tab-short .t::after,html[data-tabs=inside][data-card=film] #tab-film .t::after,html[data-tabs=inside][data-card=story] #tab-story .t::after{opacity:.9}
@media (hover:hover){html[data-tabs=inside] .card-tab:hover .t::after{opacity:.4}}
html[data-tabs=inside] .card-tab:focus-visible{outline-offset:2px}
html[data-tabs=inside] .card-tab::before{display:none}
html[data-tabs=top] .text-zone.cards>.pn-rule.corner,html[data-tabs=stack] .text-zone.cards>.pn-rule.corner{display:none}
html[data-tabs=side] .text-zone.cards>.pn-rule.foot{display:none}
#card-short .lede p.mv{transform:none}
#card-short .lede p{text-wrap:pretty}
#card-short .lede p.pre{font-size:.93em;line-height:1.7;color:rgba(239,231,214,.64)}
#card-short .lede{position:relative}
#card-short .lede p.thesis{position:relative;margin-top:3.4em;margin-bottom:1em;padding:.2em 0 .25em;font-size:1.04em;line-height:1.72;color:var(--cream);max-width:none;z-index:0}
#card-short .lede p.thesis .lead{display:block;margin-bottom:.4em;font-size:1.3em;line-height:1.35;letter-spacing:.01em;color:var(--cream);text-wrap:balance}
#card-short .lede p.thesis>.pn-rule.patch{z-index:-1}
#card-short .lede p.thesis>.pn-rule.patch::before{content:"";position:absolute;inset:4% 2%;pointer-events:none;
  background:radial-gradient(ellipse 60% 58% at 46% 50%,rgba(224,164,70,.11),rgba(224,164,70,.05) 55%,transparent 80%)}
#card-short .lede .q{display:block;margin-top:.55em;color:var(--cream)}
#card-short .lede .conf{display:block;position:relative;margin-top:.7em;color:rgba(239,231,214,.6)}
#card-short .lede .st{display:block;margin-bottom:.35em}
#card-short .lede p.how{margin-top:4.6em}
#card-short .lede .turn{position:absolute;left:0;right:0;height:24px;pointer-events:none}
#card-short .lede p.try-k{margin-top:4.2em;padding-left:16px;position:relative;z-index:1}
#card-short .lede p.try{padding-bottom:4px}
#card-short .kicker{position:relative}
#card-short .kicker::before{background:none}
#card-short .lede p.try{display:flow-root;margin-top:1.15em}
#card-short .beat{display:block;margin:.5em 0 .55em;white-space:nowrap;letter-spacing:.075em;font-size:1.04em}
#card-short .beat .t{color:var(--cream)}
#card-short .beat .w{font-size:.86em;color:rgba(239,231,214,.62)}
.cards .spot{float:right;display:block;position:relative;width:min(34%,210px);margin:0 -8px 10px 18px;shape-outside:margin-box}
.cards .spot[data-anim]{aspect-ratio:auto;height:auto}
.cards .spot[data-anim] video{display:block;width:100%;height:auto;background:transparent}
#card-short .lede p.payoff{margin-top:3.9em;color:var(--cream)}
#card-short .lede p.acts{margin-top:2.2em;line-height:2.55}
#card-short .lede p.acts a{display:inline-block;position:relative;margin:0 3px;padding:0 11px;line-height:1.75;font-style:normal;letter-spacing:.04em;text-decoration:none;white-space:nowrap;color:var(--cream)}
#card-short .lede p.acts a[data-fold]{color:var(--ember)}
#card-short .lede p.acts a::after{content:"";position:absolute;inset:-10px -5px}   
@media (hover:hover){#card-short .lede p.acts a.pb-still:hover{color:var(--ember-hi)}}
#card-short .lede p a:not(.pencil-btn){white-space:nowrap}
@media (hover:hover){#card-short .lede p a:not(.pencil-btn):hover{color:var(--ember-hi)}}
#card-short .lede p.sign{margin-top:.9em}
#card-short .lede.sign-off{margin-top:3.6em;width:100%}   
#card-short .lede.sign-off p.sign:first-child{margin-top:0}
html[data-fold=open] #card-short .lede.sign-off{margin-top:4.2em}
#card-short .lede p.sign{padding-left:44%}
#card-short .lede p.sign+p.sign{padding-left:calc(44% + 2.2ch)}
#card-short .lede p .pn-rule{position:absolute;pointer-events:none;display:block;z-index:2}
#card-short .lede p .mg{position:relative}
#card-short .lede .pn-rule{position:absolute;pointer-events:none;display:block}
#card-short .lede .pn-rule .page,#card-short .lede .pn-rule canvas{position:absolute;left:0;top:0;display:block}
#card-short .lede .pn-rule .tip{display:none}
#card-short .lede .pn-rule.patch{opacity:.85}
#card-short .lede .pn-rule.side{opacity:.5}
#card-short .lede .pn-rule.frame{opacity:.6}
#card-short .lede .pn-rule.turn{opacity:.75}
@media (max-width:1100px){
  .cards .spot{float:none;width:min(60%,230px);margin:16px auto 14px}
}
@media (max-width:900px){
  #card-short .lede p.thesis{margin-top:2.8em;font-size:1em;line-height:1.66}
  #card-short .lede p.thesis .lead{font-size:1.2em}
  #card-short .lede p.sign{padding-left:22%}
  #card-short .lede p.sign+p.sign{padding-left:calc(22% + 2.2ch)}
  #card-short .lede p.pre{font-size:.95em}
  #card-short .lede p.try-k{margin-top:3.6em;padding-left:12px}
  #card-short .lede p.payoff{margin-top:3.4em}
  #card-short .lede p.how{margin-top:4em}
  #card-short .lede p.acts{line-height:2.7}
}
#card-short .lede p a{color:var(--ember)}
.fold{display:none;width:100%;margin-top:3.4em;position:relative}
html[data-fold=open] .fold{display:block}
.fold.in{animation:cardIn .42s cubic-bezier(.2,.7,.2,1) both}
.fold .kicker{position:relative}
.fold .kicker::before{background:none}
.fold .lede.pd{position:relative;z-index:1;max-width:none;margin-top:2.6em;padding-bottom:.4em}
.fold .pd-sheet{position:relative}
.fold .fold-head{padding-left:16px;z-index:1}
.fold .pn-rule.frame{z-index:0}
.fold .pn-rule.frame canvas{opacity:.6}
.fold .pn-rule.frame::before{content:"";position:absolute;inset:6px 5px;background:rgba(239,231,214,.032);border-radius:2px}
.fold .pd .pd-price{font-size:1.24em;line-height:1.6;letter-spacing:.005em;color:var(--cream);text-wrap:pretty}
.fold .pd .pd-price .personal{display:block;text-wrap:balance;margin-top:.55em;font-size:.76em;line-height:1.6;color:rgba(239,231,214,.72)}
.fold .pd-ledger{position:relative;margin:2.6em 0 0;padding:0}
.fold .pd-row{display:grid;grid-template-columns:6.6em 1fr;column-gap:1.2em;align-items:baseline;padding:1.05em 0 1.15em}
.fold .pd-row[hidden]{display:none}
.fold .pd-row[data-draft]{outline:1px dashed var(--ember-dim);outline-offset:4px}
.fold .pd-row dt{font-size:11px;letter-spacing:.2em;line-height:1.4;color:var(--ember-dim);white-space:nowrap}
.fold .pd-row dd{margin:0;color:var(--cream-soft);text-wrap:pretty}
.fold .pd-door{display:flex;align-items:center;gap:1.4em 2.4em;margin-top:4.6em}
.fold .pd .pd-exit{margin:0;flex:1 1 30ch;color:var(--cream);max-width:46ch}
.fold .pd-go{flex:0 0 auto;margin:0}
.fold .pd-go .cta{margin-left:2px}
.fold .pd-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 30px;margin:1.6em -4px 0 0}
.fold .pd-foot a,.fold-close{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;background:none;border:0;cursor:pointer;text-decoration:none;
  font:400 11px/1 var(--mono);font-style:normal;letter-spacing:.26em;color:var(--cream-faint);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.fold .pd-foot b{color:var(--ember);font-weight:500;margin-left:.6em;letter-spacing:0}
@media (hover:hover){.fold .pd-foot a:hover,.fold-close:hover{color:var(--ember)}}
.fold .pd-foot a:focus-visible,.fold-close:focus-visible{outline:1px dashed var(--ember);outline-offset:2px}
.fold .pn-rule{position:absolute;pointer-events:none;display:block;z-index:2}
.fold .pn-rule .page,.fold .pn-rule canvas{position:absolute;left:0;top:0;display:block}
.fold .pn-rule .tip{display:none}
.fold .pn-rule.ledger{opacity:.5;z-index:0}
.fold .pn-rule.turn{opacity:.75}
.fold .mg{position:relative}
@media (max-width:1279px) and (min-width:901px){
  .fold .pd-row{grid-template-columns:6.4em 1fr;column-gap:1.1em}
}
@media (max-width:1100px){
  .fold .pd-door{flex-direction:column;align-items:flex-start}
  .fold .pd .pd-exit{flex:none}
}
@media (max-width:900px){
  .fold{margin-top:3em}
  .fold .fold-head{padding-left:22px}
  .fold .lede.pd{padding:0 10px .4em 14px}
  .fold .pd .pd-price{font-size:1.16em}
  .fold .pd-row{grid-template-columns:1fr;row-gap:.5em;padding:1.1em 0 1.2em}
  .fold .pd-door{margin-top:4em}
  .fold .pd-foot{gap:0 22px;justify-content:flex-start;margin:1.2em 0 0 -4px}
}
.cards #hero{display:block;position:relative;padding:0;margin:0;color:var(--cream);font-style:normal;z-index:auto}
.cards #hero .hx-top{display:none}
.cards #hero .hx-band{position:absolute;left:var(--bx,0);top:var(--by,0);width:var(--bw,480px);height:auto;margin:0;aspect-ratio:16/9;z-index:4}
.cards #hero .hx-sheet{margin:0;transform:none}
.cards #hero .hx-sheet::before,.cards #hero .hx-tape{display:none}
.cards #hero #hx-stage{margin:0}
#card-film{margin-top:2.6vh}
#card-film.dressing{visibility:hidden}
.cards #hero.started:not([data-phase]) #hx-mark,.cards #hero.started:not([data-phase]) #hx-cue{visibility:hidden}
.hero[data-card=film].film-live .figure-slot .anim{display:none}
.cards #hero .hx-band{transition:opacity .6s ease}
.hero:not(.film-live) .cards #hero .hx-band{opacity:0}
.cards #hero .hx-frame{display:none}
.cards #hero .hx-band video{box-shadow:7px 7px 0 rgba(10,6,3,.5)}
.cards #hero .hx-band::before,.cards #hero .hx-band::after{content:"";position:absolute;top:-12px;width:64px;height:22px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,rgba(216,198,163,.42),rgba(216,198,163,.52) 40%,rgba(216,198,163,.38));box-shadow:0 1px 2px rgba(10,6,3,.35);
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 3px,#000 calc(100% - 3px),transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 3px,#000 calc(100% - 3px),transparent 100%)}
.cards #hero .hx-band::before{left:18px;rotate:-6deg}
.cards #hero .hx-band::after{right:22px;rotate:5deg}
@media (min-width:901px){
  .cards #hero #hx-rail{top:calc(100% + 14px);bottom:auto;left:2px;right:190px}
  .cards #hero .hx-ctl{top:calc(100% + 5px);right:-4px}
  .cards #hero .hx-ctl button,.cards #hero #hx-rail .name{text-shadow:none}
  .cards #hero .hx-ring,.cards #hero #hx-rail .hx-rl.base,.cards #hero #hx-rail .hx-rl.prog{filter:none}
  .cards #hero #hx-rail .hx-rl.base{opacity:.5}
  .cards #hero #hx-rail .name{color:var(--cream-faint)}
  .cards #hero.cc .hx-cap{bottom:10px}
}
@media (max-width:900px){
  .hero[data-shown=film] .cards .namerow,.hero[data-shown=film] .cards>.moon-rule{display:none}
  .hero[data-shown=film] #card-film{margin-top:0}
}
.skip-claim.card-back{bottom:calc(14px + env(safe-area-inset-bottom))}
.skip-claim:not(.card-back){display:none!important}
@media (max-width:900px){
  .fold .lede .logistics p{color:rgba(239,231,214,.64)}
  .card-tab{font-size:12px}
  .card-tab .s{font-size:10.5px}
  html[data-tabs=top] .card-tabs{left:8px;right:8px;gap:5px}
  html[data-tabs=top] .card-tab{flex:1 1 0;min-height:48px;padding:6px 8px 7px 9px;letter-spacing:.04em}
  html[data-tabs=top] .card-tab .s{white-space:normal;letter-spacing:.04em}
}
@media (max-width:900px),(pointer:coarse){
  .stamp a,.trail .t-book,#card-short .lede p:not(.acts) a,footer.ridge .f-links a{position:relative}
  .stamp a::after{content:"";position:absolute;inset:-12px -8px}
  .trail .t-book::after{content:"";position:absolute;inset:-4px -6px}
  #card-short .lede p:not(.acts) a::after{content:"";position:absolute;inset:-11px -4px}
  footer.ridge .f-links a::after{content:"";position:absolute;inset:-6px -6px}
  .skip-claim.card-back{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .card-body.in,.card-body.out,.fold.in{animation:none}
  .card-tab,.stations,.cards #hero .hx-band,.margin-art.settle .anim{transition:none}
}