/* Dimelight site: Neon Diner Night. Always dark. */
@font-face{font-family:"Monoton";src:url(/fonts/Monoton-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --night:#0E0A0B; --ox:#2A1418; --walnut:#6B3A22; --walnut-d:#3B1D12;
  --chrome:#C9D1D6; --chrome-s:#7F8A90; --cherry:#FF4D5E; --aqua:#3CF2E0;
  --butter:#FFD86B; --card:#FBF3DC; --ink:#2A1418;
  --text:"Barlow Condensed","Arial Narrow",sans-serif;
  --neon:"Monoton",var(--text);
  --typed:"Courier Prime","Courier New",monospace;
  --chrome-grad:linear-gradient(180deg,#eef2f4 0%,#c9d1d6 38%,#8e989e 52%,#c9d1d6 70%,#e9edef 100%);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--chrome);font:500 1.25rem/1.42 var(--text);letter-spacing:.005em}
img{max-width:100%;height:auto;display:block}
a{color:var(--aqua);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--card)}
:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-weight:600;line-height:1.08;color:var(--card);margin:0 0 .5em;letter-spacing:.005em}
p{margin:0 0 1em}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--butter);color:var(--ink);padding:.4em .8em;z-index:10}
.skip:focus{left:.5rem}

/* top bar */
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;position:relative;z-index:2}
.top .mark{font:1.75rem/1 var(--neon);color:var(--cherry);text-decoration:none;text-shadow:0 0 .12em #ff4d5e,0 0 .5em rgba(255,77,94,.55)}
.top nav{display:flex;gap:1.1rem;font-size:1.05rem}
.top nav a{color:var(--chrome);text-decoration:none}
.top nav a:hover,.top nav a[aria-current]{color:var(--butter)}
.lang{border:1px solid var(--chrome-s);border-radius:4px;padding:.05em .55em}

/* ===== hero: the jukebox in the corner ===== */
.room{position:relative;isolation:isolate;padding-bottom:3.5rem;
  background:
    radial-gradient(60% 55% at 72% 46%,rgba(107,58,34,.30),transparent 70%),
    radial-gradient(40% 40% at 72% 40%,rgba(42,20,24,.9),transparent 75%);}
.room::after{ /* the floor: faint tiles fading into the dark */
  content:"";position:absolute;inset:auto 0 0 0;height:9rem;z-index:-1;
  background:
    linear-gradient(180deg,var(--night),transparent 30%,transparent 70%,var(--night)),
    repeating-linear-gradient(90deg,rgba(201,209,214,.06) 0 1px,transparent 1px 64px),
    linear-gradient(180deg,rgba(201,209,214,.10) 0 1px,transparent 1px);
}
.hero{display:grid;gap:2.5rem;align-items:center;padding-top:1.5rem}
.sign{margin:0 0 .15em;font:400 clamp(2.35rem,9.6vw,6.6rem)/1 var(--neon);color:#ffd1d6;letter-spacing:.01em;
  text-shadow:0 0 .04em #fff,0 0 .1em var(--cherry),0 0 .3em var(--cherry),0 0 .8em rgba(255,77,94,.6);
  animation:breathe 4s ease-in-out infinite}
@keyframes breathe{50%{text-shadow:0 0 .04em #fff,0 0 .08em var(--cherry),0 0 .22em var(--cherry),0 0 .55em rgba(255,77,94,.4)}}
.kind{font:600 clamp(1.4rem,3.2vw,2rem)/1.1 var(--text);color:var(--aqua);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.1rem;
  text-shadow:0 0 .5em rgba(60,242,224,.45)}
.promise{font-size:clamp(1.4rem,2.3vw,1.75rem);line-height:1.28;color:var(--card);max-width:21em;margin-bottom:1.6rem}
.plate{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3em .9em;padding:.55em 1.1em;border-radius:6px;
  background:var(--chrome-grad);color:var(--ink);font-weight:600;font-size:1.05rem;letter-spacing:.04em;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #6d777c,0 2px 0 #4b5357}
.plate .soon{color:var(--walnut-d)}
.plate .soon::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--cherry);box-shadow:0 0 .5em var(--cherry);margin-right:.5em;vertical-align:.08em}
.store-links{display:flex;flex-wrap:wrap;gap:.8rem}
.aside-note{font-size:1.05rem;color:var(--chrome-s);margin-top:1rem}

/* stage holding the CSS jukebox and the phone */
.stage{position:relative;justify-self:center;padding-bottom:1rem}
.stage::before{content:"";position:absolute;inset:-8% -30% 4% -30%;z-index:-1;
  background:radial-gradient(closest-side,rgba(255,77,94,.16),rgba(60,242,224,.06) 55%,transparent)}
.phone-beside{position:absolute;left:-7.5rem;bottom:0;width:9.5rem;transform:rotate(-5deg);z-index:2}

/* ===== the live jukebox (all sizes in em; 34em wide) ===== */
.jb{--label:#d2453e;position:relative;font-size:min(9px,2.45vw);width:34em;height:60em;font-family:var(--text);margin:0 auto}
.jb-body{position:absolute;inset:0 0 2em 0;border-radius:17em 17em 1.8em 1.8em;background:var(--chrome-grad);padding:.7em;
  box-shadow:0 0 0 1px #4b5357,0 2.4em 3em -1em rgba(0,0,0,.8)}
.jb-wood{position:absolute;inset:.7em;border-radius:16.3em 16.3em 1.2em 1.2em;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.35),transparent 18%,transparent 82%,rgba(0,0,0,.35)),
    repeating-linear-gradient(90deg,rgba(59,29,18,.0) 0 .9em,rgba(59,29,18,.35) .9em 1.05em,rgba(140,80,45,.18) 1.05em 1.8em,rgba(59,29,18,.25) 1.8em 2.1em),
    linear-gradient(180deg,#7a4428,var(--walnut) 40%,#5a2f1b)}
.tube{position:absolute;border-style:solid;border-bottom:0;pointer-events:none}
.tube.aqua{top:1.4em;left:1.4em;right:1.4em;height:36em;border-width:.75em;border-color:#bffff8;border-radius:15.6em 15.6em 0 0;
  box-shadow:0 0 .5em var(--aqua),0 0 1.6em var(--aqua),inset 0 0 .5em var(--aqua),inset 0 0 1.2em rgba(60,242,224,.6);animation:tube 4s ease-in-out infinite}
.tube.cherry{top:2.95em;left:2.95em;right:2.95em;height:34.45em;border-width:.45em;border-color:#ffc2c8;border-radius:14.1em 14.1em 0 0;
  box-shadow:0 0 .4em var(--cherry),0 0 1.2em var(--cherry),inset 0 0 .4em var(--cherry)}
@keyframes tube{50%{box-shadow:0 0 .4em var(--aqua),0 0 1em rgba(60,242,224,.7),inset 0 0 .4em var(--aqua),inset 0 0 .8em rgba(60,242,224,.4)}}
.dome{position:absolute;top:4.9em;left:4.7em;right:4.7em;height:16.6em;border-radius:12.3em 12.3em .6em .6em;
  background:radial-gradient(80% 70% at 50% 85%,#2a1418,#0b0708 70%);border:.45em solid #b9c2c7;box-shadow:inset 0 0 1.5em #000;overflow:hidden}
.dome::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.16) 0 18%,transparent 18% 26%,rgba(255,255,255,.06) 26% 30%,transparent 30%)}
.record{position:absolute;width:13.4em;height:13.4em;left:50%;bottom:-1.4em;margin-left:-7.6em;border-radius:50%;
  background:
    radial-gradient(circle,#0e0a0b 0 .32em,var(--label) .34em 2.5em,#111 2.55em 2.9em,transparent 2.95em),
    repeating-radial-gradient(circle,#161213 0 .16em,#232021 .2em .26em),
    #111;
  box-shadow:0 0 0 .15em #000,0 .6em 1.2em rgba(0,0,0,.7);animation:spin 1.33s linear infinite}
.record::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.35) 48% 50%,transparent 52%) center/100% .2em no-repeat;opacity:.0}
.sheen{position:absolute;width:13.4em;height:13.4em;left:50%;bottom:-1.4em;margin-left:-7.6em;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 20deg,transparent 0 10%,rgba(255,255,255,.13) 14%,transparent 20% 60%,rgba(255,255,255,.08) 64%,transparent 70%)}
@keyframes spin{to{transform:rotate(360deg)}}
.arm{position:absolute;right:2.2em;bottom:1.5em;width:.55em;height:10em;background:linear-gradient(90deg,#8e989e,#eef2f4,#8e989e);border-radius:.3em;
  transform-origin:50% 100%;transform:rotate(-24deg)}
.arm::before{content:"";position:absolute;bottom:-1.1em;left:-1.1em;width:2.75em;height:2.75em;border-radius:50%;background:radial-gradient(circle,#333 0 .4em,#c9d1d6 .45em,#7f8a90 1.3em)}
.arm::after{content:"";position:absolute;top:-.6em;left:-.35em;width:1.25em;height:1.9em;border-radius:.2em;background:#c9d1d6}
.strip{position:absolute;top:22.3em;left:4.6em;right:4.6em;height:5.9em;background:var(--card);border:.45em solid #c3ccd1;border-radius:.4em;
  box-shadow:inset 0 0 0 .25em var(--card),inset 0 .5em .0 -.2em transparent;color:var(--ink);text-align:center;font-family:var(--typed);overflow:hidden}
.strip::before,.strip::after{content:"";position:absolute;left:.8em;right:.8em;height:.12em;background:var(--cherry);opacity:.7}
.strip::before{top:.55em}.strip::after{bottom:.55em}
.strip p{display:none;margin:0;position:absolute;inset:0;padding-top:1.05em}
.strip b{display:block;font-size:1.55em;line-height:1.25;white-space:nowrap}
.strip span{display:block;font-size:1.15em}
.keys{position:absolute;top:29.4em;left:4.4em;right:4.4em;margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1em .9em}
.keys input{position:absolute;opacity:0;width:1px;height:1px}
.keys label{display:flex;align-items:center;justify-content:center;height:2.7em;border-radius:.4em;cursor:pointer;user-select:none;
  background:var(--chrome-grad);color:var(--ink);font-weight:600;font-size:1.22em;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;
  box-shadow:inset 0 .08em 0 #fff,0 .3em 0 #4f585d,0 .45em .5em rgba(0,0,0,.5);transition:transform .08s,box-shadow .08s,background .15s}
.keys label:hover{filter:brightness(1.06)}
.keys label:active{transform:translateY(.22em);box-shadow:inset 0 .08em 0 #fff,0 .08em 0 #4f585d}
.keys input:checked+label{background:linear-gradient(180deg,#fff2c4,var(--butter) 45%,#e9b93f);transform:translateY(.25em);
  box-shadow:inset 0 .08em 0 #fff,0 .05em 0 #8b6b20,0 0 1.2em rgba(255,216,107,.65)}
.keys input:focus-visible+label{outline:.22em solid var(--aqua);outline-offset:.25em}
.panel{position:absolute;top:37.3em;left:4.6em;right:4.6em;height:6.9em;border-radius:.6em;background:var(--chrome-grad);
  box-shadow:inset 0 .1em 0 #fff,0 .2em .6em rgba(0,0,0,.5);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;padding:.5em 1em}
.slot{width:3.2em;height:4em;border-radius:.4em;background:linear-gradient(90deg,#9aa4a9,#e7ecee,#9aa4a9);position:relative}
.slot::after{content:"";position:absolute;left:50%;top:.8em;bottom:.8em;width:.5em;margin-left:-.25em;border-radius:.3em;background:#0e0a0b;box-shadow:0 0 .4em var(--aqua)}
.counter{font:600 3em/1 var(--text);color:var(--butter);background:#140c0d;padding:.12em .3em;border-radius:.12em;letter-spacing:.04em;text-shadow:0 0 .35em rgba(255,216,107,.7)}
.reject{width:3.7em;height:3.7em;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffb3ba,var(--cherry) 30%,#a3121f 80%);box-shadow:0 0 0 .3em #d7dde0,0 .25em .4em rgba(0,0,0,.5)}
.grille{position:absolute;top:45.4em;left:4.6em;right:4.6em;height:8.6em;border-radius:.7em;border:.45em solid #c3ccd1;display:grid;place-items:center;overflow:hidden;
  background:repeating-linear-gradient(180deg,#1a1012 0 .9em,#9aa4a9 .9em 1.15em,#1a1012 1.15em 1.3em)}
.grille span{font:400 2.9em/1 var(--neon);color:#ffd1d6;letter-spacing:.02em;text-shadow:0 0 .08em var(--cherry),0 0 .3em var(--cherry),0 0 .7em rgba(255,77,94,.6)}
.bubbles{position:absolute;top:38.7em;bottom:4.6em;width:1.55em;border-radius:.8em;overflow:hidden;
  background:linear-gradient(180deg,#ffd86b,#ff9f4d 55%,#ff4d5e);box-shadow:0 0 1em rgba(255,159,77,.55),inset 0 0 .3em rgba(0,0,0,.3)}
.bubbles.l{left:1.75em}.bubbles.r{right:1.75em}
.bubbles i{position:absolute;left:.35em;width:.7em;height:.7em;border-radius:50%;border:.12em solid rgba(255,255,255,.75);bottom:-1em;animation:rise 5s linear infinite}
.bubbles i:nth-child(2){animation-delay:-1.7s;left:.5em;width:.5em;height:.5em}
.bubbles i:nth-child(3){animation-delay:-3.3s}
.bubbles.r i{animation-duration:6s}
@keyframes rise{to{transform:translateY(-15em)}}
.foot{position:absolute;bottom:0;left:3em;right:3em;height:2.6em;background:linear-gradient(180deg,#3b1d12,#22100a);border-radius:0 0 .6em .6em}
.foot b{position:absolute;left:50%;top:.35em;transform:translateX(-50%);padding:.2em .8em;background:var(--chrome-grad);color:var(--ink);font-size:1.05em;font-weight:600;letter-spacing:.14em;white-space:nowrap;border-radius:.2em}
/* which song is on the strip, and the label colour, follows the lit key (swing is the default) */
.strip .s-swing{display:block}
.jb:has(.keys input:not(#k-swing):checked) .s-swing{display:none}
.jb:has(#k-rock:checked) .s-rock,.jb:has(#k-blues:checked) .s-blues,.jb:has(#k-country:checked) .s-country,
.jb:has(#k-soul:checked) .s-soul,.jb:has(#k-lounge:checked) .s-lounge{display:block}
.jb:has(#k-rock:checked){--label:#d2453e}.jb:has(#k-swing:checked){--label:#e9b93f}.jb:has(#k-blues:checked){--label:#3f6fd8}
.jb:has(#k-country:checked){--label:#d99a5b}.jb:has(#k-soul:checked){--label:#ef7a3a}.jb:has(#k-lounge:checked){--label:#2fbfb2}
.press-hint{text-align:center;font-size:1rem;color:var(--chrome-s);margin:1.2rem 0 0}

/* ===== sections ===== */
section{padding:3.5rem 0}
.lede{max-width:34em;font-size:1.3rem;color:var(--chrome)}
h2{font-size:clamp(2.1rem,4.6vw,3.2rem)}

/* house rules + menu board */
.counter-wall{display:grid;gap:3rem;align-items:start}
.rules{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1.4rem}
.rules li{position:relative;padding-left:2.4rem}
.rules li::before{content:"";position:absolute;left:0;top:.25em;width:1.3rem;height:1.3rem;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff,#c9d1d6 40%,#7f8a90);box-shadow:0 0 0 2px #4b5357}
.rules h3{font-size:1.5rem;margin:0 0 .15em}
.rules p{margin:0;max-width:30em}
.board{position:relative;padding:.7rem;border-radius:10px;background:var(--chrome-grad);box-shadow:0 1.5rem 3rem -1rem rgba(0,0,0,.8)}
.board-in{border-radius:5px;padding:1.6rem 1.4rem 1.4rem;color:var(--card);
  background:radial-gradient(120% 90% at 30% 0%,#2d1a1d,#170e10 70%)}
.board h2{font:400 clamp(1.9rem,4vw,2.6rem)/1.1 var(--neon);color:#c9fff9;margin:0 0 1.2rem;text-align:center;
  text-shadow:0 0 .08em var(--aqua),0 0 .3em var(--aqua),0 0 .7em rgba(60,242,224,.5)}
.board dl{margin:0;display:grid;gap:.55rem}
.board dl div{display:flex;align-items:baseline;gap:.5rem}
.board dt{font-weight:600;font-size:1.3rem;line-height:1.2}
.board dt::after{content:none}
.board .lead{flex:1 1 1rem;min-width:1rem;border-bottom:2px dotted rgba(251,243,220,.35);transform:translateY(-.3em)}
.board dd{margin:0;font-weight:600;font-size:1.3rem;color:var(--butter);text-align:right;line-height:1.2}
.board .small{margin:1.3rem 0 0;font-size:1.02rem;color:#bfb6a8;text-align:center}

/* screens */
.screens{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 1.25rem 1.5rem;margin:1.5rem -1.25rem 0;
  scrollbar-color:var(--chrome-s) transparent;list-style:none}
.screens li{flex:0 0 13.5rem;scroll-snap-align:center}
.phone{padding:5px;border-radius:2rem;background:var(--chrome-grad);box-shadow:0 0 0 1px #4b5357,0 1.2rem 2rem -.6rem rgba(0,0,0,.85),0 0 2.5rem rgba(60,242,224,.08)}
.phone img{border-radius:1.72rem;background:#1a1214;width:100%;aspect-ratio:1320/2868}
.screens h3{font-size:1.42rem;margin:1.2rem 0 .3rem}
.screens p{font-size:1.1rem;line-height:1.35;margin:0}

/* title-strip rack */
.rack{margin-top:2rem;padding:.7rem;border-radius:10px;background:var(--chrome-grad)}
.rack-in{border-radius:5px;padding:1.4rem;display:grid;gap:1.4rem 1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));
  background:repeating-linear-gradient(90deg,rgba(59,29,18,0) 0 18px,rgba(59,29,18,.3) 18px 21px),linear-gradient(180deg,#6f3d24,#4e2918)}
.rack h3{font:600 1.1rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--chrome-grad);
  margin:0 0 .6rem;padding:.4em .6em;border-radius:4px;text-align:center}
.rack ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.rack li{background:var(--card);color:var(--ink);font-family:var(--typed);text-align:center;padding:.45em .5em;border-radius:2px;
  border-top:2px solid rgba(255,77,94,.65);border-bottom:2px solid rgba(255,77,94,.65);font-size:.95rem;line-height:1.25}
.rack li b{display:block;font-size:1.05rem}
.credit{margin-top:1.6rem;font-family:var(--typed);font-size:1rem;color:#d9d0c0;max-width:46em}

/* nobody watching */
.quiet{text-align:center}
.quiet .neon{font:400 clamp(2.2rem,7.4vw,4.9rem)/1.05 var(--neon);color:#c9fff9;margin:0 0 1.5rem;
  text-shadow:0 0 .04em #fff,0 0 .1em var(--aqua),0 0 .3em var(--aqua),0 0 .8em rgba(60,242,224,.5)}
.quiet p{max-width:33em;margin-inline:auto}
.quiet .sig{font-family:var(--typed);font-weight:700;color:var(--butter);font-size:1.25rem;margin-top:1.6rem}

/* faq */
.faq{max-width:46rem}
.faq details{border-top:1px solid rgba(201,209,214,.22);padding:1rem 0}
.faq details:last-of-type{border-bottom:1px solid rgba(201,209,214,.22)}
.faq summary{cursor:pointer;font-weight:600;font-size:1.4rem;color:var(--card);list-style:none;display:flex;gap:.8rem;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";flex:0 0 .7rem;height:.7rem;border-radius:50%;background:var(--chrome-s);transform:translateY(-.08em);transition:background .2s,box-shadow .2s}
.faq details[open] summary::before{background:var(--butter);box-shadow:0 0 .6em var(--butter)}
.faq details p{margin:.6rem 0 0 1.5rem;max-width:38em}

/* footer: maker's plate */
.site-foot{padding:3rem 0 3.5rem;border-top:1px solid rgba(201,209,214,.14);margin-top:2rem}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;align-items:center;justify-content:space-between}
.maker{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1rem .5rem .5rem;border-radius:6px;background:var(--chrome-grad);color:var(--ink);font-weight:600;letter-spacing:.06em}
.maker img{width:2.2rem;height:2.2rem;border-radius:.5rem}
.site-foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:1.1rem}
.site-foot nav a{color:var(--chrome)}
.site-foot small{font-size:1rem;color:var(--chrome-s);flex-basis:100%}

/* legal pages */
.doc{max-width:42rem;padding:2rem 0 3rem}
.doc h1{font-size:clamp(2.3rem,6vw,3.2rem)}
.doc h2{font-size:1.65rem;margin-top:2rem}
.doc .muted{color:var(--chrome-s)}
.doc strong{color:var(--card);font-weight:600}
.doc .q{margin-top:1.6rem}
.doc .q h2{font-size:1.45rem;margin:0 0 .3rem}

@media (min-width:880px){
  .hero{grid-template-columns:1.1fr 1fr;padding-top:2.5rem}
  .jb{font-size:11px}
  .phone-beside{left:-9.5rem;width:11.5rem}
  .counter-wall{grid-template-columns:5fr 6fr;gap:4.5rem}
  .screens{overflow:visible;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.6rem}
  .screens li:nth-child(even){margin-top:3.5rem}
  section{padding:5rem 0}
  .stage{justify-self:end;margin-right:1rem}
  .rack-in{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:879px){
  .stage{padding-left:4.5rem}
  .phone-beside{left:0;width:7.6rem}
}
@media (max-width:420px){
  .stage{padding-left:3.2rem}
  .phone-beside{width:6.2rem;left:-.4rem}
  .board-in{padding:1.3rem 1rem 1.1rem}
  .board dt,.board dd{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
.faq-contact{margin-top:1.4rem}