@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--purple:#40106c;--purple2:#6815a3;--deep:#0d0714;--gold:#ffd95a;--gold2:#b87808;--white:#fffdf5;--muted:#cfc6d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08050d;color:var(--white);font-family:Inter,Arial,sans-serif}.topbar{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(12,5,20,.96);border-bottom:1px solid #8f641c;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;text-decoration:none;color:var(--gold)}.brand .crown{grid-row:1/3;font-size:29px}.brand b{font-family:Cinzel;font-size:22px;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:3px;color:#fff}nav{display:flex;gap:28px;align-items:center}nav a,.admin-link{color:#eee;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:1.2px;background:none;border:0;cursor:pointer}.admin-link{color:var(--gold);border:1px solid #8e681f;padding:10px 15px}.menu{display:none;background:none;border:1px solid var(--gold);color:var(--gold);font-size:22px}.studio-stage{height:min(74vw,780px);min-height:600px;position:relative;overflow:hidden;background:#1a0732}.studio-stage>img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.83) saturate(1.06)}.studio-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,2,9,.28),transparent 35%,rgba(7,3,10,.15) 65%,rgba(5,2,9,.82)),linear-gradient(90deg,rgba(4,1,7,.42),transparent 28%,transparent 72%,rgba(4,1,7,.42))}.on-air{position:absolute;top:30px;left:4vw;background:rgba(9,5,13,.86);border:1px solid #c29027;padding:9px 13px;font-size:11px;letter-spacing:1.5px}.on-air i,.screen-head i,.status-row i{display:inline-block;width:7px;height:7px;background:#d73732;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #f33}.hero-copy{position:absolute;top:6%;left:50%;transform:translateX(-50%);text-align:center;width:70%;text-shadow:0 2px 8px #160121}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold)}.hero-copy h1{font-family:Cinzel;font-size:clamp(42px,5.8vw,88px);margin:8px 0 0;color:var(--gold);letter-spacing:5px}.hero-copy p{margin:0;color:#ffe07c;font-family:Cinzel;font-size:clamp(12px,1.4vw,19px)}.watch{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:14px 24px;background:linear-gradient(180deg,#ffe278,#c58815);color:#1a0b21;text-decoration:none;border:2px solid #fff0a6;box-shadow:0 6px 30px #1a071a;border-radius:4px;min-width:245px}.play{display:grid;place-items:center;border-radius:50%;background:#3e0c65;color:#fff;width:38px;height:38px}.watch b,.watch small{display:block}.watch b{font-family:Cinzel;letter-spacing:1px}.watch small{font-size:10px;margin-top:3px}.ticker{height:45px;display:flex;border-block:1px solid #9d6f1b;background:#160925;overflow:hidden}.ticker-label{display:grid;place-items:center;background:linear-gradient(135deg,#ffd961,#ad700b);color:#1a0b22;font-family:Cinzel;font-weight:bold;width:125px;flex:none;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.ticker-window{overflow:hidden;white-space:nowrap;display:flex;align-items:center}.ticker-window p{display:inline-block;margin:0;padding-left:100%;font-size:12px;letter-spacing:1px;color:#f9dc7c;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}.section-wrap{max-width:1240px;margin:auto;padding:80px 30px}.broadcast-grid{display:grid;grid-template-columns:1.8fr .8fr;gap:22px}.main-screen,.side-console{border:1px solid #815b18;background:#13091c;box-shadow:0 14px 40px #000}.screen-head,.console-title{height:46px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3c0d62,#160b22);border-bottom:1px solid #9a6f22;color:#f2d371;font-size:11px;letter-spacing:1.3px}.screen-empty{aspect-ratio:16/8.5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#511184 0,#1b0b2b 40%,#08060a 80%);position:relative}.screen-empty:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,213,80,.18)}.signal{font-family:Cinzel;font-size:clamp(30px,5vw,65px);color:var(--gold);letter-spacing:4px}.signal span{font-size:.55em}.screen-empty h2{font-family:Cinzel;margin:12px 0 4px}.screen-empty p{color:#bbb;margin:0 0 22px}.screen-empty button{position:relative;background:transparent;border:1px solid #b38834;color:#ffe37d;padding:10px 18px;text-transform:uppercase;letter-spacing:1px}.side-console{padding-bottom:18px}.console-control{margin:18px;width:calc(100% - 36px);display:grid;grid-template-columns:45px 1fr auto;align-items:center;text-align:left;gap:10px;background:#261137;color:#fff;border:1px solid #7b5720;padding:14px;cursor:pointer}.console-control .icon{color:var(--gold);font-size:20px}.console-control b,.console-control small{display:block}.console-control small{font-size:10px;color:#aea5b7;margin-top:4px}.console-control em{font-style:normal;font-size:9px;color:#e6c75f;border:1px solid #79642c;padding:4px}.meter{display:flex;align-items:end;justify-content:center;gap:6px;height:42px}.meter span{width:8px;background:#d0a52d;height:14px}.meter span:nth-child(2),.meter span:nth-child(6){height:25px}.meter span:nth-child(3),.meter span:nth-child(5){height:34px}.meter span:nth-child(4){height:40px}.mini-monitor{margin:15px 18px;background:#08050b;border:1px solid #564166;padding:22px;text-align:center}.mini-monitor b,.mini-monitor strong,.mini-monitor small{display:block}.mini-monitor b{color:var(--gold);font-size:10px;letter-spacing:2px}.mini-monitor strong{font-family:Cinzel;margin:12px 0;font-size:15px}.mini-monitor small{color:#9f96a5}.status-row{display:flex;justify-content:space-between;padding:8px 18px;color:#a9a0af;font-size:10px}.programming{padding-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #5f4820;padding-bottom:22px}.section-heading h2{font-family:Cinzel;font-size:34px;margin:7px 0 0;color:#f6e3a1}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid #5e4824;background:#130a1c;color:#bdb4c4;padding:9px 12px;text-transform:uppercase;font-size:10px;cursor:pointer}.tabs button.active{background:#d09b27;color:#180b20}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.program-card{background:linear-gradient(145deg,#251034,#0c0810);border:1px solid #60451c;min-height:225px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.program-card:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #5a1f88;border-radius:50%;top:-75px;right:-75px;box-shadow:0 0 40px #481076 inset}.program-card .number{position:absolute;top:15px;left:17px;color:#a0782c;font-family:Cinzel}.program-card small{color:#b99a50;letter-spacing:1.5px}.program-card h3{font-family:Cinzel;margin:7px 0;color:#fff}.program-card p{font-size:12px;color:#ada3b2;margin:0}.scripture{text-align:center;padding:80px 20px 90px;background:radial-gradient(circle,#381055,#11091a 62%)}.gold-line{width:100px;height:1px;background:var(--gold);margin:auto}.large{display:block;color:var(--gold);font-size:45px;margin:18px}.scripture blockquote{font-family:Cinzel;font-size:clamp(24px,3vw,42px);max-width:900px;margin:15px auto;color:#fff8de;line-height:1.45}.scripture cite{font-style:normal;color:var(--gold);letter-spacing:2px}footer{min-height:130px;border-top:1px solid #91631b;padding:30px 4vw;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;background:#08050d;color:#8f8795;font-size:11px}.footer-brand{display:grid;grid-template-columns:35px 1fr;color:var(--gold)}.footer-brand .crown{grid-row:1/3;font-size:26px}.footer-brand b{font-family:Cinzel;font-size:18px}.footer-brand small{font-size:8px;color:white;letter-spacing:1.5px}footer p{text-align:center;color:#d1b453;letter-spacing:1px}dialog{width:min(900px,92vw);background:#100817;color:#fff;border:1px solid #b88927;padding:28px;box-shadow:0 25px 80px #000}dialog::backdrop{background:rgba(2,1,4,.88);backdrop-filter:blur(5px)}.close{position:absolute;right:18px;top:15px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.control-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid #5d4219;padding-bottom:16px}.control-header .crown{font-size:38px;color:var(--gold)}.control-header small{color:var(--gold);letter-spacing:2px}.control-header h2{font-family:Cinzel;margin:4px 0}.private-notice{border-left:3px solid var(--gold);background:#24122f;padding:13px 16px;margin:20px 0}.private-notice p{font-size:12px;color:#bdb4c2;margin:4px 0}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.control-item{border:1px solid #493654;padding:14px;display:flex;align-items:center;gap:12px;color:#ddd}.control-item span{color:var(--gold)}.control-item small{display:block;color:#8d8592;margin-top:3px}.disabled-save{width:100%;margin-top:20px;padding:13px;background:#2a2130;color:#8b8490;border:1px solid #403648}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:#160a21;border:1px solid var(--gold);color:white;padding:14px 22px;z-index:30;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.topbar{height:64px}nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:#100719;padding:20px}nav.open{display:flex}.menu{display:block}.studio-stage{min-height:480px;height:70vh}.studio-stage>img{object-position:center top}.hero-copy{top:10%;width:90%}.hero-copy .eyebrow{font-size:9px}.on-air{top:18px}.broadcast-grid{grid-template-columns:1fr}.program-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;gap:18px;flex-direction:column}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-self:center}.control-grid{grid-template-columns:1fr}}
@media(max-width:520px){.studio-stage{min-height:430px}.studio-stage>img{object-position:52% top}.hero-copy{top:12%}.hero-copy h1{font-size:44px}.hero-copy p{font-size:10px}.watch{bottom:5%}.program-grid{grid-template-columns:1fr}.section-wrap{padding:55px 16px}.ticker-label{width:90px}.screen-empty{aspect-ratio:auto;min-height:330px}.section-heading h2{font-size:28px}.scripture{padding:60px 18px}.topbar{padding:0 16px}.brand b{font-size:18px}}

