/* Imperial Dark Sector homepage v4: discovery-first archive */
.home-page{
  background:
    radial-gradient(circle at 84% 4%,rgba(144,30,39,.16),transparent 28%),
    radial-gradient(circle at 12% 20%,rgba(91,112,128,.11),transparent 30%),
    #050609;
}
.home-page main{overflow:hidden}
.home-hero{max-width:1480px;margin:0 auto;padding:50px 22px 38px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:34px;align-items:stretch}
.home-hero-copy{min-width:0;max-width:100%;padding:28px 2px 22px;display:flex;flex-direction:column;justify-content:center}
.home-kicker,.home-hero-copy .home-kicker{margin:0;color:#a7b0ba;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.home-hero h1{margin:14px 0 20px;max-width:620px;font:900 clamp(2.55rem,3.15vw,3.75rem)/.96 "Arial Narrow",Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:normal;word-break:normal}.home-hero h1 span{display:block;white-space:normal}
.home-dek{max-width:650px;margin:0;color:#c1c8d0;font-size:1.02rem;line-height:1.68}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.home-hero-actions a{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid rgba(199,209,218,.25);background:#0b1017;color:#edf1f4;text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.home-hero-actions a:hover{border-color:#c7d1da;background:#111923}
.home-hero-actions .home-primary{border-color:#9d3038;background:rgba(157,48,56,.18)}
.home-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:30px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.08)}
.home-hero-metrics div{padding:15px;background:#0a0e14}
.home-hero-metrics strong{display:block;color:#e0e5e9;font:900 1.35rem/1 "Arial Narrow",Impact,sans-serif}
.home-hero-metrics span{display:block;margin-top:6px;color:#788692;font-size:.58rem;letter-spacing:.09em;text-transform:uppercase}
.home-hero-visual{min-width:0;min-height:500px;display:grid;grid-template-rows:1fr auto;border:1px solid rgba(255,255,255,.11);background:#080b10;overflow:hidden}
.home-hero-image{position:relative;min-height:430px;overflow:hidden;background:#080b10}.home-hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%}
.home-hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,8,.02),rgba(4,6,8,.22)),linear-gradient(90deg,rgba(4,6,8,.34),transparent 45%)}
.home-hero-image:after{content:"IDS / ARCHIVE";position:absolute;left:22px;bottom:20px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);background:rgba(4,6,8,.68);color:#d6dde3;font-size:.58rem;font-weight:900;letter-spacing:.14em}
.home-hero-caption{padding:18px 20px;background:#0b1118;border-top:1px solid rgba(255,255,255,.08)}
.home-hero-caption span{display:block;color:#7c8a96;font-size:.59rem;font-weight:900;letter-spacing:.15em}
.home-hero-caption strong{display:block;margin-top:5px;color:#dbe1e6;font-size:.86rem;letter-spacing:.03em}

.home-section,.home-discovery,.home-timeline,.home-collector{max-width:1480px;margin:0 auto;padding:62px 22px}
.home-discovery--top{padding-top:24px;padding-bottom:48px}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}
.home-section-head.compact{margin-bottom:14px}
.home-section-head h2,.home-timeline h2,.home-collector h2{margin:6px 0 0;font:900 clamp(2.5rem,5vw,4.9rem)/.92 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
.home-section-head>p{max-width:560px;margin:0;color:#aeb8c1;line-height:1.62;text-align:right}
.home-section-meta{max-width:580px;text-align:right}
.home-section-meta p{margin:0 0 10px;color:#aeb8c1;line-height:1.62}
.home-section-meta .section-link{display:inline-block}
.eyebrow{color:#8f9ca8!important;letter-spacing:.12em!important}
.section-link{color:#d4dce2;text-decoration:none;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.home-random-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.home-random-grid a{min-height:138px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#0d141d,#080b10);text-decoration:none;transition:.2s ease}
.home-random-grid a:hover{transform:translateY(-3px);border-color:rgba(213,222,229,.55)}
.home-random-grid span{color:#73818d;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
.home-random-grid strong{font:900 1.55rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-random-grid b{align-self:flex-end;color:#9d3038;font-size:1.2rem}

.home-new-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.home-new-card{min-height:240px;padding:21px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);background:#0d131b;text-decoration:none}
.home-new-card>span{color:#71808c;font-size:.59rem;font-weight:900;letter-spacing:.12em}
.home-new-card h3{margin:18px 0 10px;font:900 1.8rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-new-card p{margin:0;color:#aeb8c1;font-size:.88rem;line-height:1.55}
.home-new-card b{margin-top:auto;padding-top:20px;color:#d4dce2;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.home-new-card:hover{border-color:#8c99a4;background:#111923}

.home-feature-section{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:10px}
.home-feature-main{display:grid;grid-template-rows:minmax(320px,1fr) auto;border:1px solid rgba(255,255,255,.1);background:#0c121a;overflow:hidden}
.home-feature-main>img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center 42%}
.home-feature-main-copy{padding:28px}
.home-feature-main-copy h2{margin:7px 0 14px;font:900 clamp(2.5rem,5vw,4.7rem)/.92 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-feature-main-copy p:not(.meta){max-width:850px;color:#b7c0c8;line-height:1.65}
.home-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.home-feature-stack{display:grid;gap:10px}
.home-feature-stack a{min-height:0;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#111821,#080b10);text-decoration:none}
.home-feature-stack span{color:#7c8a96;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.home-feature-stack strong{margin:13px 0 10px;font:900 2rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-feature-stack p{color:#aeb8c1;line-height:1.55}
.home-feature-stack b{margin-top:auto;color:#d4dce2;font-size:.71rem;letter-spacing:.08em;text-transform:uppercase}
.home-feature-stack a:hover{border-color:#8c99a4}

.home-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-destination-card{min-height:455px;display:grid;grid-template-rows:215px 1fr;border:1px solid rgba(255,255,255,.1);background:#0d141d;text-decoration:none;overflow:hidden;transition:.2s ease}
.home-destination-card:hover{transform:translateY(-3px);border-color:rgba(213,222,229,.52)}
.home-destination-art{position:relative;overflow:hidden;background:#080b10;border-bottom:1px solid rgba(255,255,255,.08)}
.home-destination-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,5,7,.36))}
.home-destination-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.home-destination-card:hover .home-destination-art img{transform:scale(1.025)}
.home-destination-art.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.home-destination-art.triptych img{min-width:0}
.home-destination-art.collecting-art{display:grid;grid-template-columns:1fr 1fr;background:#f1f2f3}
.home-destination-art.collecting-art img{object-fit:contain;background:#0b0e13}
.home-destination-art.collecting-art img:last-child{background:#f3f3f3}
.home-destination-copy{padding:22px;display:flex;flex-direction:column}
.home-destination-copy .meta{margin:0;color:#75828d;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.home-destination-copy h3{margin:9px 0 10px;font:900 2.05rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-destination-copy p{margin:0;color:#aeb8c1;font-size:.9rem;line-height:1.58}
.home-destination-copy b{margin-top:auto;padding-top:16px;color:#d4dce2;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}

.home-galaxy-band{max-width:1480px;margin:52px auto 60px;padding:0 22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:0}
.home-galaxy-visual{min-height:540px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.home-galaxy-visual img{width:100%;height:100%;display:block;object-fit:cover}
.home-galaxy-copy{padding:40px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.1);border-left:0;background:linear-gradient(145deg,#101720,#070a0f)}
.home-galaxy-copy h2{margin:6px 0 15px;font:900 clamp(2.8rem,5vw,5.1rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-galaxy-copy>p:not(.eyebrow){color:#b5bec6;line-height:1.67}
.home-galaxy-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}
.home-galaxy-links a{padding:13px 14px;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:#0a0f15;color:#e0e6ea;text-decoration:none;font-size:.76rem;font-weight:900;text-transform:uppercase}
.home-galaxy-links a:hover{border-color:#8996a1}

.home-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-character-grid a{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.1);background:#080b10;text-decoration:none;overflow:hidden}
.home-character-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-character-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(4,6,9,.92))}
.home-character-grid span,.home-character-grid strong{position:relative;z-index:1}
.home-character-grid span{padding:0 18px;color:#aeb8c1;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
.home-character-grid strong{padding:8px 18px 19px;font:900 2rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-character-grid a:hover{border-color:#97a4ae}

.home-timeline{padding-top:52px;padding-bottom:62px}
.home-era-strip{display:grid;grid-template-columns:repeat(9,minmax(135px,1fr));gap:1px;overflow-x:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.home-era-strip a{min-width:145px;min-height:118px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:#0c1118;text-decoration:none;font:900 1rem/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-era-strip a span{color:#7c8a96;font:800 .58rem/1 system-ui;letter-spacing:.11em}
.home-era-strip a:hover{background:#121923}

.home-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-tools-grid a{min-height:265px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#121820,#080b10);text-decoration:none}
.home-tools-grid span{color:#9d3038;font-size:.62rem;font-weight:900;letter-spacing:.13em}
.home-tools-grid h3{margin:22px 0 11px;font:900 2rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-tools-grid p{margin:0;color:#aeb8c1;line-height:1.58}
.home-tools-grid b{margin-top:auto;padding-top:18px;color:#d5dde3;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.home-tools-grid a:hover{border-color:#8f9ca8}

.home-collector{padding-top:64px;padding-bottom:86px}
.home-collector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-collector-grid a{min-height:240px;padding:23px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);background:#0c1219;text-decoration:none}
.home-collector-grid span{color:#798793;font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-collector-grid h3{margin:17px 0 11px;font:900 1.9rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-collector-grid p{margin:0;color:#aeb8c1;line-height:1.55}
.home-collector-grid b{margin-top:auto;padding-top:18px;color:#d7dee4;font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}
.home-collector-grid a:hover{border-color:#8e9aa5}
.home-collector-note{margin-top:12px;padding:14px 15px;border-left:3px solid #7e8c97;background:#090d12;color:#aeb7bf;font-size:.84rem;line-height:1.55}

.home-final-discovery{max-width:1436px;margin:0 auto 88px;padding:48px 34px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 78% 40%,rgba(151,40,49,.16),transparent 27%),linear-gradient(145deg,#111821,#07090d)}
.home-final-discovery h2{max-width:920px;margin:7px 0 13px;font:900 clamp(2.8rem,5.2vw,5.2rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-final-discovery p:not(.eyebrow){max-width:720px;color:#b4bec6;line-height:1.6}
.home-final-discovery>a{display:inline-block;margin-top:16px;color:#e2e7eb;text-decoration:none;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}

@media(max-width:1240px){
  .home-hero{grid-template-columns:1fr}
  .home-hero h1{max-width:760px;font-size:clamp(2.9rem,6vw,4.5rem)}
  .home-hero h1 span{white-space:normal}
  .home-hero-visual{min-height:480px}
  .home-new-grid{grid-template-columns:repeat(3,1fr)}
  .home-destination-grid{grid-template-columns:repeat(2,1fr)}
  .home-character-grid,.home-tools-grid,.home-collector-grid{grid-template-columns:repeat(2,1fr)}
  .home-feature-section,.home-galaxy-band{grid-template-columns:1fr}
  .home-galaxy-copy{border-left:1px solid rgba(255,255,255,.1);border-top:0}
}
@media(max-width:760px){
  .home-hero{padding:38px 14px 24px}
  .home-hero h1{max-width:100%;font-size:clamp(2.35rem,10vw,3.75rem);line-height:.96}
  .home-hero-metrics{grid-template-columns:1fr 1fr}
  .home-hero-visual{min-height:0}
  .home-hero-image{min-height:390px}
  .home-section,.home-discovery,.home-timeline,.home-collector{padding:48px 14px}
  .home-section-head{align-items:start;flex-direction:column;gap:10px}
  .home-section-head>p{text-align:left}
  .home-random-grid,.home-new-grid,.home-destination-grid,.home-character-grid,.home-tools-grid,.home-collector-grid{grid-template-columns:1fr}
  .home-random-grid a{min-height:112px}
  .home-feature-main>img{min-height:270px}
  .home-galaxy-band{margin-top:30px;padding:0 14px}
  .home-galaxy-visual{min-height:320px}
  .home-galaxy-copy{padding:27px 22px}
  .home-galaxy-links{grid-template-columns:1fr}
  .home-character-grid a{min-height:360px}
  .home-era-strip{grid-template-columns:repeat(9,145px)}
  .home-final-discovery{margin:0 14px 58px;padding:34px 24px}
}
@media(max-width:460px){
  .home-hero-metrics{grid-template-columns:1fr}
  .home-hero-actions a{width:100%;justify-content:center}
}

/* IDS no-gold controls */
.home-page .gold-button{
  border:1px solid #9d3038;
  background:rgba(157,48,56,.18);
  color:#edf1f4;
}
.home-page .gold-button:hover{
  border-color:#c05a62;
  background:rgba(157,48,56,.28);
}
.home-page .outline-button{
  border:1px solid rgba(199,209,218,.28);
  background:#0b1118;
  color:#dbe2e7;
}
.home-page .outline-button:hover{
  border-color:#aebbc5;
  background:#111923;
}

/* Legacy discovery fallback suppression */
.home-page main .ids-discovery{display:none!important}
@media(max-width:700px){.home-section-meta{text-align:left}.home-section-head{align-items:start}.home-section-meta p{text-align:left}}

.home-hero-collage{
  display:grid;
  grid-template-columns:1.7fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
}
.home-hero-collage img{
  min-width:0;
  min-height:0;
  object-fit:cover;
}
.home-hero-collage .home-hero-collage-main{
  grid-row:1 / 3;
  object-position:center 38%;
}
.home-hero-collage img:nth-child(2){object-position:center 24%}
.home-hero-collage img:nth-child(3){object-position:center 28%}

@media(max-width:560px){
  .home-hero-collage{grid-template-columns:1fr 1fr;grid-template-rows:240px 155px}
  .home-hero-collage .home-hero-collage-main{grid-column:1 / 3;grid-row:1}
}