.live-page{max-width:1440px;margin:auto;padding:55px 5% 70px}.live-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.live-intro .eyebrow,.live-archive .eyebrow{font-size:9px;letter-spacing:2px;color:#887053}.live-intro h1{font:500 clamp(48px,6.5vw,90px)/1.02 Manrope,sans-serif;letter-spacing:-.065em;margin:22px 0 0}.live-intro-side{text-align:right;padding-bottom:5px}.live-intro-side svg{width:100px;height:70px;stroke:#d98026;stroke-width:1.2;margin:0 0 16px auto}.live-intro-side p{font-size:13px;color:#687984}.coast-player{border:1px solid #082e4820;border-radius:20px;background:#fffaf1;overflow:hidden;box-shadow:0 22px 50px #082e4808}.live-stage{position:relative;background:#092c40;aspect-ratio:16/9;isolation:isolate}.live-stage video{display:block;width:100%;height:100%;object-fit:contain}.live-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;flex-direction:column;background:radial-gradient(ellipse at 70% 0%,#417b88a0,transparent 60%),url('/coastal-lines.svg') center/cover,#0c354b;color:#fff4df;z-index:2}.live-overlay[hidden]{display:none}.live-overlay .eyebrow{font-size:9px;letter-spacing:2px;color:#d8dace}.live-overlay>span:last-child{font-size:13px}.live-overlay button{height:80px;width:80px;border:1px solid #f6e9cf80;border-radius:50%;display:grid;place-items:center;background:#f7e8cc18;color:#fff6e4;transition:background .25s,transform .25s}.live-overlay button:hover{background:#f7e8cc30;transform:scale(1.06)}.live-overlay button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2}.live-picture-label{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:9px;background:#082e4880;color:#fff8e9;border:1px solid #ffffff25;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:1.6px;pointer-events:none;z-index:3}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ed9b48;flex-shrink:0}.live-stage.is-playing .live-picture-label .live-dot{box-shadow:0 0 0 4px #ed9b4820}.live-quality{position:absolute;right:20px;top:20px;color:#fff8e9;font-size:10px;padding:8px 10px;background:#082e4880;border-radius:20px;pointer-events:none;z-index:3}.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px 12px}.live-switch{display:flex;gap:5px;padding:4px;background:#ece9df;border-radius:40px}.live-switch button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;border-radius:40px;min-height:44px;padding:10px 20px;color:#536671;font:500 12px Manrope,sans-serif;transition:background .2s,color .2s}.live-switch button[aria-pressed=true]{background:#082e48;color:#fff8e9}.live-clock{display:flex;gap:12px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}.live-clock>span{font-size:8px;letter-spacing:1.5px;color:#687984}.live-feedback{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 26px 18px;min-height:40px}.live-feedback p{font-size:11px;line-height:1.5;color:#617581;margin:0}.live-feedback button{border:0;background:transparent;color:#082e48;text-decoration:underline;min-height:44px;font-size:12px}.live-archive{margin-top:58px}.live-archive-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.live-archive h2{font-size:clamp(30px,3.3vw,46px);font-weight:500;letter-spacing:-.055em;margin:12px 0 0}.live-archive-heading button{background:none;border:0;font:inherit;font-size:11px;min-height:44px;gap:15px}.live-archive-controls{display:flex;align-items:end;gap:18px;margin:26px 0 18px}.live-archive-controls label{display:block;font-size:10px;color:#687984;min-width:210px}.live-archive-controls label:nth-child(2){min-width:135px}.live-archive-controls .custom-select{margin-top:8px}.live-archive-controls .select-trigger{font-size:13px;min-height:48px;background:#fffaf1}.live-archive-controls p{margin:0 0 16px auto;font-size:11px;color:#687984}.live-recordings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-height:370px;overflow:auto;overscroll-behavior:contain;padding:2px 5px 3px 2px;scrollbar-width:thin}.live-recording{background:#fffaf1;border:1px solid #082e4820;border-radius:10px;min-height:82px;padding:15px;display:flex;flex-direction:column;gap:7px;text-align:left;color:#082e48;transition:background .2s,transform .2s}.live-recording:hover{background:#f0e3ce;transform:translateY(-2px)}.live-recording[aria-pressed=true]{background:#082e48;color:#fff3dd}.live-recording strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.live-recording span{font-size:9px;opacity:.65}.live-smallprint{font-size:10px;line-height:1.6;color:#75848a;margin-top:15px}.live-next{margin-top:55px;padding-top:24px;border-top:1px solid #082e4826;display:flex;align-items:center;gap:35px;font-size:13px}.live-next>span{margin-right:auto;font-size:20px;letter-spacing:-.04em}.live-next a{display:flex;align-items:center;gap:14px;min-height:44px}.live-next .icon{width:18px;height:18px}.live-stage.is-loading::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff3dc0d 45%,transparent 65%);background-size:220% 100%;animation:coast-loading 1.5s linear infinite;pointer-events:none;z-index:1}@keyframes coast-loading{to{background-position:-220% 0}}.live-page button:focus-visible,.live-next a:focus-visible{outline:2px solid #d67f28;outline-offset:4px}.live-page button:disabled{opacity:.45;cursor:wait}
@media(max-width:1000px){.live-recordings{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.live-page{padding:34px 5% 40px}.live-intro{margin-bottom:25px;gap:10px}.live-intro h1{font-size:clamp(37px,10.8vw,51px);margin-top:17px}.live-intro .eyebrow{font-size:7px;letter-spacing:1.4px}.live-intro-side{max-width:88px}.live-intro-side svg{width:64px;height:48px;margin-bottom:8px}.live-intro-side p{font-size:10px;line-height:1.6}.coast-player{border-radius:12px}.live-stage{aspect-ratio:16/10}.live-picture-label{top:10px;left:10px;font-size:7px;gap:6px;padding:6px 9px}.live-quality{right:10px;top:10px;font-size:8px;padding:6px 9px}.live-overlay{gap:13px}.live-overlay .eyebrow{font-size:7px}.live-overlay button{width:55px;height:55px}.live-overlay button svg{width:21px;height:21px}.live-overlay>span:last-child{font-size:11px}.live-toolbar{padding:13px 12px 8px;gap:12px;flex-wrap:wrap}.live-switch{width:100%}.live-switch button{flex:1;font-size:11px;padding:8px 9px}.live-clock{padding:0 7px;font-size:11px;gap:10px}.live-feedback{padding:4px 19px 13px}.live-feedback p{font-size:10px}.live-archive{margin-top:34px}.live-archive-heading{align-items:start}.live-archive h2{font-size:30px;margin-top:10px}.live-archive-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.live-archive-heading button{font-size:0;min-width:44px;justify-content:center;margin-top:15px}.live-archive-heading button .icon{width:21px;height:21px}.live-archive-controls{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin-top:22px}.live-archive-controls label,.live-archive-controls label:nth-child(2){min-width:0}.live-archive-controls p{grid-column:1/-1;margin:0;font-size:10px}.live-archive-controls .select-trigger{font-size:11px}.live-recordings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:300px}.live-recording{min-height:74px;padding:12px}.live-recording strong{font-size:16px}.live-next{margin-top:32px;gap:12px;flex-wrap:wrap}.live-next>span{width:100%;font-size:22px}.live-next a{font-size:12px;margin-right:18px}.live-smallprint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-stage.is-loading::after{animation:none}.live-page *{transition:none!important}}

@media(max-width:360px){.live-intro-side{display:none}}