/* Holding page. Three styles share one document: the departure board (the
   default), the control tower over the badger photo, and the on air sign.
   Nothing moves on hover, and headings balance so no word sits alone. */
/* "RR Narrow" is the station's condensed face: the real Arial Narrow when that
   exact font is installed (matched by local(), which ignores the substitution
   Windows applies to the name "Arial Narrow"), otherwise Roboto Condensed,
   bundled with the theme under the SIL Open Font License (see assets/fonts).
   Without it, Windows drew plain Arial and most phones and Macs drew Impact. */
@font-face{font-family:"RR Narrow";font-style:normal;font-weight:400 600;font-display:swap;src:local("Arial Narrow"),local("ArialNarrow"),url("../fonts/roboto-condensed-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"RR Narrow";font-style:normal;font-weight:700 900;font-display:swap;src:local("Arial Narrow Bold"),local("ArialNarrow-Bold"),url("../fonts/roboto-condensed-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"RR Narrow";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/roboto-condensed-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.rr-hold{position:relative;margin:0;min-height:100vh;overflow-x:hidden;color:#f4edda;background:#07111b;font:400 16px/1.6 Arial,sans-serif}
.rr-hold h1,.rr-hold p{text-wrap:balance}
.rr-hold a{color:#f2c45e;text-decoration:none;transition:color .2s ease}
.rr-hold a:hover,.rr-hold a:focus-visible{color:#ffe39b}
.rr-hold :focus-visible{outline:3px solid #f2c45e;outline-offset:3px}

.rr-hold--board{background:radial-gradient(900px 500px at 50% 0%,rgba(29,68,102,.55),rgba(29,68,102,0) 70%),radial-gradient(700px 380px at 100% 100%,rgba(197,35,44,.18),rgba(197,35,44,0) 65%),#07111b}
.rr-hold--onair{background:radial-gradient(800px 520px at 50% 34%,rgba(197,35,44,.28),rgba(197,35,44,0) 70%),radial-gradient(1200px 700px at 50% 120%,rgba(29,68,102,.6),rgba(29,68,102,0) 70%),#050c13}

.rr-hold__page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;gap:30px;padding:44px clamp(18px,6vw,120px) 36px}
.rr-hold__top{display:flex;align-items:center;justify-content:center;gap:20px}
.rr-hold__logo{display:block;width:auto;height:70px;max-width:80vw;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}
.rr-hold__wordmark{margin:0;font:700 34px/1 "RR Narrow",Arial,sans-serif;text-transform:uppercase}
.rr-hold__main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
.rr-hold__eyebrow{margin:0;color:#f2c45e;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.rr-hold__title{max-width:900px;margin:0;font:700 clamp(40px,6vw,64px)/.95 "RR Narrow",Arial,sans-serif;text-transform:uppercase}
.rr-hold__intro{max-width:540px;margin:0;color:rgba(244,237,218,.76);font-size:17px;line-height:1.65}

/* The departure board. */
.rr-hold__board{width:min(1100px,100%);margin-top:8px;padding:26px 28px 22px;text-align:left;background:linear-gradient(180deg,#111418 0%,#0a0c0f 100%);border:1px solid #222a31;border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05)}
.rr-hold__row{display:grid;grid-template-columns:150px minmax(0,1fr) 100px 290px;gap:12px}
.rr-hold__row+.rr-hold__row{margin-top:8px}
.rr-hold__row--head{padding:0 2px 4px;color:rgba(244,237,218,.45);font:700 11px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.rr-hold__flap{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;overflow:hidden;color:#f4edda;background:linear-gradient(180deg,#1c2026 0 49%,#0f1215 51% 100%);border-radius:4px;font:700 22px/1 Consolas,Menlo,"Courier New",ui-monospace,monospace;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}
.rr-hold__flap--flight{color:#f2c45e}
.rr-hold__status--boarding{color:#ffb547}
.rr-hold__status--boarding::before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#ffb547;box-shadow:0 0 10px #ffb547;animation:rr-hold-blink 1.4s steps(2,start) infinite}
.rr-hold__status--warming{color:#ff6a72}
.rr-hold__status--ontime{color:#8fdcae}
@keyframes rr-hold-blink{to{opacity:.25}}

/* The signup. */
.rr-hold__form{display:flex;flex-direction:column;gap:10px;width:min(720px,100%);margin-top:6px;text-align:left}
.rr-hold__label{color:rgba(244,237,218,.72);font:700 11px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.rr-hold__field{display:flex;gap:10px}
.rr-hold__field input{flex:1 1 auto;min-width:0;height:52px;padding:0 18px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.26);border-radius:4px;font:400 16px Arial,sans-serif}
.rr-hold__field input::placeholder{color:rgba(244,237,218,.45)}
.rr-hold__field input:focus{outline:none;border-color:#f2c45e;background:rgba(255,255,255,.1)}
.rr-hold__field button{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;color:#2a1a05;background-image:linear-gradient(135deg,#f6d27a 0%,#e3a743 55%,#b97f22 100%);background-size:180% 180%;background-position:0% 0%;background-origin:border-box;border:1px solid transparent;border-radius:4px;box-shadow:0 10px 24px rgba(227,167,67,.3);cursor:pointer;font:800 12px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:background-position .4s ease,border-color .25s ease,box-shadow .25s ease}
.rr-hold__field button:hover,.rr-hold__field button:focus-visible{background-position:100% 100%;border-color:rgba(255,255,255,.55);box-shadow:inset 0 0 0 999px rgba(255,255,255,.14),0 10px 26px rgba(227,167,67,.4)}
.rr-hold--tower .rr-hold__field button,.rr-hold--onair .rr-hold__field button{color:#fff;background-image:linear-gradient(135deg,#e3343f 0%,#b81d27 55%,#8b1720 100%);box-shadow:0 10px 24px rgba(197,35,44,.4)}
.rr-hold__honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.rr-hold__notice{margin:2px 0 0;padding:11px 14px;font:700 13px/1.5 Arial,sans-serif;border-radius:4px}
.rr-hold__notice--sent{color:#d8ffe0;background:rgba(55,160,87,.18);border:1px solid rgba(99,215,132,.45)}
.rr-hold__notice--invalid,.rr-hold__notice--limit{color:#ffe0e0;background:rgba(197,35,44,.18);border:1px solid rgba(255,89,98,.45)}
.rr-hold__privacy{margin:0;color:rgba(244,237,218,.45);font-size:12px}

.rr-hold__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;color:rgba(244,237,218,.45);font-size:12px}
.rr-hold__runway{position:absolute;z-index:0;left:0;right:0;bottom:74px;height:6px;background:radial-gradient(circle,rgba(242,196,94,.9) 0 2px,transparent 3px) 0 0/46px 6px repeat-x;opacity:.5;pointer-events:none}

/* Control tower: the badger photo with the copy on the left. */
.rr-hold__photo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.rr-hold__shade{position:fixed;inset:0;background:linear-gradient(90deg,rgba(7,17,27,.97) 0%,rgba(7,17,27,.86) 38%,rgba(7,17,27,.25) 68%,rgba(7,17,27,.1) 100%),linear-gradient(0deg,rgba(7,17,27,.85) 0%,rgba(7,17,27,0) 40%)}
.rr-hold--tower .rr-hold__page{padding-left:clamp(18px,6vw,88px);padding-right:clamp(18px,6vw,88px)}
.rr-hold--tower .rr-hold__top{justify-content:space-between}
.rr-hold--tower .rr-hold__main{align-items:flex-start;max-width:660px;text-align:left}
.rr-hold--tower .rr-hold__title{font-size:clamp(48px,7.5vw,104px);line-height:.88}
.rr-hold--tower .rr-hold__form{width:100%}
.rr-hold__pill{display:flex;align-items:center;gap:10px;margin:0;padding:10px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(7,17,27,.4);font:700 11px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.rr-hold__pill span{width:8px;height:8px;border-radius:50%;background:#ff3945;box-shadow:0 0 0 5px rgba(255,57,69,.18)}
.rr-hold__dial{display:flex;flex-direction:column;gap:10px;width:min(520px,100%);margin-top:8px}
.rr-hold__scale{position:relative;height:26px;border-top:1px solid rgba(234,223,191,.3);background:repeating-linear-gradient(90deg,rgba(234,223,191,.85) 0 2px,transparent 2px calc(20% - .4px)) 0 0/100% 10px no-repeat,repeating-linear-gradient(90deg,rgba(234,223,191,.4) 0 1px,transparent 1px 4%) 0 0/100% 6px no-repeat,rgba(0,0,0,.3)}
.rr-hold__scale b{position:absolute;bottom:4px;color:rgba(234,223,191,.7);font:700 10px/1 Arial,sans-serif;translate:-50% 0}
.rr-hold__scale b:nth-child(1){left:0;translate:2px 0}.rr-hold__scale b:nth-child(2){left:20%}.rr-hold__scale b:nth-child(3){left:40%}.rr-hold__scale b:nth-child(4){left:60%}.rr-hold__scale b:nth-child(5){left:80%}.rr-hold__scale b:nth-child(6){left:100%;translate:calc(-100% - 2px) 0}
.rr-hold__scale i{position:absolute;top:-6px;bottom:-4px;left:var(--rr-needle,69%);width:2px;background:#ff3945;box-shadow:0 0 8px rgba(255,57,69,.9)}
.rr-hold__dial p{margin:0;color:rgba(244,237,218,.55);font:700 10px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}

/* On air: the studio lightbox. */
.rr-hold__ghost{position:fixed;right:-160px;bottom:-40px;width:min(900px,90vw);height:auto;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%),linear-gradient(0deg,#000 55%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 55%),linear-gradient(0deg,#000 55%,transparent 100%);mask-composite:intersect;pointer-events:none}
.rr-hold__sign{position:relative;margin-bottom:8px;padding:16px;background:linear-gradient(180deg,#3a434c 0%,#1a1f24 45%,#2b3239 100%);border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.6),0 0 120px rgba(255,57,69,.35)}
.rr-hold__screw{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8edf2,#59636d)}
.rr-hold__screw:nth-child(1){top:9px;left:9px}.rr-hold__screw:nth-child(2){top:9px;right:9px}.rr-hold__screw:nth-child(3){bottom:9px;left:9px}.rr-hold__screw:nth-child(4){bottom:9px;right:9px}
.rr-hold__glass{display:grid;place-items:center;width:min(540px,78vw);aspect-ratio:540/160;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,#ff5560 0%,#d7232e 45%,#7e1018 100%);box-shadow:inset 0 0 40px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.25)}
.rr-hold__glass span{font:700 clamp(54px,9vw,116px)/1 "RR Narrow",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff6f0;text-shadow:0 0 6px #fff,0 0 18px #ffd0d3,0 0 42px rgba(255,57,69,.9)}
.rr-hold--onair .rr-hold__form{width:min(560px,100%)}
.rr-hold--onair .rr-hold__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:860px){
	.rr-hold__row{grid-template-columns:110px minmax(0,1fr) 190px}
	.rr-hold__gate{display:none}
	.rr-hold__flap{font-size:16px}
}
@media (max-width:560px){
	.rr-hold__page{gap:24px;padding-top:30px}
	.rr-hold__logo{height:52px}
	.rr-hold__board{padding:16px 14px}
	.rr-hold__row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
	.rr-hold__row>:first-child{display:none}
	.rr-hold__flap{padding:10px;font-size:13px}
	.rr-hold__runway{display:none}
	.rr-hold__field{flex-direction:column}
	.rr-hold__field button{justify-content:center}
	.rr-hold__foot{justify-content:center;text-align:center}
	.rr-hold--tower .rr-hold__top{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
	.rr-hold *{animation:none!important;transition:none!important}
}

/* Shimmer on hover and a reversed gradient when pressed. Nothing moves. */
.rr-hold__field button{position:relative;isolation:isolate;overflow:hidden}
.rr-hold__field button>*{position:relative;z-index:2}
.rr-hold__field button::after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 62%) no-repeat;background-size:260% 100%;background-position:130% 0;transition:background-position 0s linear .7s}
.rr-hold__field button:hover::after,.rr-hold__field button:focus-visible::after{background-position:-30% 0;transition:background-position .7s cubic-bezier(.3,.7,.3,1)}
.rr-hold__field button:active{background-image:linear-gradient(315deg,#f6d27a 0%,#e3a743 55%,#b97f22 100%);background-position:0% 0%;box-shadow:inset 0 2px 7px rgba(0,0,0,.35)}
.rr-hold--tower .rr-hold__field button:active,.rr-hold--onair .rr-hold__field button:active{background-image:linear-gradient(315deg,#e3343f 0%,#b81d27 55%,#8b1720 100%)}
@media (prefers-reduced-motion:reduce){.rr-hold__field button::after{display:none}}

/* A quiet way in for staff, as on the old coming-soon page. */
.rr-hold__login{color:inherit;text-decoration:none;border-bottom:1px solid rgba(244,237,218,.25);transition:color .2s ease,border-color .2s ease}
.rr-hold__login:hover,.rr-hold__login:focus-visible{color:#f4edda;border-color:#f2c45e}
