@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#050505;--ink:#0a0a0a;--white:#f5f7f7;--muted:#92999b;--cyan:#17dcf6;--line:rgba(255,255,255,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:94px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference}.brand{width:clamp(132px,12vw,188px);height:54px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:2.4rem;text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:white;transform:scaleX(0);transform-origin:right;transition:.3s}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}.menu-button{display:none}
.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#bcbcbc}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:grayscale(1);transform:scale(1.015);animation:hero-in 1.3s ease-out both}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 58%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.hero-copy{position:absolute;left:3.5vw;bottom:11vh}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:600}.hero h1{font-size:clamp(5rem,14vw,14rem);line-height:.75;letter-spacing:-.075em;margin:1.4rem 0 2.2rem}.text-link{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:.6rem}.text-link span{margin-left:1rem;color:var(--cyan)}.scroll-note{position:absolute;right:3.5vw;bottom:4vh;margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;writing-mode:vertical-rl}
.section{padding:9rem 3.5vw}.section-head{display:grid;grid-template-columns:28% 1fr;align-items:start;margin-bottom:6rem}.section h2{font-size:clamp(3.4rem,7.5vw,8.8rem);line-height:.92;letter-spacing:-.065em;margin:0;font-weight:600}.kicker{color:var(--cyan);margin:.65rem 0}.platforms{border-top:1px solid var(--line)}.platforms a{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line);transition:.25s}.platforms span{font-size:clamp(1.7rem,3vw,3.4rem);letter-spacing:-.04em}.platforms em{font-style:normal;color:var(--muted)}.platforms b,.event-list b,.social-row b{font-size:1.4rem;color:var(--cyan)}.platforms a:hover{padding-left:1rem;background:rgba(255,255,255,.025)}.release-strip{margin-top:5rem;display:grid;grid-template-columns:1fr 2fr 2fr auto;gap:1.5rem;align-items:center;padding:1.5rem;background:var(--cyan);color:#001316}.release-strip span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.release-strip strong{font-size:1.15rem}.release-strip a{font-weight:700}
.aftermovie-playlist{padding:9rem 3.5vw;display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:clamp(3rem,8vw,10rem);align-items:center;background:#080808}.aftermovie-head{align-self:stretch;display:grid;grid-template-rows:auto 1fr auto;padding:1rem 0;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.aftermovie-head span{color:var(--muted)}.aftermovie-head strong{align-self:center;font-size:clamp(2.2rem,4.2vw,5.2rem);line-height:.95;letter-spacing:-.055em;text-transform:none}.aftermovie-head b{color:var(--cyan)}.aftermovie-stage{height:min(86vh,920px);display:flex;justify-content:center;align-items:center;overflow:visible;background:#080808}.aftermovie-video{display:block;height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;background:#111}
.live{background:var(--white);color:var(--ink)}.live .kicker{color:#008fa6}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,6rem)}.live-card{position:relative;min-height:70vh;overflow:hidden}.live-card img{width:100%;height:100%;position:absolute;object-fit:cover}.live-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}.card-copy{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem;color:white}.card-copy span,.event-list span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.card-copy h3{font-size:clamp(3rem,6vw,7rem);line-height:.9;letter-spacing:-.06em;margin:.5rem 0 1.5rem}.card-copy a{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.event-list{border-top:1px solid rgba(0,0,0,.2)}.event-list a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"meta icon" "title icon";gap:.8rem;padding:2rem 0;border-bottom:1px solid rgba(0,0,0,.2);align-items:center}.event-list span{grid-area:meta;color:#5f6566}.event-list strong{grid-area:title;font-size:clamp(1.8rem,3vw,3.2rem);letter-spacing:-.045em}.event-list b{grid-area:icon;color:#008fa6}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.gallery figure{margin:0;height:55vh;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gallery figure:hover img{transform:scale(1.035)}
.press-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,9vw,10rem);align-items:start}.press-layout>img{width:100%;max-height:780px;object-fit:cover;filter:grayscale(1)}.press-copy>p{font-size:clamp(1.6rem,3.2vw,3.5rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 6rem}.downloads{border-top:1px solid var(--line)}.downloads a{display:flex;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid var(--line)}.downloads b{color:var(--cyan);font-size:.78rem}.profiles{padding-bottom:12rem}.social-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.social-row a{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:2.5rem 1.5rem 2.5rem 0;border-bottom:1px solid var(--line)}.social-row a+ a{padding-left:1.5rem;border-left:1px solid var(--line)}.social-row span{grid-column:1/3;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.social-row strong{font-size:clamp(1.5rem,3vw,3rem)}
footer{min-height:44vh;background:var(--cyan);color:#001316;padding:4rem 3.5vw;display:grid;grid-template-columns:1fr auto;align-items:end;position:relative}footer img{position:absolute;top:4rem;left:50%;transform:translateX(-50%);width:clamp(190px,22vw,350px);filter:brightness(0)}footer p{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}footer a{font-weight:700}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.hero .eyebrow{margin:0 0 1.5rem}@keyframes hero-in{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.015)}}
@media(max-width:760px){.site-header{height:78px;padding:0 1.25rem;mix-blend-mode:normal;background:linear-gradient(#050505,transparent)}.brand{width:132px}.menu-button{display:flex;color:white;background:none;border:0;align-items:center;gap:.35rem;font:inherit;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;padding:.75rem}.menu-button i{display:block;width:4px;height:4px;background:var(--cyan);border-radius:50%}.site-header nav{position:fixed;inset:0;background:#050505;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-size:1.6rem;visibility:hidden;opacity:0;transition:.3s;z-index:-1}.site-header nav.open{visibility:visible;opacity:1}.hero{min-height:620px}.hero-image{object-position:57% center}.hero-copy{left:1.25rem;bottom:12vh}.hero h1{font-size:24vw;margin-bottom:1.8rem}.scroll-note{display:none}.aftermovie-playlist{padding:6.5rem 1.25rem;display:block}.aftermovie-head{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2rem;margin-bottom:2rem}.aftermovie-head strong{grid-column:1/3;font-size:12vw}.aftermovie-head b{grid-column:2;grid-row:1}.aftermovie-stage{height:auto;aspect-ratio:9/16}.aftermovie-video{width:100%;height:100%;aspect-ratio:9/16;object-fit:contain}.section{padding:6.5rem 1.25rem}.section-head{display:block;margin-bottom:3.8rem}.section h2{font-size:15vw}.kicker{margin-bottom:2rem}.platforms a{grid-template-columns:1fr auto}.platforms em{display:none}.release-strip{grid-template-columns:1fr auto;margin-top:3rem}.release-strip span:nth-of-type(2){display:none}.release-strip strong{grid-row:2}.release-strip a{grid-column:2;grid-row:2}.feature-grid{grid-template-columns:1fr}.live-card{min-height:65vh}.card-copy{left:1.25rem;bottom:1.5rem}.event-list a{padding:1.5rem 0}.gallery{grid-template-columns:1fr;gap:.75rem}.gallery figure{height:65vh}.press-layout{grid-template-columns:1fr}.press-layout>img{max-height:70vh}.press-copy>p{font-size:1.65rem;margin-bottom:3.5rem}.social-row{grid-template-columns:1fr}.social-row a+ a{padding-left:0;border-left:0}footer{min-height:38vh;padding:2rem 1.25rem}footer img{top:3rem;width:180px}}
.contact{background:#0b0b0b;padding-top:10rem;padding-bottom:10rem}.booking-mail{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.2rem 0}.booking-mail span{grid-column:1/3;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.booking-mail strong{font-size:clamp(1.45rem,4vw,5rem);line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere}.booking-mail b{color:var(--cyan);font-size:1.5rem}.booking-mail:hover strong{color:var(--cyan)}
.contact .section-head{display:block}
.radio-feature{margin-top:1rem;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:2rem;align-items:end}.radio-feature span{display:block;margin-bottom:.65rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.radio-feature strong{font-size:clamp(1.8rem,3.2vw,3.8rem);line-height:1;letter-spacing:-.05em}.radio-feature p{margin:0;color:#c5cbcc;line-height:1.55;max-width:28rem}
@media(max-width:760px){.radio-feature{grid-template-columns:1fr 1fr}.radio-feature p{grid-column:1/3;margin-top:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-image{animation:none}.aftermovie-video{display:none}.aftermovie-stage{background:url('assets/ohbee-main.jpg') center 35%/cover no-repeat;filter:grayscale(1)}}