/* Home: plain-language hero line and "What we build" (Oct 27, 2026). Scoped to the home page. */
.hero-define{font-size:12.5px;line-height:1.75;color:#aebcb1;max-width:64ch;margin:-16px 0 26px;padding-left:14px;border-left:1px solid #c5a05980}
.hero-copy{max-width:700px}
.hero-description{max-width:64ch;margin-bottom:24px}
@media(min-width:761px){.hero h1{font-size:clamp(60px,5.5vw,88px);margin:22px 0 22px}}
@media(min-width:761px) and (max-height:820px){.hero h1{font-size:clamp(56px,4.8vw,76px)}.hero{padding-top:140px}}

.build{background:#10271e;color:var(--ivory)}
.build .section-index{border-color:var(--line);color:var(--muted)}
.build-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:52px}
.build-head h2{color:var(--ivory)}
.build-head h2 em{color:var(--gold)}
.build-head>p{max-width:36ch;font-size:15px;line-height:1.8;color:#c3d0c4}
.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c5a05933;border:1px solid #c5a05933}
.build-card{background:#0c1d16;padding:34px 30px 36px;display:flex;flex-direction:column;transition:background .3s}
.build-card:hover{background:#11261d}
.build-num{font-family:var(--serif);font-size:20px;color:var(--gold)}
.build-card h3{font:400 clamp(27px,2.3vw,34px)/1.08 var(--serif);letter-spacing:-.02em;margin:26px 0 10px;color:var(--ivory)}
.build-line{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.35;color:#d9c6a3;margin-bottom:14px}
.build-card p:last-child{font-size:14px;line-height:1.8;color:#b7c4b9}
.build-card a{color:#e4d0a8;border-bottom:1px solid #c5a05980}
.build-foot{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;margin-top:34px}
.build-foot p{font-size:13px;color:#a9b8ac;max-width:60ch}
.build-foot .text-link{color:#e4d0a8;border-color:#c5a05980;margin-top:0}

@media(max-width:1100px){.build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .hero{height:auto;max-height:none;min-height:100svh;padding-bottom:120px}
  .hero-define{font-size:12px;margin:-14px 0 24px;max-width:34ch}
  .build-head{display:block;margin-bottom:34px}
  .build-head>p{margin-top:20px}
  .build-grid{grid-template-columns:1fr}
  .build-card{padding:28px 22px 30px}
  .build-card h3{margin-top:18px}
}

/* Intro film: shorter scroll (was 190vh desktop / 170vh phones) and a Skip intro link (Oct 27). */
.film{height:140vh}
@media(max-width:760px){.film{height:130vh}}
.film-skip{position:absolute;z-index:3;right:var(--gutter);bottom:34px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid #ffffff38;border-radius:999px;background:#050a0880;color:var(--ivory);font:500 12px var(--sans);letter-spacing:.08em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .3s,color .3s;animation:filmIn 1.6s 1.4s both}
.film-skip span{color:var(--gold)}
.film-skip:hover,.film-skip:focus-visible{border-color:var(--gold);color:var(--gold)}
@media(max-width:760px){.film-skip{top:104px;bottom:auto;right:16px;padding:9px 14px;font-size:11px}.film-sound{bottom:104px}}