/* PAGE INTEGRATION OVERRIDES - retain styles.css, no Tailwind runtime needed. */
[hidden] { display: none !important; }
#site-header.is-scrolled { background: color-mix(in oklab,var(--ivory) 82%,transparent); backdrop-filter:blur(18px); box-shadow:var(--shadow-soft); }
#site-header.is-scrolled #header-inner { height:76px; }
#site-header.is-scrolled #desktop-navigation, #site-header.is-scrolled #mobile-menu-open { color:var(--ink); }
#mobile-menu { overscroll-behavior:contain; }
#video-dialog { padding:16px; width:min(920px,92vw); max-width:92vw; border:1px solid var(--gold); border-radius:8px; background:var(--ink); color:var(--ivory); }
#video-dialog::backdrop { background:color-mix(in oklab,var(--ink) 80%,transparent); }
.video-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
.video-heading h2 { font-size:16px; } #video-close { font-size:32px; cursor:pointer; width:40px; height:40px; }
.video-frame { aspect-ratio:16/9; } .video-frame iframe { width:100%;height:100%;border:0; }
.quote-status { color:var(--slate); }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;scroll-behavior:auto!important; } }