:root{--brand:#6d28d9;--ink:#111827;--nav-h:72px;--brand-purple:#6b21a8;--steel-900:#111827;--steel-700:#374151;--steel-500:#6b7280;--steel-300:#d1d5db;--steel-200:#e5e7eb;--blueprint:#1e3a8a;--safety-orange:#f97316;--panel:#f8fafc;--grid-line:#e5e7eb;--plate:#f3f4f6;--brand-50:#f3eafe;--brand-100:#e7d5fd;--brand-600:#6b21a8;--bg:#f7f7fa;--card:#fff;--muted:#6b7280;--kg-green-main:#0e5e3d;--kg-green-deep:#063d29;--kg-green-accent:#19b47e;--kg-green-soft:#e9f6f0;--kg-green-grad:linear-gradient(135deg,#0e5e3d 0%,#063d29 100%);--hx-amber-main:#e7b52a;--hx-amber-deep:#8a6b04;--hx-amber-accent:#f5c84c;--hx-amber-soft:#fff8e6;--hx-amber-grad:linear-gradient(135deg,#f0c33a 0%,#c58e0e 100%);--hx-ink:#3b2f08;--hx-ink-soft:#705a12}.dark:root{--bg:#0b0b10;--card:#0f0f14;--ink:#f5f7fa}.kg-theme{color:#0b1f17}.kg-bg{background:var(--kg-green-grad)}.kg-surface{background:#0e5e3d}.kg-surface-2{background:#0f7a53}.kg-muted{background:#e9f6f0}.kg-border{border-color:#d9ede5}.kg-gradient{background:linear-gradient(135deg,#0e5e3d 0%,#063d29 100%)}.kg-shadow{box-shadow:0 8px 24px rgba(6,61,41,.25)}.kg-card{background:#fff;border:1px solid #e3eee8;border-radius:16px}.kg-btn{background:var(--kg-green-main);color:#fff}.kg-btn:hover{filter:brightness(1.06)}.kg-btn-outline{color:#19b47e;border:1px solid #19b47e}.kg-btn-outline:hover{color:#0b1f17;background:#19b47e}.kg-chip{color:#0e5e3d;background:#e6f5ef}.kg-link{color:var(--kg-green-accent)}.kg-nav{--nav-bg:rgba(9,56,40,.55);--nav-border:rgba(255,255,255,.08);--nav-link:#eaf7f1;--nav-link-muted:rgba(234,247,241,.76);--nav-link-active:#19b47e;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);transition:background .3s,border-color .3s,box-shadow .3s}.kg-nav.kg-nav--scrolled{--nav-bg:rgba(6,61,41,.78);--nav-border:rgba(255,255,255,.18);box-shadow:0 12px 32px rgba(3,28,20,.4)}.kg-nav a,.kg-nav button,.kg-nav span,.kg-nav .kg-nav-link{color:var(--nav-link)}.kg-nav a:hover,.kg-nav button:hover{color:#fff}.kg-nav .active,.kg-nav [aria-current=page],.kg-nav .kg-nav-link-active{color:var(--nav-link-active)!important}.hx-theme{color:var(--hx-ink)}.hx-bg{background:var(--hx-amber-grad)}.hx-card{background:#fff;border:1px solid #f4e4b8;border-radius:16px;box-shadow:0 8px 24px rgba(197,142,14,.18)}.hx-chip{color:var(--hx-amber-deep);background:#fff3cc}.hx-border{border-color:#f2de9c}.hx-muted{background:var(--hx-amber-soft)}.hx-btn,.hx-btn-outline{border-radius:9999px;transition:transform .18s,filter .18s,background-color .18s,color .18s}.hx-btn{background:var(--hx-amber-main);color:#1d1402}.hx-btn:hover{filter:brightness(1.06)}.hx-btn-outline{border:1px solid var(--hx-amber-main);color:var(--hx-amber-deep);background:0 0}.hx-btn-outline:hover{background:var(--hx-amber-main);color:#1d1402}.hx-btn:focus-visible{outline-offset:2px;outline:2px solid #8a6b04}.hx-btn-outline:focus-visible{outline-offset:2px;outline:2px solid #8a6b04}.hx-btn:active,.hx-btn-outline:active{transform:scale(.95)}.hx-link{color:var(--hx-amber-deep)}.hx-nav{--nav-bg:rgba(229,176,50,.55);--nav-border:rgba(0,0,0,.06);--nav-link:#2b2106;--nav-link-muted:rgba(43,33,6,.74);--nav-link-active:#4a3605;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);transition:background .3s,border-color .3s,box-shadow .3s}.hx-nav.hx-nav--scrolled{--nav-bg:rgba(229,176,50,.7);box-shadow:0 12px 32px rgba(197,142,14,.2)}.hx-nav a,.hx-nav button{color:var(--nav-link)}.hx-nav a:hover,.hx-nav button:hover{color:#0f0b02}.hx-nav .active,.hx-nav [aria-current=page],.hx-nav .hx-nav-link-active{color:var(--nav-link-active)!important}
.scenes-hero{background:linear-gradient(135deg,#2e0854,#4c1480,#6b21a8)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 24px rgba(0,0,0,.25)}.scene-card{padding:calc(var(--spacing,.25rem)*5);transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));will-change:transform;-webkit-backdrop-filter:blur(10px);color:#111827;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.6));border:1px solid rgba(124,58,237,.15);border-radius:20px;box-shadow:0 8px 24px rgba(17,24,39,.08)}.scene-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3)}.scene-card:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.7)}.scene-drawer{-webkit-backdrop-filter:blur(16px);background:linear-gradient(rgba(27,8,48,.85),rgba(27,8,48,.65));border-left:1px solid rgba(255,255,255,.14);width:min(560px,100%);padding:20px;animation:.2s ease-out drawer-in;position:absolute;top:0;bottom:0;right:0;transform:translate(0%);box-shadow:-12px 0 32px rgba(0,0,0,.35)}@keyframes drawer-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.hero-image-tile{border-radius:var(--radius-xl,.75rem);aspect-ratio:16/9;background:radial-gradient(120% 120% at 20% 0,rgba(124,58,237,.18),rgba(255,255,255,.7));border:1px solid rgba(124,58,237,.15);position:relative;overflow:hidden}.hero-image-tile img{inset:calc(var(--spacing,.25rem)*0);-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .18s;position:absolute}.hero-image-tile:hover img{transform:scale(1.02)}.mobile-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:85%;grid-auto-flow:column;gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.mobile-carousel>*{scroll-snap-align:start}.scenes-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px) and (max-width:1199.98px){.scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.scenes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}