/* Brighter HBNN royal purple, matched just above the Faith & Care reference. */
.studio-stage{background:#922fe9}.studio-stage>img{filter:brightness(1.04) saturate(1.13) contrast(.98)}.studio-vignette{background:linear-gradient(180deg,rgba(70,12,112,.08),transparent 38%,rgba(111,30,170,.04) 68%,rgba(12,3,19,.58)),linear-gradient(90deg,rgba(53,8,86,.18),transparent 28%,transparent 72%,rgba(53,8,86,.18))}.screen-head,.console-title{background:linear-gradient(90deg,#8f2be8,#35104e)}.screen-empty{background:radial-gradient(circle at 50% 45%,#9630ea 0,#451269 42%,#0b0710 82%)}.scripture{background:radial-gradient(circle,#8328c9,#1a0927 66%)}

/* Interactive shofar entrance and restrained studio-camera swivel. */
.studio-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:linear-gradient(rgba(37,7,58,.3),rgba(8,2,13,.82)),url('assets/hbnn-studio.png') center top/cover no-repeat;text-align:center;transition:opacity 1s ease,visibility 1s ease}.studio-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(184,103,235,.32),rgba(5,1,8,.88) 68%)}.intro-glow{position:absolute;width:min(620px,92vw);aspect-ratio:1;border:1px solid rgba(255,217,90,.3);border-radius:50%;box-shadow:0 0 95px rgba(184,103,235,.46),inset 0 0 90px rgba(157,67,220,.25);animation:introPulse 3s ease-in-out infinite}.intro-content{position:relative;width:min(720px,90vw);padding:40px 20px}.intro-crown{display:block;color:var(--gold);font-size:52px;text-shadow:0 0 25px rgba(255,217,90,.5)}.intro-kicker{display:block;margin-top:16px;color:var(--gold);font-size:12px;letter-spacing:5px}.intro-content h1{margin:12px 0 8px;font-family:Cinzel;font-size:clamp(38px,7vw,74px);letter-spacing:3px;color:#fff8da;text-shadow:0 3px 22px #250032}.intro-content p{margin:0 0 34px;color:#ffe07c;font-family:Cinzel;font-size:clamp(13px,2vw,18px)}.enter-studio{display:inline-grid;grid-template-columns:42px auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;min-width:min(330px,88vw);padding:15px 24px;border:2px solid #fff0a6;border-radius:4px;background:linear-gradient(180deg,#ffe77f,#c88916);color:#1a0b21;box-shadow:0 8px 40px #160021;cursor:pointer;text-align:left}.enter-studio>span{grid-row:1/3;font-size:25px}.enter-studio b{font-family:Cinzel;font-size:16px;letter-spacing:1.5px}.enter-studio small{font-size:10px;margin-top:3px}.studio-intro.opening{opacity:0;visibility:hidden;pointer-events:none}.studio-intro.opening .intro-content{transform:scale(1.08);transition:transform 1.3s ease}.studio-intro[hidden]{display:none}@keyframes introPulse{50%{transform:scale(1.04);opacity:.72}}
.studio-stage{perspective:1200px}.studio-camera{position:absolute;inset:-2%;transform:translate3d(var(--pan-x,0),var(--pan-y,0),0) rotateX(var(--turn-x,0deg)) rotateY(var(--turn-y,0deg)) scale(1.045);transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.studio-camera:after{content:"";position:absolute;inset:0;background:rgba(185,104,235,.13);mix-blend-mode:screen;pointer-events:none}.studio-camera img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(1.11) saturate(.98) contrast(.98)}.studio-stage.entering .studio-camera{animation:studioEntrance 1.8s cubic-bezier(.16,.84,.23,1) both}@keyframes studioEntrance{0%{transform:translate3d(-5%,-1%,0) rotateY(-6deg) scale(1.16);filter:blur(2px)}100%{transform:translate3d(0,0,0) rotateY(0) scale(1.045);filter:none}}.move-hint{position:absolute;right:2vw;bottom:18px;padding:6px 9px;border:1px solid rgba(255,217,90,.35);background:rgba(13,4,20,.55);color:rgba(255,232,149,.74);font-size:8px;letter-spacing:1.5px}.meter.playing span{animation:audioLevel .72s ease-in-out infinite alternate}.meter.playing span:nth-child(2n){animation-delay:-.3s}.meter.playing span:nth-child(3n){animation-delay:-.55s}@keyframes audioLevel{to{height:10px;opacity:.55}}.console-control.playing{border-color:#ffd95a;box-shadow:0 0 18px rgba(255,217,90,.18)}
@media(max-width:820px){.move-hint{display:none}.studio-camera{inset:-1%;transform:scale(1.025)}.studio-camera img{object-position:center top}}
@media(prefers-reduced-motion:reduce){.intro-glow,.studio-stage.entering .studio-camera,.meter.playing span{animation:none}.studio-camera{transition:none}.studio-intro{transition:opacity .2s}}
.studio-intro{background-image:linear-gradient(rgba(37,7,58,.3),rgba(8,2,13,.82)),url('assets/hbnn-studio-lighting-v2.png')}
.studio-intro{background-image:linear-gradient(rgba(37,7,58,.3),rgba(8,2,13,.82)),url('assets/hbnn-studio-final-gold.png')}
.presenter-controls{position:absolute;left:50%;bottom:1.7%;z-index:5;display:flex;gap:5px;transform:translateX(-50%);padding:6px;background:rgba(10,3,15,.82);border:1px solid rgba(255,217,90,.62);border-radius:5px;box-shadow:0 8px 24px rgba(0,0,0,.45);backdrop-filter:blur(8px)}.presenter-controls button{min-height:34px;padding:7px 10px;border:1px solid rgba(255,217,90,.25);background:#241033;color:#eadfef;font:600 9px Inter;letter-spacing:.7px;cursor:pointer}.presenter-controls button:hover,.presenter-controls button:focus-visible,.presenter-controls button.active{background:linear-gradient(180deg,#ffe479,#c88a18);color:#210c2d;border-color:#fff0a6;outline:none}.presenter-controls button span{margin:0 2px}.studio-camera:before{content:"";position:absolute;inset:0;z-index:2;background:rgba(5,1,8,0);transition:background .6s ease;pointer-events:none}.studio-stage.lights-dimmed .studio-camera:before{background:rgba(8,2,12,.38)}.studio-stage.lights-dimmed .studio-camera img{filter:brightness(.73) saturate(.9)}
@media(max-width:820px){.presenter-controls{bottom:1%;width:calc(100% - 20px);justify-content:center}.presenter-controls button{padding:7px 8px}.presenter-controls button span{display:none}}
.conference{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(30px,6vw,80px);align-items:center;padding-top:70px;padding-bottom:60px}.flyer-card{position:relative;padding:0;border:1px solid #b98a28;background:#100817;box-shadow:0 18px 50px #000;cursor:pointer;overflow:hidden}.flyer-card img{display:block;width:100%;height:auto}.flyer-card span{position:absolute;left:0;right:0;bottom:0;padding:12px;background:rgba(12,5,19,.9);color:#ffe37d;font-size:11px;letter-spacing:1.5px}.conference-copy h2{font-family:Cinzel;font-size:clamp(32px,4.5vw,58px);line-height:1.08;margin:10px 0 12px;color:#fff5d0}.church-name{color:#d9bd63;font-family:Cinzel;font-size:18px}.conference-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:25px 0}.conference-facts div{padding:14px 16px;border:1px solid #654820;background:linear-gradient(145deg,#281038,#100818)}.conference-facts small,.conference-facts strong{display:block}.conference-facts small{color:#bfa862;font-size:10px;letter-spacing:1.2px}.conference-facts strong{margin-top:5px;color:#fff;font-family:Cinzel;font-size:16px}.references{color:#ffe078;font-family:Cinzel;font-size:18px}.gold-action{padding:13px 18px;background:linear-gradient(180deg,#ffe379,#c68a18);border:1px solid #fff0a6;color:#1b0b24;font-family:Cinzel;font-weight:700;letter-spacing:1px;cursor:pointer}.program-card{width:100%;color:inherit;text-align:left;font-family:inherit;cursor:pointer}.program-card em{margin-top:14px;color:#e7c858;font-size:9px;font-style:normal;letter-spacing:1px}.program-card:hover,.program-card:focus-visible{border-color:#d8ae48;transform:translateY(-3px);transition:.2s;outline:none;box-shadow:0 12px 30px #000}.flyer-dialog{width:min(680px,94vw);padding:24px;background:#08050d}.flyer-dialog img{display:block;max-width:100%;max-height:78vh;margin:auto}.flyer-dialog p{text-align:center;color:#e0c56b;font-size:13px}.flyer-dialog .close{position:fixed;background:#160a21;border:1px solid #ffd95a;width:40px;height:40px;line-height:32px}
@media(max-width:820px){.conference{grid-template-columns:1fr}.flyer-card{width:min(420px,100%);margin:auto}.conference-copy{text-align:center}.conference-facts{text-align:left}}
@media(max-width:520px){.conference-facts{grid-template-columns:1fr}}
.research-tools{padding-top:45px;padding-bottom:75px}.research-tools .section-heading>p{max-width:430px;margin:0;color:#bcb2c3;font-size:13px;line-height:1.6;text-align:right}.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.research-card{position:relative;min-height:245px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#fff;background:linear-gradient(145deg,#35144b,#100818 72%);border:1px solid #7c5921;box-shadow:0 14px 35px rgba(0,0,0,.28);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.research-card:after{content:"";position:absolute;width:160px;height:160px;right:-70px;top:-70px;border:1px solid rgba(255,217,90,.25);border-radius:50%;box-shadow:0 0 50px rgba(131,40,201,.4) inset}.research-card:hover,.research-card:focus-visible{transform:translateY(-4px);border-color:#f0c855;box-shadow:0 18px 42px #000;outline:none}.research-icon{display:grid;place-items:center;min-width:54px;height:54px;padding:0 8px;margin-bottom:24px;border:1px solid #c18e27;background:#1b0b25;color:#ffd95a;font-family:Cinzel,serif;font-size:20px}.research-card small{color:#cfad4b;font-size:10px;letter-spacing:1.8px}.research-card h3{margin:7px 0 8px;font-family:Cinzel,serif;font-size:22px;color:#fff4cb}.research-card p{margin:0 0 24px;color:#bdb3c2;font-size:13px;line-height:1.55}.research-card strong{margin-top:auto;color:#ffe078;font-size:10px;letter-spacing:1.4px}.research-card strong span{margin-left:5px}@media(max-width:820px){.research-tools .section-heading>p{text-align:left}.research-grid{grid-template-columns:1fr}.research-card{min-height:210px}}
/* Preserve the supplied approved studio artwork without recoloring effects. */
.studio-camera:after{display:none}.studio-camera img{filter:none}.studio-stage.lights-dimmed .studio-camera img{filter:brightness(.67)}.studio-intro{background-image:url('assets/hbnn-studio-authority.png')}
