/* ════════════════════════════════════════════════════════════════
   hero.css — clean homepage hero (v14). Single source of truth.
   Loaded LAST. No conflicting min-heights, no patch stacking.
   ════════════════════════════════════════════════════════════════ */

/* --- Main wrapper: tight top spacing so content is above the fold --- */
.home-main { padding-top: calc(var(--header-h) + 14px); position: relative; z-index: 2; }
.home-main > .container { width: min(1320px, calc(100% - 40px)); margin-inline: auto; }

/* --- HERO GRID --- */
.hero2 {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 22px;
  align-items: stretch;
  margin-top: 6px;
}

/* --- LEFT PANEL --- */
.hero2-left {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .85rem;
  padding: clamp(1.2rem, 1.8vw, 1.8rem);
  border: 1px solid rgba(140, 210, 255, .14);
  border-radius: 24px;
  background: linear-gradient(165deg, rgba(10, 22, 38, .72), rgba(7, 16, 28, .42));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 24px 60px rgba(0, 0, 0, .26);
  overflow: hidden;
  min-width: 0;
}
.hero2-left::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(circle at 8% 6%, rgba(200, 168, 75, .12), transparent 30%),
    radial-gradient(circle at 92% 88%, rgba(61, 224, 138, .10), transparent 32%);
}
.hero2-left > * { position: relative; z-index: 1; }

/* --- Brand lockup --- */
.hero2-brand {
  display: flex; align-items: center; gap: .9rem;
  padding: .7rem .85rem;
  border: 1px solid rgba(200, 168, 75, .2);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(200, 168, 75, .08), rgba(4, 18, 28, .55));
  max-width: fit-content;
}
.hero2-logo-ring {
  width: 76px; height: 76px; min-width: 76px;
  display: grid; place-items: center; border-radius: 50%;
  background: radial-gradient(circle, #fff 0 58%, rgba(255, 255, 245, .92) 59% 100%);
  border: 2px solid rgba(200, 168, 75, .45);
  box-shadow: 0 0 30px rgba(200, 168, 75, .22), 0 12px 28px rgba(0, 0, 0, .3);
}
.hero2-logo { width: 84%; height: 84%; object-fit: contain; }
.hero2-brand-copy { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.hero2-overline {
  font-family: var(--f-mono); font-size: .56rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--cc-amber-2);
}
.hero2-brand-copy strong {
  font-family: var(--f-display); font-size: clamp(1.1rem, 1.6vw, 1.5rem);
  letter-spacing: .06em; color: var(--cc-text); line-height: 1;
}
.hero2-brand-copy small {
  font-size: .68rem; color: var(--cc-text-2); line-height: 1.35; max-width: 40ch;
}

/* --- Mission tag --- */
.hero2-mission {
  display: inline-flex; align-items: center; gap: .5em; align-self: flex-start;
  padding: .4em .85em; border-radius: 999px;
  border: 1px solid rgba(240, 160, 48, .28); background: rgba(240, 160, 48, .07);
  font-family: var(--f-mono); font-size: .56rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--cc-amber-2);
}

/* --- Title --- */
.hero2-title {
  font-family: var(--f-display); font-weight: 800;
  font-size: clamp(2.1rem, 3.4vw, 3.4rem);
  line-height: .98; letter-spacing: -.01em; color: var(--cc-text);
  text-shadow: 0 2px 24px rgba(0, 0, 0, .6);
  margin: .1rem 0 0;
  text-wrap: balance;
}
.hero2-title span { display: block; }
.hero2-title .amber { color: var(--cc-amber-2); }

/* --- Subtitle --- */
.hero2-sub {
  max-width: 56ch; color: var(--cc-text-2);
  font-size: clamp(.92rem, 1vw, 1.02rem); line-height: 1.6;
}

