/* ============================================================
   HOME PAGE ONLY — hero doc-card, trust strip, teaser bands
   Requires base.css to be loaded first.
   ============================================================ */

/* hero (taller scene variant with the doc card) */
.hero{min-height:92vh;}
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;}
.doccard-wrap{display:flex;justify-content:center;}
.doccard{
  background:var(--white);color:var(--ink);width:320px;border-radius:6px;
  padding:22px 22px 26px;box-shadow:0 30px 60px rgba(7,20,32,0.45);
  transform:rotate(3.5deg);position:relative;border:1px solid var(--line-soft);
}
.doccard::before{content:"";position:absolute;top:-10px;left:22px;width:52px;height:14px;background:var(--paper-2);border-radius:2px;}
.doc-toprow{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}
.doc-label{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--brand);font-family:'IBM Plex Mono',monospace;}
.doc-num{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;margin-top:4px;}
.stamp{
  width:64px;height:64px;border:2px solid var(--gold);color:var(--gold-ink);
  display:flex;align-items:center;justify-content:center;transform:rotate(-14deg);
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:700;text-align:center;line-height:1.2;flex-shrink:0;
}
.doc-row{display:flex;justify-content:space-between;font-size:12.5px;padding:9px 0;border-top:1px dashed var(--line);}
.doc-row .k{color:#6B7C89;}
.doc-row .v{font-weight:600;font-family:'IBM Plex Mono',monospace;}
.doc-foot{margin-top:14px;font-size:11.5px;color:var(--brand);font-weight:600;}

/* trust strip */
.trust{background:var(--navy-2);color:#fff;padding:26px 0;}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.trust-item{text-align:center;padding:0 12px;border-left:1px solid rgba(255,255,255,0.15);}
.trust-item:first-child{border-left:none;}
.trust-num{font-family:'Fraunces',serif;font-size:30px;font-weight:600;color:var(--sky);}
.trust-label{font-size:11.5px;color:#B9CBD8;text-transform:uppercase;letter-spacing:0.05em;margin-top:4px;}

/* teaser bands linking out to each page */
.teaser{padding:96px 0;border-top:1px solid var(--line);}
.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.teaser.reverse .teaser-grid{direction:rtl;}
.teaser.reverse .teaser-grid > *{direction:ltr;}
.teaser-index{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold-ink);margin-bottom:14px;}
.teaser h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:16px;line-height:1.1;}
.teaser p{font-size:15px;line-height:1.65;color:#3F5164;max-width:46ch;margin:0 0 22px;}
.teaser-visual{aspect-ratio:4/3;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.teaser-visual .hex{width:120px;height:120px;position:absolute;opacity:0.9;}
.teaser-visual.tv-navy{background:linear-gradient(150deg,var(--navy),var(--navy-2));}
.teaser-visual.tv-sky{background:linear-gradient(150deg,var(--sky),var(--brand));}
.teaser-visual.tv-gold{background:linear-gradient(150deg,#E3B968,var(--gold-ink));}

/* responsive (home only) */
@media(max-width:900px){
  .hero-grid, .teaser-grid{grid-template-columns:1fr;}
  .doccard-wrap{margin-top:28px;}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  .trust-item{border-left:none;}
  .teaser.reverse .teaser-grid{direction:ltr;}
}