/* Career Radio: broadcast colour fields, schedule rails, tuning controls and transcript typography. */
:root{--ox:#45151b;--red:#e04b3f;--blue:#a9c9e8;--grey:#e7e0d7;--cream:#f5f0e8;--char:#1f2022;--white:#fff;--line:rgba(31,32,34,.22);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--char);background:var(--cream);font:400 17px/1.55 "Source Sans 3",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}img{display:block;width:100%;height:auto}.micro{margin:0;font:500 .68rem "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.radio-header{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:72px;color:var(--cream);background:var(--ox);border-bottom:4px solid var(--red)}.brand{display:flex;align-items:center;gap:.65rem;height:72px;padding:0 1.2rem;border-right:1px solid rgba(255,255,255,.25);font:400 1.05rem "Archivo Black",sans-serif}.brand img{width:38px;height:38px;object-fit:contain}.frequency-ticker{display:flex;align-items:center;justify-content:center;gap:1.2rem;overflow:hidden;font:500 .65rem "IBM Plex Mono",monospace;letter-spacing:.08em}.frequency-ticker i{width:40px;height:1px;background:var(--red)}.radio-header nav{display:flex;align-items:center;height:72px}.radio-nav{display:flex;height:100%}.radio-nav button,.menu-key{height:100%;padding:0 1rem;border:0;border-left:1px solid rgba(255,255,255,.22);color:var(--cream);background:transparent;font:600 .72rem "IBM Plex Mono",monospace;text-transform:uppercase}.radio-nav button:hover{background:rgba(255,255,255,.08)}.contact-key{display:flex;align-items:center;height:100%;padding:0 1.3rem;color:var(--char);background:var(--blue);font-weight:700}.menu-key{display:none}.on-air-hero{display:grid;grid-template-columns:46% 47% 7%;min-height:790px;padding-top:72px;color:var(--cream);background:var(--ox)}.hero-copy{display:flex;justify-content:center;flex-direction:column;padding:6vw}.air-label{font:500 .68rem "IBM Plex Mono",monospace;text-transform:uppercase}.air-label span{display:inline-block;margin-right:.7rem;padding:.4rem .55rem;color:var(--white);background:var(--red)}.hero-copy h1{max-width:680px;margin:1.5rem 0;font:400 clamp(3.7rem,5.7vw,6.7rem)/.91 "Archivo Black",sans-serif;letter-spacing:-.055em}.hero-copy h1 em{color:var(--blue);font-style:normal}.hero-copy>p:not(.air-label){max-width:620px;color:#dbcdd0;font-size:1.12rem}.hero-actions{display:flex;gap:.8rem;margin-top:2rem}.hero-actions a,.hero-actions button{display:inline-flex;align-items:center;gap:.7rem;min-height:52px;padding:0 1rem;border:1px solid rgba(255,255,255,.4);color:var(--cream);background:transparent;font-weight:700}.hero-actions .signal-button{border-color:var(--red);background:var(--red)}.hero-actions a:active,.hero-actions button:active{transform:scale(.97)}.hero-readout{display:grid;grid-template-columns:repeat(3,1fr);margin:3rem 0 0;border-top:1px solid rgba(255,255,255,.22)}.hero-readout div{padding:1rem 1rem 0 0}.hero-readout dt{font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--blue)}.hero-readout dd{margin:.35rem 0 0;font-weight:600}.hero-portrait{position:relative;margin:0;overflow:hidden}.hero-portrait img{height:100%;min-height:718px;object-fit:cover}.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(69,21,27,.32),transparent 38%)}.hero-portrait figcaption{position:absolute;z-index:2;right:0;bottom:0;display:grid;width:56%;padding:1rem 1.2rem;color:var(--char);background:var(--blue)}.hero-portrait figcaption span{font:500 .62rem "IBM Plex Mono",monospace}.frequency-spine{display:grid;grid-template-rows:repeat(9,1fr);align-items:center;justify-items:center;padding:3rem .5rem;background:var(--char);font:500 .62rem "IBM Plex Mono",monospace}.frequency-spine i{width:60%;height:1px;background:#72696b}.frequency-spine i.active{height:4px;background:var(--red)}.schedule{padding:7rem 4vw;background:var(--grey)}.schedule-head{display:grid;grid-template-columns:.4fr 1.1fr .7fr;gap:3rem;align-items:end;max-width:1360px;margin:auto}.schedule-head h2,.tuner-copy h2,.diagnostic-copy h2,.studio-copy h2,.constraint-title h2,.rehearsal h2,.question-title h2,.transmission-copy h2{margin:0;font:400 clamp(3rem,5.2vw,6rem)/.92 "Archivo Black",sans-serif;letter-spacing:-.055em}.schedule-head>p:last-child{max-width:450px}.programme-line{display:grid;grid-template-columns:repeat(3,1fr);max-width:1360px;margin:4rem auto 0;border-top:5px solid var(--char);border-bottom:1px solid var(--char)}.programme-line article{padding:2rem;border-right:1px solid var(--char)}.programme-line article:last-child{border:0}.programme-line article>span{font:500 .68rem "IBM Plex Mono",monospace;color:var(--red)}.programme-line h3{min-height:105px;margin:1rem 0;font:400 2rem/1.05 "Archivo Black",sans-serif}.programme-line dl{margin:2rem 0 0}.programme-line dl div{display:grid;grid-template-columns:100px 1fr;padding:.6rem 0;border-top:1px solid var(--line)}.programme-line dt{font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.programme-line dd{margin:0;font-weight:600}.tuner-room{display:grid;grid-template-columns:.75fr .45fr 1.15fr;padding:8rem 4vw;color:var(--cream);background:var(--char)}.tuner-copy{padding-right:4vw}.tuner-copy>p:not(.micro){color:#bcb8b1}.tune-buttons{display:grid;margin-top:2rem;border-top:1px solid #5c5c5c}.tune-buttons button{display:flex;justify-content:space-between;padding:1rem 0;border:0;border-bottom:1px solid #5c5c5c;color:#bbb;background:transparent;font:500 .72rem "IBM Plex Mono",monospace}.tune-buttons button.active{color:var(--blue)}.tune-buttons strong{font-family:"Source Sans 3",sans-serif}.dial-console{display:flex;align-items:center;justify-content:center;flex-direction:column}.dial{position:relative;width:min(250px,19vw);aspect-ratio:1;border:2px solid var(--blue);border-radius:50%;background:repeating-conic-gradient(from -80deg,var(--blue) 0 1deg,transparent 1deg 8deg)}.dial b{position:absolute;inset:18%;border-radius:50%;background:var(--ox)}.needle{position:absolute;z-index:2;left:49%;bottom:50%;width:3px;height:44%;background:var(--red);transform:rotate(-55deg);transform-origin:50% 100%;transition:transform .25s var(--ease)}.now-playing{font:500 .64rem "IBM Plex Mono",monospace}.programme-note{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--grey)}.programme-note figure{margin:0}.programme-note figure img{height:100%;min-height:600px;object-fit:cover}.programme-note>div{display:flex;justify-content:center;flex-direction:column;padding:3rem;color:var(--char)}.programme-note h3{margin:1rem 0;font:400 clamp(2.2rem,3.6vw,4.3rem)/.96 "Archivo Black",sans-serif}.programme-note dl{margin:1.6rem 0}.programme-note dl div{padding:.8rem 0;border-top:1px solid var(--line)}.programme-note dt{font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.programme-note dd{margin:.2rem 0 0;font-weight:600}.programme-note a,.rehearsal a{width:max-content;border-bottom:2px solid var(--red);font-weight:700}.diagnostic{display:grid;grid-template-columns:.8fr 1.2fr}.diagnostic>figure{position:relative;margin:0;background:var(--blue)}.diagnostic>figure img{height:100%;min-height:780px;object-fit:cover}.diagnostic figcaption{position:absolute;left:1rem;bottom:1rem;padding:.7rem .9rem;background:var(--cream);font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.diagnostic-copy{padding:7rem 5vw;background:var(--blue)}.transcript-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:3rem}.transcript-grid article{padding:1.5rem;border-top:1px solid var(--char);border-right:1px solid var(--char)}.transcript-grid article:nth-child(even){border-right:0}.transcript-grid span{font:500 .62rem "IBM Plex Mono",monospace;color:var(--ox)}.transcript-grid h3{margin:.7rem 0;font:400 1.5rem "Archivo Black",sans-serif}.mentor-studio{display:grid;grid-template-columns:.85fr 1.15fr;padding:8rem 4vw;background:var(--cream)}.studio-copy{padding:3rem 5vw 3rem 0}.studio-copy>p:not(.micro){max-width:620px}.studio-copy ul{display:grid;gap:1.4rem;margin:2rem 0 0;padding:0;list-style:none}.studio-copy li{display:flex;gap:1rem}.studio-copy li i{color:var(--red)}.mentor-studio figure{position:relative;margin:0}.mentor-studio figure img{height:100%;min-height:690px;object-fit:cover}.mentor-studio figcaption{position:absolute;right:0;bottom:0;display:grid;width:55%;padding:1rem;color:var(--char);background:var(--blue)}.mentor-studio figcaption span{font:500 .62rem "IBM Plex Mono",monospace}.constraint-band{display:grid;grid-template-columns:.7fr .9fr .55fr;color:var(--cream);background:var(--ox)}.constraint-title{padding:6rem 4vw}.constraint-title>p:last-child{color:#ddcfd1}.constraint-band figure{margin:0}.constraint-band figure img{height:100%;min-height:650px;object-fit:cover}.constraint-list{display:grid}.constraint-list article{display:flex;justify-content:center;flex-direction:column;padding:2rem;border-bottom:1px solid rgba(255,255,255,.25)}.constraint-list span{font:500 .62rem "IBM Plex Mono",monospace;color:var(--red)}.constraint-list h3{margin:.7rem 0;font:400 1.45rem "Archivo Black",sans-serif}.rehearsal{display:grid;grid-template-columns:1.05fr .95fr;background:var(--grey)}.rehearsal figure{margin:0}.rehearsal figure img{height:100%;min-height:700px;object-fit:cover}.rehearsal>div{padding:7rem 6vw}.rehearsal-steps{display:grid;margin:2rem 0}.rehearsal-steps span{padding:1rem 0;border-top:1px solid var(--line)}.rehearsal-steps b{margin-right:1rem;font:500 .62rem "IBM Plex Mono",monospace;color:var(--red)}.question-transcript{display:grid;grid-template-columns:.72fr 1.28fr;padding:8rem 4vw;color:var(--cream);background:var(--char)}.question-title{padding-right:4vw}.question-title label{display:flex;align-items:center;gap:.8rem;margin-top:2rem;padding:1rem;border:1px solid #626262}.question-title input{width:100%;border:0;outline:0;color:var(--cream);background:transparent}.faq-list{border-top:1px solid #666}.faq-list details{border-bottom:1px solid #666}.faq-list summary{display:grid;grid-template-columns:60px 1fr 20px;align-items:center;min-height:88px;cursor:pointer;font-weight:650;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:500 .62rem "IBM Plex Mono",monospace;color:var(--red)}.faq-list summary i{position:relative;width:16px;height:16px}.faq-list summary i:before,.faq-list summary i:after{content:"";position:absolute;top:7px;left:0;width:16px;height:2px;background:var(--blue)}.faq-list summary i:after{transform:rotate(90deg)}.faq-list details[open] i:after{transform:rotate(0)}.faq-list details p{padding:0 3rem 1.5rem 60px;color:#bbb}.faq-empty a{border-bottom:1px solid}.transmission{display:grid;grid-template-columns:.85fr 1.15fr;padding:7rem 4vw;background:var(--red)}.transmission-copy{padding-right:5vw}.transmission-copy>a{display:inline-block;margin:1rem 0 2rem;border-bottom:1px solid;font-weight:700}.transmission-copy figure{margin:1rem 0 0}.transmission-copy figure img{aspect-ratio:16/9;object-fit:cover}.transmission form{align-self:center;padding:1.3rem;background:var(--cream);box-shadow:24px 24px 0 var(--ox)}.form-status{display:flex;justify-content:space-between;padding:.7rem;border-bottom:2px solid var(--char);font:500 .62rem "IBM Plex Mono",monospace}.transmission label{display:grid;gap:.3rem;padding:1rem;font:500 .65rem "IBM Plex Mono",monospace;text-transform:uppercase}.transmission input,.transmission select,.transmission textarea{width:100%;border:0;border-bottom:1px solid var(--char);outline:0;border-radius:0;background:transparent;font:400 16px "Source Sans 3",sans-serif}.transmission input,.transmission select{height:44px}.transmission label>small,.transmission label>span:not(.consent span){display:none;color:#a42525;font-family:"Source Sans 3",sans-serif;text-transform:none}.transmission label.invalid>small,.transmission .consent.invalid small{display:block}.transmission .consent{grid-template-columns:auto 1fr;font:400 .9rem "Source Sans 3",sans-serif;text-transform:none}.transmission .consent input{width:18px;height:18px}.transmission form>button{width:100%;min-height:54px;border:0;color:var(--cream);background:var(--ox);font-weight:700}.success{margin:1rem 0 0;padding:1rem;background:var(--blue)}footer{display:grid;grid-template-columns:1fr 1fr auto auto;gap:2rem;align-items:center;padding:2rem 4vw;color:var(--cream);background:var(--ox)}.footer-brand{display:flex;align-items:center;gap:.7rem;font-family:"Archivo Black",sans-serif}.footer-brand img{width:36px;height:36px}.footer-brand+ p{margin:0}footer nav{display:flex;gap:1rem}footer nav a{border-bottom:1px solid rgba(255,255,255,.4)}.cookie-dock{position:fixed;right:10px;bottom:10px;z-index:120;display:flex;align-items:center;gap:.4rem;padding:.45rem;color:var(--cream);background:var(--ox);border:2px solid var(--red);font:500 .66rem "IBM Plex Mono",monospace}.cookie-dock span{padding:0 .4rem}.cookie-dock button,.cookie-dock a{padding:.55rem .6rem;border:0;color:var(--char);background:var(--grey)}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal.visible{opacity:1;transform:none}}@media(max-width:900px){.radio-header{grid-template-columns:1fr auto;min-height:64px}.brand{height:64px}.frequency-ticker{display:none}.radio-header nav{height:64px}.menu-key{display:flex;align-items:center;gap:.45rem}.radio-nav{position:absolute;top:64px;left:0;display:none;width:100%;height:auto;padding:.6rem;background:var(--ox);border-bottom:4px solid var(--red)}.radio-nav.open{display:grid;grid-template-columns:repeat(3,1fr)}.radio-nav button{min-height:48px;border:1px solid rgba(255,255,255,.2)}.on-air-hero{grid-template-columns:1fr;padding-top:64px}.hero-copy{padding:5rem 1rem 3rem}.hero-copy h1{font-size:4rem}.hero-readout{grid-template-columns:1fr}.hero-portrait img{min-height:auto;aspect-ratio:4/3}.frequency-spine{display:none}.schedule,.tuner-room,.mentor-studio,.question-transcript,.transmission{padding:5rem 1rem}.schedule-head,.programme-line,.tuner-room,.diagnostic,.mentor-studio,.constraint-band,.rehearsal,.question-transcript,.transmission{grid-template-columns:1fr}.programme-line article{border-right:0;border-bottom:1px solid var(--char)}.programme-line h3{min-height:0}.tuner-room{gap:3rem}.dial{width:210px}.programme-note{grid-template-columns:1fr}.programme-note figure img{min-height:auto;aspect-ratio:4/3}.diagnostic-copy,.constraint-title,.rehearsal>div{padding:5rem 1rem}.diagnostic>figure img,.mentor-studio figure img,.constraint-band figure img,.rehearsal figure img{min-height:auto;aspect-ratio:4/3}.transcript-grid{grid-template-columns:1fr}.transcript-grid article{border-right:0}.studio-copy{padding:0}.constraint-list article{min-height:180px}.question-title{padding:0 0 3rem}.transmission-copy{padding:0}.transmission form{box-shadow:12px 12px 0 var(--ox)}footer{grid-template-columns:1fr;gap:1rem}footer nav{flex-wrap:wrap}.cookie-dock{left:8px;right:8px;bottom:8px;justify-content:flex-end}.cookie-dock span{display:none}}@media(max-width:540px){.radio-nav.open{grid-template-columns:1fr}.contact-key{padding:0 .9rem}.hero-copy h1{font-size:3.35rem}.hero-actions{flex-direction:column}.hero-actions a,.hero-actions button{justify-content:center}.hero-portrait figcaption{width:80%}.schedule-head h2,.tuner-copy h2,.diagnostic-copy h2,.studio-copy h2,.constraint-title h2,.rehearsal h2,.question-title h2,.transmission-copy h2{font-size:3.2rem}.tune-buttons button{font-size:.67rem}.programme-note>div{padding:2rem 1rem}.programme-note h3{font-size:2.4rem}.faq-list summary{grid-template-columns:48px 1fr 18px;min-height:82px}.faq-list details p{padding-left:48px}.transmission form{margin-right:12px;padding:.5rem}.cookie-dock{font-size:.58rem}}