/* --- CTA COMMAND GRID --- */
.hero2-cta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
  margin-top: .35rem;
}
.hero2-cta-btn {
  display: flex; align-items: center; gap: .55rem;
  padding: .7rem .8rem; border-radius: 14px;
  border: 1px solid rgba(140, 210, 255, .16);
  background: linear-gradient(160deg, rgba(14, 28, 46, .7), rgba(9, 18, 30, .5));
  color: var(--cc-text); text-decoration: none;
  font-size: .82rem; font-weight: 600; line-height: 1.15;
  transition: transform .16s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
  min-width: 0;
}
.hero2-cta-btn svg { width: 18px; height: 18px; flex: none; color: var(--cc-cyan); }
.hero2-cta-btn span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero2-cta-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(240, 160, 48, .4);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .3), 0 0 26px rgba(240, 160, 48, .1);
  background: linear-gradient(160deg, rgba(240, 160, 48, .1), rgba(9, 18, 30, .55));
}
.hero2-cta-btn.primary {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, var(--cc-amber), #c07a1e);
  border-color: rgba(240, 160, 48, .5);
  color: #1a1206; font-size: .92rem; padding: .82rem 1rem;
}
.hero2-cta-btn.primary svg { color: #1a1206; }
.hero2-cta-btn.primary:hover { box-shadow: 0 16px 40px rgba(240, 160, 48, .3); }

/* --- Quick stats --- */
.hero2-metrics {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem; margin-top: .5rem; padding-top: .9rem;
  border-top: 1px solid rgba(64, 128, 172, .18);
}
.hero2-metric {
  display: flex; flex-direction: column; gap: .1rem;
  padding: .65rem .55rem; border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
  border: 1px solid rgba(200, 168, 75, .14);
  min-width: 0;
}
.hero2-metric-val {
  font-family: var(--f-mono); font-size: clamp(1.2rem, 1.8vw, 1.6rem);
  font-weight: 700; color: var(--cc-text); line-height: 1;
}
.hero2-metric-lbl {
  font-family: var(--f-mono); font-size: .5rem; letter-spacing: .08em;
  text-transform: uppercase; color: var(--cc-text-3); line-height: 1.3;
}

/* --- RIGHT PANEL (map) --- */
.hero2-right { min-width: 0; display: flex; }
.hero2-right .cc-panel {
  width: 100%;
  background: linear-gradient(180deg, rgba(7, 15, 27, .82), rgba(6, 18, 31, .6));
}
.hero2-right #home-map {
  width: 100% !important; height: 100% !important; min-height: 320px !important;
  border-radius: 0 !important; background: #07111f; flex: 1 !important;
}

/* ════════════════ RESPONSIVE ════════════════ */

/* Laptop: keep 2-col but allow stats to wrap to 2 */
@media (max-width: 1180px) {
  .hero2 { grid-template-columns: 1fr; }
  .hero2-right { order: 2; }
  .hero2-right #home-map { min-height: 360px !important; height: 360px !important; }
  .hero2-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Tablet */
@media (max-width: 880px) {
  .hero2-cta { grid-template-columns: 1fr 1fr; }
  .hero2-cta-btn.primary { grid-column: 1 / -1; }
  .hero2-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Phone */
@media (max-width: 560px) {
  .home-main { padding-top: calc(var(--header-h) + 8px); }
  .home-main > .container { width: min(100% - 22px, 1320px); }
  .hero2 { gap: 14px; margin-top: 2px; }
  .hero2-left { padding: 1rem; border-radius: 20px; gap: .7rem; }
  .hero2-brand { flex-direction: column; align-items: flex-start; text-align: left; }
  .hero2-logo-ring { width: 64px; height: 64px; min-width: 64px; }
  .hero2-title { font-size: clamp(1.9rem, 9vw, 2.6rem); }
  .hero2-cta { grid-template-columns: 1fr; }
  .hero2-metrics { grid-template-columns: 1fr 1fr; }
  .hero2-right #home-map { min-height: 300px !important; height: 300px !important; }
}

/* ════════════════════════════════════════════════════════════════
   v17 — FINAL hero + backdrop system (single source of truth)
   Goal: cinematic forest/bear atmosphere that NEVER hides content.
   Desktop: hero above the fold at 1366x768. Mobile: title+mission+CTA
   visible immediately after header; bear is background only.
   ════════════════════════════════════════════════════════════════ */

/* --- BACKDROP: cinematic but content-first --- */
.env-backdrop{
  position:fixed; inset:0; z-index:-3; pointer-events:none;
  background-size:cover; background-position:center 28%;
  /* darker than the old .52, richer than the flat .20 */
  filter:saturate(.95) contrast(1.08) brightness(.34) !important;
  opacity:1 !important;
}
.env-backdrop::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 90% 70% at 72% 22%, rgba(20,70,110,.18), transparent 62%),
    radial-gradient(ellipse 50% 50% at 18% 85%, rgba(30,80,45,.16), transparent 55%),
    linear-gradient(180deg, rgba(7,16,28,.86) 0%, rgba(7,16,28,.55) 32%, rgba(7,16,28,.62) 60%, rgba(6,13,22,.96) 100%) !important;
}
.env-fog{opacity:.7}

