@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#141513;--panel:#20211e;--line:#3a3b33;--cream:#efeddf;--orange:#ff6b35;--muted:#92958a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}header,main{max-width:1440px;margin:auto}header{height:105px;display:flex;align-items:center;gap:45px;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-size:41px;font-weight:800;letter-spacing:-3px;color:var(--cream);text-decoration:none}.logo span{font-size:14px;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:10px}.station,.tiny,.eyebrow,.section-label,.room-top,.host-label,.console-bottom,footer>span{font-family:monospace;font-size:10px;letter-spacing:1.5px}.station{line-height:1.8}.station span{color:var(--muted)}.outline{border:1px solid #53564b;border-radius:5px;background:transparent;padding:11px 18px;font-size:12px}header button{margin-left:auto}main{padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:end;padding:44px 0 32px}.eyebrow{color:var(--orange);font-size:10px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(65px,7.4vw,108px);text-transform:uppercase;line-height:.88;letter-spacing:-2px;margin:17px 0 0}h1 em{font-style:normal;color:var(--orange)}.intro-right{padding-bottom:4px}.intro-right p{font-size:14px;line-height:1.8;margin-bottom:28px;color:#c1c3b7}.tiny{font-size:9px;color:var(--muted)}.studio{border:1px solid #48483e;border-radius:10px;overflow:hidden;box-shadow:0 25px 80px #0005}.room{position:relative;height:420px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#85512d77,transparent 65%),repeating-linear-gradient(90deg,#252720 0,#252720 10px,#181b16 11px,#181b16 16px);isolation:isolate}.room:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #000b;pointer-events:none;z-index:-1}.room-top{position:absolute;top:23px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;color:#a5a799;font-size:9px;z-index:5}.live{background:#311f19;border:1px solid #9c432a;color:#ff8c65;border-radius:4px;padding:7px 10px;box-shadow:0 0 20px #fd5a241b}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:7px}.room-top b{color:var(--orange);margin:0 10px}.wall-logo{position:absolute;top:60px;left:50%;transform:translateX(-50%) rotate(-3deg);font-weight:800;font-size:85px;letter-spacing:-7px;color:#ffc08b;text-shadow:0 0 8px #ff6b3577,0 0 35px #ff6b3555;opacity:.8}.wall-logo span{font:12px monospace;letter-spacing:0;vertical-align:top;display:inline-block;margin:27px 0 0 8px}.wall-line{position:absolute;top:190px;width:100%;height:3px;background:#ea672a;box-shadow:0 0 18px #ff762b}.cat{position:absolute;bottom:-53px;width:465px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 0 28px #090a08);z-index:2;transform-origin:50% 100%}.cat.talking{animation:talk .22s infinite alternate}@keyframes talk{to{transform:translateX(-50%) rotate(1deg) scale(1.025)}}.chair{position:absolute;background:#191b17;border:4px solid #34352b;width:330px;height:260px;border-radius:110px 110px 0 0;bottom:0;left:50%;transform:translateX(-50%)}.quote{position:absolute;left:5%;top:49%;max-width:200px;font-size:20px;line-height:1.3;transform:rotate(-5deg);color:#e5dbbc}.quote small{display:block;font:8px monospace;letter-spacing:1px;margin-top:12px;color:#999d89}.host-label{position:absolute;bottom:35px;left:25px;z-index:3;background:#171914dd;padding:12px;border:1px solid #484d3c;border-radius:3px}.host-label span{display:block;font-size:7px;color:#909780;margin-top:7px}.guest-chair{position:absolute;right:5%;bottom:45px;width:190px;background:linear-gradient(#363a2d,#22261b);border:1px dashed #878a6e;border-radius:50px 50px 8px 8px;padding:30px 10px 20px;font:10px monospace;letter-spacing:2px;z-index:3;transition:.2s}.guest-chair:hover{background:#414733;transform:translateY(-5px)}.guest-chair>span{display:block;font-size:30px;margin-bottom:16px;color:#c0c99d}.guest-chair small{display:block;font-size:8px;letter-spacing:0;color:#b9c09e;margin-top:15px}.desk-edge{position:absolute;bottom:0;height:24px;background:linear-gradient(#6a4730,#30271d);width:100%;z-index:4;border-top:3px solid #9a6a43}.console{background:linear-gradient(120deg,#292b25,#20221d);padding:27px 28px 0}.console-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.console-heading .eyebrow{font-size:8px;color:#a4a991}h2{font-size:20px;letter-spacing:-.5px;margin:6px 0}.tabs{display:flex;background:#151711;border:1px solid #3d4133;padding:4px;border-radius:6px;gap:5px}.tabs button{background:none;border:0;border-radius:3px;color:#929a80;padding:9px 14px;font-size:11px}.tabs .selected{background:#e0e6cc;color:#272e1b}.booth{display:grid;grid-template-columns:1.3fr 1fr .6fr;gap:26px}.section-label{font-size:9px;color:#c5cbb4;display:flex;justify-content:space-between;margin-bottom:20px;letter-spacing:1px}.section-label span{font-size:7px;color:#7c856e}.channels{display:flex;justify-content:space-between;gap:14px}.channels label{font:9px monospace;color:#d5dbc6;width:25%;display:flex;flex-direction:column;align-items:center;gap:10px}.channels label>span{color:var(--orange);font-size:9px}.channels input{writing-mode:vertical-lr;direction:rtl;width:26px;height:100px;accent-color:#dce2ca;cursor:ns-resize}.channels small{font-size:7px;color:#7e8970;white-space:nowrap}.pads{border-left:1px solid #3e4433;border-right:1px solid #3e4433;padding:0 25px}.pad-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pad-grid button{background:#393e2f;border:1px solid #535a43;border-bottom:4px solid #11150d;padding:17px 12px;border-radius:5px;text-align:left;font:10px monospace;transition:.1s}.pad-grid button:active{transform:translateY(3px);border-bottom-width:1px}.pad-grid button span{display:block;font-size:8px;color:#9ba68b;margin-top:17px}.pad-grid .orange{background:#ef7343;color:#1f2117;border-color:#ff9b71;border-bottom-color:#a04423}.pad-grid .orange span{color:#6e341e}.meters{height:115px;display:flex;gap:5px;align-items:end;padding:10px 0 17px}.meters span{width:10px;height:30%;background:repeating-linear-gradient(to top,#b1bf85 0,#b1bf85 4px,transparent 4px,transparent 7px);transition:height .15s}.output .tiny{font-size:7px;line-height:1.6;display:block}.console-bottom{display:flex;justify-content:space-between;border-top:1px solid #3c4231;margin-top:27px;padding:17px 0;font-size:7px;color:#9aa78a}.console-bottom i{background:#a6ba7f}.console-bottom button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}.ticker{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-around;gap:15px;font-family:'Barlow Condensed',sans-serif;font-size:19px;letter-spacing:1px;color:#b6b9a8}.ticker>span{white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 0;color:#74796a}footer .logo{font-size:28px}footer>span{font-size:8px}#guest:not([hidden]){display:grid;grid-template-columns:1fr 1.6fr;gap:30px}.chat-copy p{font-size:12px;color:#aeb79c}.chat-copy small{display:block;margin-top:10px;font-size:9px;color:#959d87}.conversation{background:#161a12;border:1px solid #414935;border-radius:5px;padding:15px}#messages{height:140px;overflow-y:auto;font-size:12px}#messages p{line-height:1.6;margin:0 0 12px}#messages b{display:block;font:8px monospace;letter-spacing:1px;color:var(--orange)}#messages span{color:#868e79}#chat{display:flex;border-top:1px solid #3b4231;padding-top:10px;gap:8px}#message{background:transparent;color:var(--cream);border:0;min-width:0;flex:1;font-size:12px}#chat button{background:var(--orange);color:#171b12;border:0;border-radius:3px;width:35px;height:32px}@media(max-width:900px){.station{display:none}.room{height:390px}.quote{font-size:15px;max-width:130px;left:3%}.guest-chair{right:3%;width:140px}.cat{width:390px}.booth{grid-template-columns:1.2fr 1fr}.output{display:none}.pads{border-right:0;padding-right:0}.ticker{font-size:15px}.ticker span:last-of-type{display:none}}@media(max-width:600px){header{height:80px}.logo{font-size:34px}.intro{padding:30px 0;display:block}.intro-right{display:none}h1{font-size:76px}.room{height:355px}.room-top{left:14px;right:14px;font-size:7px}.room-top>span:nth-child(2){display:none}.wall-logo{font-size:65px;top:62px}.cat{width:345px;bottom:-20px;left:44%}.quote{display:none}.guest-chair{width:100px;padding:20px 5px 12px;bottom:35px;right:10px;font-size:8px;background:#303728e8}.guest-chair small{font-size:7px}.host-label{left:12px;bottom:35px;font-size:8px}.host-label span{display:none}.console{padding:21px 16px 0}.console-heading{align-items:start}.console-heading h2{font-size:15px}.tabs button{padding:8px;font-size:9px}.booth{grid-template-columns:1fr;gap:24px}.pads{border:0;border-top:1px solid #444b37;padding:20px 0 0}.pad-grid{grid-template-columns:repeat(4,1fr);gap:6px}.pad-grid button{font-size:8px;padding:12px 7px}.pad-grid button span{margin-top:10px}.channels input{height:85px}.console-bottom{font-size:6px}.console-bottom>span:nth-child(2){display:none}.ticker{font-size:13px;gap:8px}.ticker span:nth-of-type(2){display:none}footer>span:last-child{display:none}#guest:not([hidden]){grid-template-columns:1fr;gap:16px}.chat-copy h2 br{display:none}.chat-copy p{margin:7px 0}.chat-copy .eyebrow{font-size:8px}#messages{height:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* The studio is the entire viewport. */
html,body{width:100%;height:100%;overflow:hidden;background:#0c0e0c}main{max-width:none;padding:0;height:100dvh}.studio{height:100%;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:#151914}.room{position:absolute;inset:0;height:100%;background:radial-gradient(ellipse at 50% 42%,#76502f88,transparent 50%),repeating-linear-gradient(90deg,#282a23 0,#282a23 12px,#131712 13px,#131712 20px);transition:transform .8s}.room:after{z-index:6;box-shadow:inset 0 0 140px 30px #000b;pointer-events:none}.ceiling{position:absolute;inset:0 0 auto;height:16%;background:repeating-linear-gradient(90deg,#10130f 0,#10130f 90px,#292e24 92px,#151912 96px);clip-path:polygon(0 0,100% 0,83% 100%,17% 100%);border-bottom:5px solid #35382b}.side-wall{position:absolute;top:0;bottom:0;width:18%;background:repeating-linear-gradient(0deg,#121710 0,#121710 65px,#242b1c 67px,#0e120c 70px);z-index:1}.left-wall{left:0;clip-path:polygon(0 0,100% 16%,100% 78%,0 100%)}.right-wall{right:0;clip-path:polygon(100% 0,0 16%,0 78%,100% 100%)}.room-top{top:25px;left:32px;right:32px;z-index:12}.room-top #sound{padding:7px 12px;background:#151a13}.wall-logo{top:14%;font-size:clamp(65px,8vw,120px);z-index:1}.wall-logo span{margin-top:35px;font-size:14px;letter-spacing:2px}.wall-line{top:43%;height:4px}.cat{width:auto;height:51%;max-width:65%;object-fit:contain;bottom:25%;left:50%;z-index:4;transition:height .8s,bottom .8s}.chair{bottom:28%;height:40%;width:32%;border:7px solid #363e2f;box-shadow:0 0 40px #0008}.quote{top:35%;left:21%;font-size:17px;max-width:150px;z-index:5}.host-label{bottom:30%;left:23%;z-index:7}.guest-chair{right:20%;bottom:29%;width:16%;height:25%;border-radius:65px 65px 12px 12px;box-shadow:0 14px 0 #10150d,0 35px 0 -10px #252d1c;z-index:5}.guest-chair:before{content:'';position:absolute;left:20%;right:20%;bottom:-35px;height:35px;border-left:9px solid #151910;border-right:9px solid #151910}.desk-edge{height:15%;bottom:19%;background:repeating-linear-gradient(0deg,#49301e 0,#4b311f 3px,#503622 4px,#533825 7px);clip-path:polygon(22% 0,78% 0,96% 100%,4% 100%);border-top:6px solid #8f6540;z-index:5}.speaker{position:absolute;width:8%;height:27%;top:27%;background:linear-gradient(110deg,#33382e,#0c100a);border:3px solid #3b4132;border-radius:7px;z-index:3;box-shadow:0 18px 25px #0008}.speaker-left{left:7%;transform:perspective(500px) rotateY(20deg)}.speaker-right{right:7%;transform:perspective(500px) rotateY(-20deg)}.speaker i,.speaker b{position:absolute;display:block;border-radius:50%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#21291c 0 20%,#080c06 22% 40%,#373f2d 43% 46%,#10160c 50%);box-shadow:0 0 0 3px #090d07}.speaker i{width:30%;aspect-ratio:1;top:12%}.speaker b{width:78%;aspect-ratio:1;bottom:12%}.glass{position:absolute;inset:12% 17% 22%;border:12px solid #11170eee;box-shadow:0 0 0 3px #454d39,inset 0 0 45px #abbba00a;z-index:8;pointer-events:none;background:linear-gradient(125deg,transparent 25%,#eaf2cd03 25%,#eaf2cd03 42%,transparent 42%)}.console{position:absolute;bottom:-6px;left:9%;right:9%;padding:18px 30px 0;z-index:15;border:2px solid #525b43;border-top:7px solid #778064;border-radius:12px 12px 0 0;box-shadow:0 -15px 55px #000b,inset 0 2px 4px #c7d4aa33;background:linear-gradient(130deg,#343c2c,#1c2417);max-height:40%;overflow:auto;transition:left .6s,right .6s}.console-heading{margin-bottom:13px}.console-heading h2{font:12px monospace;letter-spacing:3px}.console-heading .eyebrow{font-size:7px}.booth{gap:25px}.section-label{margin-bottom:10px;font-size:8px}.channels{gap:8px}.channels label{gap:5px}.channels input{height:clamp(55px,10vh,105px)}.pad-grid button{padding:12px}.pad-grid button span{margin-top:8px}.meters{height:90px}.console-bottom{margin-top:14px;padding:10px 0}.in-chair .glass{opacity:0}.in-chair .cat{height:64%;bottom:20%}.in-chair .guest-chair,.in-chair .quote,.in-chair .host-label{opacity:0;pointer-events:none}.in-chair .console{left:20%;right:20%;max-height:35%;background:#1b2318f5}.in-chair .room{transform:scale(1.06)}.in-chair .desk-edge{bottom:10%;height:25%}.in-chair .wall-logo{top:9%}.in-chair .console-bottom{display:none}.chat-copy h2{font-size:17px}.chat-copy p{display:none}#messages{height:90px}.chat-copy small{font-size:8px}#guest:not([hidden]){padding-bottom:15px}.in-chair .console-heading h2{font-size:0}.in-chair .console-heading h2:after{content:'GUEST MICROPHONE';font:11px monospace;letter-spacing:2px}@media(min-height:950px){.console{bottom:0;padding-top:24px}.channels input{height:130px}.meters{height:135px}.pad-grid button{padding:20px}}@media(max-width:800px){.console{left:3%;right:3%;max-height:43%;padding:14px 16px 0}.quote{display:none}.booth{grid-template-columns:1.2fr 1fr}.output{display:none}.pads{padding:0 0 0 12px;border-left:1px solid #566044;border-top:0}.pad-grid{grid-template-columns:1fr 1fr}.cat{height:48%;bottom:32%;max-width:75%}.guest-chair{right:12%;bottom:37%;width:20%;height:19%;font-size:8px}.host-label{left:12%;bottom:39%;font-size:8px}.glass{left:6%;right:6%;bottom:28%;border-width:8px}.speaker{display:none}.wall-logo{top:17%}.desk-edge{bottom:25%;height:17%}.room-top{left:15px;right:15px;gap:15px}.room-top>span:nth-child(2){display:none}.room-top #timer{margin-left:auto}.in-chair .console{left:3%;right:3%;max-height:40%}.in-chair .cat{height:57%;bottom:29%;max-width:95%}.in-chair .wall-logo{top:13%}.in-chair .console-heading{margin-bottom:8px}#guest:not([hidden]){grid-template-columns:1fr 1.6fr;gap:12px}.chat-copy h2{font-size:14px}.chat-copy .outline{padding:8px;font-size:10px}.chat-copy .eyebrow{display:none}.section-label span{display:none}}@media(max-height:650px){.console{max-height:47%;padding-top:8px}.console-heading{margin-bottom:6px}.channels input{height:50px}.channels small,.console-bottom,.section-label{display:none}.cat{bottom:30%;height:53%}.wall-logo{top:11%;font-size:65px}.pad-grid button{padding:8px}.room-top{top:10px}.meters{height:60px}.guest-chair{bottom:35%}#messages{height:65px}.chat-copy h2{display:none}}