/* Homepage template — highest visual intensity on the site (10/10).
   Loaded alongside bm-template.css (chrome, brutalist system, nav, footer,
   .wireframe-bg/.page-hero/.page-card/.dissolve mechanics — all reused here
   rather than duplicated). This file only adds homepage-specific content:
   the larger hero card, the "Two Paths" applications section, and the
   Selected Work triptych. */

.bmit-homepage .page-hero{ height:78vh; min-height:600px; }

/* ---------- Hero card (larger variant of the shared .page-card) ---------- */
.page-card--home{ max-width:600px; }
.home-h1{
  font-family:var(--font-head); font-weight:800;
  font-size:clamp(40px,5.4vw,72px); line-height:0.92; letter-spacing:-0.02em;
  text-transform:uppercase; margin-bottom:20px; color:var(--carbon) !important;
}
.home-hero-copy{ font-size:15.5px; line-height:1.6; color:var(--carbon); opacity:0.85; max-width:42ch; margin-bottom:22px; }
.home-hero-cta{
  display:inline-flex; align-items:center;
  background:var(--red); color:var(--snow) !important;
  font-family:var(--font-mono); font-size:12px; font-weight:700; letter-spacing:0.06em;
  padding:14px 22px; margin-bottom:22px;
}
.home-micro-nav{
  display:flex; gap:18px;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.14em; font-weight:700;
  color:var(--carbon); opacity:0.65; border-top:1px solid rgba(26,26,26,0.18); padding-top:14px;
}

/* ---------- Two Paths applications transition ---------- */
.home-content{ position:relative; z-index:3; }
.home-paths{ background:var(--parchment); padding:clamp(64px,8vw,104px) clamp(20px,4vw,48px); }
.home-paths-transition{
  text-align:center; font-family:var(--font-head); font-weight:800;
  font-size:clamp(20px,2.4vw,30px); letter-spacing:-0.01em;
  max-width:1360px; margin:0 auto clamp(40px,5vw,64px);
}
.home-paths-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:1px;
  max-width:1200px; margin:0 auto;
  background:var(--carbon); border:1px solid var(--carbon);
}
.home-path{
  position:relative; background:var(--parchment); color:var(--carbon);
  padding:clamp(28px,3.5vw,44px);
  display:flex; flex-direction:column; gap:18px;
}
.home-path-visual{
  aspect-ratio:16/9; width:100%;
  background:
    repeating-linear-gradient(120deg, rgba(26,26,26,0.12) 0, rgba(26,26,26,0.12) 1px, transparent 1px, transparent 30px);
  background-color:var(--almond);
  border:1px solid var(--carbon);
}
.home-path-visual-alt{
  background:
    repeating-linear-gradient(60deg, rgba(61,85,110,0.14) 0, rgba(61,85,110,0.14) 1px, transparent 1px, transparent 30px);
  background-color:var(--snow);
}
.home-path-body h2{
  font-family:var(--font-head); font-weight:800; font-size:clamp(22px,2.4vw,28px);
  letter-spacing:-0.01em; margin:0 0 6px;
}
.home-path-body p{ font-size:14px; opacity:0.7; }
.home-path-arrow{
  align-self:flex-end; font-family:var(--font-mono); font-size:15px;
  transition:transform .15s ease, color .15s ease;
}
.home-path:hover .home-path-arrow{ transform:translateX(5px); color:var(--red); }

/* ---------- Selected Work triptych (dark) ---------- */
.home-selected-work{
  background:var(--carbon); color:var(--snow);
  padding:clamp(64px,8vw,104px) clamp(20px,4vw,48px);
}
.eyebrow-on-dark{ color:var(--red); max-width:1360px; margin-left:auto; margin-right:auto; margin-bottom:clamp(28px,4vw,44px); }
.eyebrow-on-dark::before{ background:var(--red); }
.home-work-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,2.5vw,32px);
  max-width:1360px; margin:0 auto;
}
.home-work-item{
  display:flex; flex-direction:column; gap:12px; color:var(--snow); position:relative;
}
.home-work-image{
  aspect-ratio:4/3; width:100%;
  background:
    repeating-linear-gradient(135deg, rgba(252,249,248,0.10) 0, rgba(252,249,248,0.10) 1px, transparent 1px, transparent 22px);
  background-color:#252525;
  border:1px solid rgba(252,249,248,0.25);
  filter:grayscale(1);
  transition:filter .2s ease, border-color .2s ease;
}
.home-work-image-alt{ background-color:#2c2c2c; }
.home-work-image-alt2{ background-color:#232323; }
.home-work-item:hover .home-work-image{ filter:grayscale(0.5); border-color:var(--red); }
.home-work-index{ font-family:var(--font-mono); font-size:11px; opacity:0.55; }
.home-work-title{ font-family:var(--font-head); font-weight:700; font-size:17px; line-height:1.3; transition:color .15s ease; }
.home-work-item:hover .home-work-title{ color:var(--red); }
.home-work-arrow{ font-family:var(--font-mono); font-size:14px; transition:transform .15s ease, color .15s ease; }
.home-work-item:hover .home-work-arrow{ transform:translateX(5px); color:var(--red); }

@media (max-width:900px){
  .home-paths-grid, .home-work-grid{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  .page-card--home{ max-width:92vw; }
}