/* --- TOP SPACING: header height + small gap. No dead area. --- */
.home-main{ padding-top:calc(var(--header-h) + 12px) !important; }
.hero2{ margin-top:0 !important; }

/* --- HERO LEFT: premium readable glass panel (content dominates) --- */
.hero2-left{
  background:
    linear-gradient(165deg, rgba(11,24,40,.93), rgba(7,16,28,.86)) !important;
  border:1px solid rgba(160,210,255,.16) !important;
  backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 30px 70px rgba(0,0,0,.42) !important;
}
.hero2-right .cc-panel{
  background:linear-gradient(180deg, rgba(8,17,30,.90), rgba(6,16,28,.82)) !important;
  backdrop-filter:blur(6px);
}

/* --- DESKTOP: fits at 1366x768 (~660px usable). Compact, premium. --- */
@media (min-width:981px){
  .home-main{ padding-top:calc(var(--header-h) + 10px) !important; }
  .hero2{ grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); align-items:start; gap:20px; }
  .hero2-left{ gap:.7rem; padding:1.3rem 1.5rem; }
  .hero2-title{ font-size:clamp(2rem,2.8vw,3rem); }
  .hero2-brand{ padding:.6rem .75rem; }
  .hero2-logo-ring{ width:66px; height:66px; min-width:66px; }
  .hero2-sub{ font-size:.93rem; line-height:1.5; }
  .hero2-cta{ gap:.55rem; margin-top:.3rem; }
  .hero2-cta-btn{ padding:.62rem .8rem; }
  .hero2-metrics{ margin-top:.4rem; padding-top:.75rem; }
  .hero2-metric{ padding:.55rem .6rem; }
}

/* --- MOBILE: header -> title -> mission -> CTA immediately. --- */
/* Bear stays as fixed background; the map panel goes BELOW the text. */
@media (max-width:980px){
  .home-main{ padding-top:calc(var(--header-h) + 8px) !important; }
  .hero2{ display:flex !important; flex-direction:column !important; gap:14px; }
  .hero2-left{ order:1 !important; padding:1.1rem 1.15rem !important; }
  .hero2-right{ order:2 !important; }
  /* tighten so title+mission+CTA are within the first screen */
  .hero2-brand{ flex-direction:row; align-items:center; gap:.7rem; padding:.55rem .7rem; }
  .hero2-logo-ring{ width:54px; height:54px; min-width:54px; }
  .hero2-brand-copy small{ display:none; }
  .hero2-title{ font-size:clamp(1.75rem,7.5vw,2.4rem); margin-top:.1rem; }
  .hero2-sub{ font-size:.86rem; line-height:1.45; }
  .hero2-cta{ grid-template-columns:1fr 1fr; gap:.5rem; margin-top:.3rem; }
  .hero2-cta-btn.primary{ grid-column:1 / -1; }
  .hero2-metrics{ grid-template-columns:repeat(4,1fr); gap:.4rem; }
  .hero2-metric{ padding:.45rem .35rem; }
  .hero2-metric-val{ font-size:1.15rem; }
  .hero2-right #home-map{ min-height:300px !important; height:300px !important; }
  /* backdrop a touch darker on mobile so the short panel still reads as hero */
  .env-backdrop{ filter:saturate(.9) contrast(1.06) brightness(.28) !important; }
}
@media (max-width:380px){
  .hero2-cta{ grid-template-columns:1fr; }
  .hero2-metrics{ grid-template-columns:1fr 1fr; }
}

