:root{--navy:#0a3558;--navy2:#123f61;--sea:#7eb7b8;--coral:#f07b63;--sand:#f8f5ef;--paper:#fff;--ink:#17364c;--muted:#6b7a82;--line:#e6e3dc;--shadow:0 14px 40px rgba(10,53,88,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:170px}body{margin:0;background:var(--sand);color:var(--ink);font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px}.skip:focus{top:12px}.header{position:relative;z-index:30;background:var(--sand);border-bottom:1px solid rgba(10,53,88,.08)}.header__inner{max-width:1080px;margin:auto;display:flex;align-items:center;gap:8px;padding:4px 18px 0}.logo{width:112px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(10,53,88,.08))}.header__copy{display:flex;flex-direction:column;line-height:1.25;border-left:1px solid rgba(10,53,88,.13);padding-left:13px}.header__copy .kicker{color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.header__copy strong{font-size:14px;color:var(--navy)}.header__copy>span:last-child{font-size:11px;color:var(--muted)}.weather{border:0;width:100%;background:var(--navy);color:white;min-height:60px;padding:9px max(18px,calc((100vw - 1080px)/2 + 18px));display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.weather__icon{font-size:28px;color:#cae0df}.weather b{display:block;font-size:20px;line-height:1}.weather small{display:block;margin-top:4px;color:#cae0df;font-size:10px}.weather__place{font-size:10px;color:#cae0df}.weather__place i{font-style:normal;margin-left:6px}.forecast{background:var(--navy2);color:#fff;padding:8px max(18px,calc((100vw - 1080px)/2 + 18px)) 14px}.forecast__label{display:block;margin-bottom:7px;color:#cae0df;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.forecast>div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(110px,1fr);overflow-x:auto;gap:8px;scrollbar-width:none}.forecast article{padding:9px 10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04)}.forecast article span,.forecast article small{display:block;font-size:9px;color:#cae0df}.forecast article b{display:block;margin:5px 0;font-size:16px}main{max-width:1080px;margin:auto}.intro{position:relative;overflow:hidden;padding:38px 20px 70px;background:var(--sand)}.eyebrow{color:var(--sea);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.intro h1{margin:10px 0 12px;color:var(--navy);font-size:clamp(39px,11vw,72px);line-height:.98;letter-spacing:-.045em;text-transform:uppercase}.intro h1 em{font-style:normal;color:var(--coral)}.intro p{max-width:480px;margin:0;color:var(--muted);font-size:13px}.wave{position:absolute;right:-24px;bottom:20px;width:180px;height:46px;display:flex}.wave i{width:60px;height:30px;border-bottom:3px solid var(--sea);border-radius:0 0 50% 50%;opacity:.65}.live{margin:-40px 14px 22px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.live>div{padding:16px 18px;min-height:106px;display:flex;flex-direction:column}.live span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.live b{margin:7px 0 3px;font-size:16px;line-height:1.2}.live small{font-size:10px}.live__now{background:var(--coral);color:#fff}.live__now small{color:#fff4f0}.live__next,.live__count{background:#fff;color:var(--navy)}.live__next span,.live__count span{color:var(--sea)}.live__next small,.live__count small{color:var(--muted)}.live__next--wide,.live__count{grid-column:1/-1}.schedule{padding:0 14px 60px}.day{margin-bottom:12px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 6px 24px rgba(10,53,88,.04)}.day__button{border:0;width:100%;min-height:74px;padding:14px 16px;background:#fff;color:inherit;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.day__button b{display:block;color:var(--navy);font-size:22px}.day__button small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.day__arrow{font-size:19px;color:var(--sea);transition:transform .25s ease}.day--open .day__arrow{transform:rotate(180deg)}.day__content{display:none;background:#fbfaf7;border-top:1px solid var(--line)}.day--open .day__content{display:block;animation:reveal .24s ease}.event{margin:0 10px;border-bottom:1px solid var(--line);position:relative}.event:last-child{border-bottom:0}.event__button{border:0;width:100%;background:transparent;color:inherit;padding:16px 5px;display:grid;grid-template-columns:48px 1fr 20px;gap:10px;text-align:left;cursor:pointer}.event__icon{width:48px;height:48px;display:grid;place-items:center;font-family:Poppins,system-ui,sans-serif;font-size:24px;font-weight:600;color:var(--sea);line-height:1;text-align:center}.event__body time{display:block;color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.02em}.event__body b{display:block;margin:2px 0;color:var(--ink);font-size:15px}.event__body small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.chevron{color:var(--sea);transition:transform .2s}.event--open .chevron{transform:rotate(180deg)}.details{display:none;list-style:none;margin:0 4px 14px 62px;padding:3px 14px;background:#f4f8f7;border-radius:12px}.event--open .details{display:block}.details li{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #dce8e5}.details li:last-child{border:0}.details time{font-size:9px;color:var(--coral);font-weight:700;white-space:nowrap}.details b{display:block;font-size:12px}.details small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.event--current{margin:8px;border:2px solid var(--coral);border-radius:16px;background:#fff7f4;box-shadow:0 10px 28px rgba(240,123,99,.14)}.event--current::after{content:"NOW";position:absolute;top:9px;right:10px;padding:3px 7px;border-radius:6px;background:var(--coral);color:#fff;font-size:8px;font-weight:800;letter-spacing:.12em}.event--current .event__button{padding-left:9px;padding-right:9px}footer{text-align:center;color:var(--muted);font-size:10px;padding:0 18px 35px}@keyframes reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:700px){.header__inner{padding:10px 28px}.logo{width:112px;height:78px}.header__copy strong{font-size:17px}.weather{padding-left:max(28px,calc((100vw - 1080px)/2 + 28px));padding-right:max(28px,calc((100vw - 1080px)/2 + 28px))}.intro{padding:58px 38px 85px}.live{margin:-45px 38px 30px}.schedule{padding:0 38px 70px}.day__content>div{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:4px 10px}.event{margin:0}.event:nth-child(odd){border-right:1px solid var(--line);padding-right:8px}.event__button{grid-template-columns:55px 1fr 20px}.event__icon{font-size:31px}.details{margin-left:70px}}
@media(prefers-color-scheme:dark){:root{--sand:#0c2231;--paper:#133047;--ink:#edf4f6;--muted:#a8bac2;--line:#29485c}.header{background:rgba(12,34,49,.95)}.logo{mix-blend-mode:screen}.intro{background:var(--sand)}.day,.day__button,.live__next,.live__count{background:var(--paper)}.day__content{background:#102a3e}.event--current{background:#3a2b2c}.details{background:#1a3b4d}.details li{border-color:#315165}}

/* Integrated hero identity */
.header__inner{padding:10px 18px}
.header__copy{width:100%;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:14px;border:0;padding:0}
.header__copy strong{font-size:13px}
.header__copy>span:last-child{font-size:10px}
.intro{display:grid;grid-template-columns:minmax(128px,36%) 1fr;gap:14px;align-items:center;padding:24px 18px 70px}
.intro__logo{display:block;width:100%;max-width:250px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(10,53,88,.08))}
.intro__copy{min-width:0}
.intro h1{font-size:clamp(29px,7.4vw,64px)}
.intro p{font-size:11px}
@media(min-width:700px){
  .header__inner{padding:11px 28px}
  .header__copy strong{font-size:15px}
  .intro{grid-template-columns:270px 1fr;gap:36px;padding:34px 38px 90px}
  .intro__logo{max-width:270px}
  .intro p{font-size:13px}
}