/* ════════════════════════════════════════════════════════════════
   premium-monster — cinematic conservation command center
   Content-first hero, honest data panels, dense glass depth.
   ════════════════════════════════════════════════════════════════ */
:root{
  --monster-gold:#e2b95c;
  --monster-gold-2:#ffcf70;
  --monster-moss:#3de08a;
  --monster-cyan:#43d6f1;
  --monster-ink:#030806;
  --monster-forest:#07140d;
  --monster-panel:rgba(5,14,18,.82);
  --monster-line:rgba(210,245,220,.16);
}
body[data-page="home"]{
  background:
    radial-gradient(circle at 12% 4%, rgba(226,185,92,.13), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(67,214,241,.10), transparent 28%),
    linear-gradient(180deg,#030806 0%,#06100b 42%,#020504 100%) !important;
}
body[data-page="home"]::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:
    radial-gradient(circle at 18% 24%, rgba(255,207,112,.10) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 30%, rgba(61,224,138,.10) 0 1px, transparent 2px),
    radial-gradient(circle at 42% 70%, rgba(67,214,241,.08) 0 1px, transparent 2px);
  background-size:190px 160px,230px 210px,260px 240px;
  opacity:.55;animation:monster-fireflies 16s ease-in-out infinite alternate;
}
@keyframes monster-fireflies{from{transform:translate3d(0,0,0);opacity:.34}to{transform:translate3d(-16px,10px,0);opacity:.72}}
.env-backdrop{filter:saturate(1.06) contrast(1.12) brightness(.25)!important;background-position:center 26%!important}
.env-backdrop::after{background:
  radial-gradient(ellipse 58% 52% at 73% 18%, rgba(226,185,92,.22), transparent 62%),
  radial-gradient(ellipse 48% 54% at 22% 65%, rgba(28,88,48,.26), transparent 58%),
  linear-gradient(90deg,rgba(2,7,5,.94),rgba(4,12,9,.70) 42%,rgba(4,10,8,.52) 68%,rgba(3,7,5,.88)),
  linear-gradient(180deg,rgba(3,8,6,.82),rgba(3,8,6,.52) 35%,rgba(2,6,5,.95))!important}
.home-main{padding-top:calc(var(--header-h) + 8px)!important}.monster-container{width:min(1380px,calc(100% - 36px))!important}.monster-hero{min-height:0!important;height:auto!important;align-items:stretch!important;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr)!important;gap:18px!important}.monster-hero-copy,.monitoring-panel,.monster-block,.partner-chip{border-radius:28px!important;background:
  linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.026) 26%,rgba(5,16,14,.78)),
  radial-gradient(circle at 18% 0%,rgba(226,185,92,.15),transparent 32%),
  var(--monster-panel)!important;border:1px solid var(--monster-line)!important;box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px) saturate(1.2)!important;overflow:hidden}.monster-hero-copy::after,.monitoring-panel::after,.monster-block::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.055) 45%,transparent 52%);opacity:.6}.monster-brandlock{background:rgba(0,0,0,.18)!important;border-color:rgba(226,185,92,.34)!important;box-shadow:0 18px 44px rgba(0,0,0,.26)}.hero2-logo-ring{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 34px rgba(226,185,92,.30),0 18px 44px rgba(0,0,0,.42)!important}.monster-badge{border-color:rgba(226,185,92,.38)!important;background:rgba(226,185,92,.105)!important;color:var(--monster-gold-2)!important}.monster-title{font-size:clamp(2.35rem,4.25vw,4.55rem)!important;letter-spacing:-.045em!important;line-height:.88!important;text-transform:uppercase}.monster-title .amber{background:linear-gradient(90deg,var(--monster-gold-2),#fff1b8 44%,var(--monster-gold));-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none}.monster-sub{max-width:68ch!important;color:#c9ddd2!important;font-size:clamp(.95rem,1.08vw,1.1rem)!important}.monster-cta{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.55rem!important}.monster-cta .hero2-cta-btn{min-height:48px;border-radius:16px;background:linear-gradient(160deg,rgba(8,25,22,.76),rgba(6,14,18,.62))!important;border-color:rgba(190,230,210,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.monster-cta .hero2-cta-btn.primary{grid-column:span 2!important;background:linear-gradient(135deg,#f0b045,#ffd77a)!important;color:#171006!important}.monster-cta .hero2-cta-btn.secondary{grid-column:span 2;border-color:rgba(61,224,138,.38)!important;color:#dbfff0!important}.monster-cta .hero2-cta-btn:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(226,185,92,.48)!important;box-shadow:0 18px 44px rgba(0,0,0,.38),0 0 36px rgba(226,185,92,.13)}.monster-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top-color:rgba(226,185,92,.16)!important}.monster-metrics .hero2-metric{background:linear-gradient(180deg,rgba(226,185,92,.075),rgba(255,255,255,.025))!important;border-color:rgba(226,185,92,.18)!important}.monster-metrics .hero2-metric-val{color:#f5f9ed!important;text-shadow:0 0 18px rgba(61,224,138,.18)}.monster-monitor{display:flex}.monitoring-panel{min-height:100%;position:relative}.monster-mini-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important;padding:.9rem!important}.monster-mini-stats .mini-stat{border:1px solid rgba(190,230,210,.11)!important;border-radius:18px;background:rgba(255,255,255,.045)!important}.home-map-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}#home-map{min-height:390px!important;height:auto!important;flex:1!important}.home-map-foot{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;color:#dcfff1}.monster-section{margin-top:18px}.home-ops-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:stretch}.monster-intel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.removed-home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px}.monster-block{position:relative;padding:1.2rem}.monster-block.wide{padding:0;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}.monster-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.monster-head.centered{justify-content:center;text-align:center}.monster-head h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1;color:#f4fbf6}.monster-head p{max-width:58ch;margin:.45rem auto 0;color:#a8beb4}.monster-kicker{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.45rem;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--monster-gold-2)}.monster-kicker::before{content:'';width:18px;height:1px;background:linear-gradient(90deg,var(--monster-gold),transparent)}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pcard{border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(6,18,17,.78))!important;border-color:rgba(214,240,224,.16)!important;box-shadow:0 22px 55px rgba(0,0,0,.32)}.pcard-media{min-height:205px!important}.pcard-title{font-size:1.05rem!important}.pcard-progress-bar{height:5px!important;background:rgba(226,185,92,.13)!important}.pcard-progress-fill{background:linear-gradient(90deg,var(--monster-gold),var(--monster-moss))!important}.monster-activity{padding-bottom:.35rem}.mini-card-stack{display:grid;gap:.75rem}.mini-resource-card,.activity-row,.news-mini-card{position:relative;display:flex;gap:.8rem;padding:.82rem;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(190,230,210,.12);min-width:0}.mini-resource-card:hover,.activity-row:hover,.news-mini-card:hover{border-color:rgba(226,185,92,.36);transform:translateY(-2px)}.mini-resource-card .num{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;font-family:var(--f-mono);font-size:.68rem;font-weight:800;color:#161006;background:linear-gradient(135deg,#f0b045,#ffe08d)}.mini-resource-card strong,.news-mini-card strong{display:block;color:#f3fbf6;font-size:.92rem;line-height:1.25}.mini-resource-card small,.news-mini-card small{display:block;color:#8fa99d;font-size:.72rem;line-height:1.45;margin-top:.25rem}.mini-resource-card .disabled{color:#b7a36b}.cinema-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-auto-rows:118px;gap:.65rem}.cinema-shot{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(226,185,92,.16);background:#06110c}.cinema-shot:first-child{grid-row:span 2}.cinema-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.08) brightness(.76);transition:.6s}.cinema-shot:hover img{transform:scale(1.06);filter:saturate(1.2) contrast(1.08) brightness(.92)}.cinema-shot span{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;padding:.45rem .55rem;border-radius:12px;background:rgba(0,0,0,.52);font-size:.72rem;color:#fff}.news-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.news-mini-card{min-height:122px;flex-direction:column;background:linear-gradient(160deg,rgba(226,185,92,.07),rgba(255,255,255,.035))}.removed-home-card{position:relative;padding:1.35rem}.removed-orbit{position:absolute;right:-42px;top:-42px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(226,185,92,.22);box-shadow:inset 0 0 30px rgba(226,185,92,.08),0 0 50px rgba(61,224,138,.07)}.removed-home-card h2{font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1;margin-bottom:.7rem}.removed-home-card p{color:#aec4b8;margin-bottom:1rem}.removed-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.removed-gdpr-row{display:flex!important;align-items:flex-start;gap:.6rem;margin-top:.85rem;color:#c8d8d0!important;font-size:.78rem;line-height:1.45}.removed-gdpr-row input{width:18px;height:18px;accent-color:var(--monster-gold);flex:none;margin-top:.1rem}.removed-latest-card{margin-top:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(67,214,241,.16);background:rgba(67,214,241,.055);display:flex;flex-direction:column;gap:.24rem}.removed-latest-card strong{color:#f2fbf5}.removed-latest-card small{color:#9cb4a9}.partner-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.partner-chip{padding:1.1rem;position:relative}.partner-chip span{font-family:var(--f-mono);font-size:.62rem;color:var(--monster-gold-2)}.partner-chip strong{display:block;margin:.35rem 0;color:#f3fbf6}.partner-chip small{display:block;color:#94aa9f;line-height:1.45}.site-footer{background:linear-gradient(180deg,rgba(3,8,6,.45),rgba(2,5,4,.96))!important;border-top:1px solid rgba(226,185,92,.16)}
@media(max-width:1180px){.monster-hero{grid-template-columns:1fr!important;min-height:auto}.monster-monitor{min-height:520px}.home-ops-grid,.monster-intel-grid-grid{grid-template-columns:1fr}.partner-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid,.news-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.monster-container{width:min(100% - 22px,1380px)!important}.home-main{padding-top:calc(var(--header-h) + 6px)!important}.monster-hero{gap:12px!important}.monster-hero-copy{padding:1rem!important;border-radius:22px!important}.monster-brandlock{gap:.65rem!important;padding:.55rem .65rem!important}.monster-brandlock .hero2-logo-ring{width:48px!important;height:48px!important;min-width:48px!important}.hero2-overline{font-size:.48rem!important}.hero2-brand-copy strong{font-size:.98rem!important}.monster-title{font-size:clamp(1.78rem,8.4vw,2.55rem)!important;line-height:.94!important}.monster-sub{font-size:.85rem!important;line-height:1.42!important}.monster-cta{grid-template-columns:1fr 1fr!important;gap:.45rem!important}.monster-cta .hero2-cta-btn{min-height:42px;padding:.55rem .62rem!important;font-size:.75rem}.monster-cta .hero2-cta-btn.primary,.monster-cta .hero2-cta-btn.secondary{grid-column:auto!important}.monster-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important}.monster-metrics .hero2-metric{padding:.5rem!important}.monster-monitor{min-height:0}.monitoring-panel{border-radius:22px!important}.monster-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:.65rem!important;gap:.45rem!important}.mini-stat{padding:.58rem!important}.mini-stat-num{font-size:1.05rem!important}.mini-stat-label{font-size:.43rem!important}#home-map{min-height:295px!important;height:295px!important}.home-map-layers{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:.6rem!important;background:rgba(5,14,18,.78)!important}.home-map-layers .map-layer-btn{flex:1 1 42%;min-width:0!important;font-size:.62rem!important}.monster-section{margin-top:12px}.monster-head{align-items:flex-start;flex-direction:column}.featured-grid,.news-card-grid,.partner-command-grid{grid-template-columns:1fr!important}.monster-block{padding:1rem!important;border-radius:22px!important}.cinema-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:104px}.removed-form-row{grid-template-columns:1fr}.removed-form-row .btn{width:100%}}
@media(max-width:390px){.monster-cta{grid-template-columns:1fr!important}.monster-metrics{grid-template-columns:1fr 1fr!important}.hero2-brand-copy small{display:none!important}.monster-title{font-size:1.72rem!important}.monster-sub{font-size:.82rem!important}.hero2-metric-val{font-size:1.05rem!important}.hero2-metric-lbl{font-size:.43rem!important}.cinema-gallery{grid-template-columns:1fr}.cinema-shot:first-child{grid-row:auto}.cinema-shot{height:118px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"]::after,.home-map-dot,.cc-dot{animation:none!important}.hero2-cta-btn,.pcard,.cinema-shot img{transition:none!important}}
.pcard-desc{margin:.65rem 0 0;color:#9fb7ad;font-size:.78rem;line-height:1.48;flex:1}
.doc-item.is-disabled{opacity:.6;cursor:not-allowed;filter:saturate(.7)}
.doc-item.is-disabled:hover{transform:none!important;box-shadow:none!important}

/* premium-monster hotfix: first viewport content must start immediately below header */
body[data-page="home"] .home-main{padding-top:calc(var(--header-h) + 8px)!important;margin-top:0!important;display:block!important}
body[data-page="home"] .monster-container{padding-top:0!important;margin-top:0!important}
body[data-page="home"] .monster-hero,.hero2{min-height:0!important;height:auto!important;align-items:start!important;align-content:start!important;margin-top:0!important;padding-top:0!important}
body[data-page="home"] .monster-hero-copy,.hero2-left,body[data-page="home"] .monster-monitor,.hero2-right{align-self:start!important;margin-top:0!important;transform:none!important}
body[data-page="home"] .monitoring-panel{min-height:0!important;height:auto!important}
.monster-hero{min-height:0!important}
@media(min-width:981px){body[data-page="home"] .monster-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important}body[data-page="home"] .monster-hero-copy{gap:.58rem!important;padding:1.05rem 1.2rem!important}body[data-page="home"] .monster-title{font-size:clamp(2.05rem,3.25vw,3.55rem)!important}body[data-page="home"] .monster-sub{font-size:.94rem!important;line-height:1.42!important}body[data-page="home"] .monster-cta .hero2-cta-btn{min-height:42px!important;padding:.55rem .68rem!important;font-size:.76rem!important}body[data-page="home"] .monster-metrics .hero2-metric{padding:.5rem!important}body[data-page="home"] #home-map{min-height:310px!important;height:310px!important;flex:none!important}}
@media(max-width:760px){body[data-page="home"] .monster-hero-copy{gap:.54rem!important}body[data-page="home"] .monster-title{font-size:clamp(1.6rem,7.4vw,2.2rem)!important}body[data-page="home"] .monster-cta .hero2-cta-btn{min-height:38px!important}body[data-page="home"] .monster-metrics{margin-top:.25rem!important;padding-top:.55rem!important}}

/* premium-monster hotfix: closed mobile menu must not reserve layout height */
body .mobile-menu{position:fixed!important;inset:0 0 0 auto!important;width:min(420px,100vw)!important;height:100dvh!important;display:flex!important;transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important;z-index:1200!important;margin:0!important}
body .mobile-menu.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
body .bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important}

/* premium-monster hotfix: header is in normal flow, so do not add a second header-height gap */
body[data-page="home"] .home-main{padding-top:8px!important}
@media(max-width:760px){body[data-page="home"] .home-main{padding-top:6px!important}}