/* home-layout.css — landing page layout only (grid/flex/width/position) */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:var(--maxw);margin:0 auto;padding:120px clamp(20px,5vw,40px) 60px;position:relative}
.hero-actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}
.hero-hint{position:absolute;bottom:34px;left:clamp(20px,5vw,40px);display:flex;align-items:center;gap:10px}
.hero-hint .ln{width:34px;height:1px;position:relative;overflow:hidden}

.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;padding:clamp(56px,9vh,110px) 0}
.feature.flip .feature-copy{order:2}
.feature.flip .feature-shot{order:1}

.band-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.band-cell{padding:clamp(34px,5vw,52px) clamp(20px,3vw,34px)}

.about h2{max-width:18ch}
.about p{max-width:54ch}

.contact-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,80px);align-items:start;padding:clamp(80px,11vh,140px) clamp(20px,5vw,40px)}
.form{display:flex;flex-direction:column;gap:14px}
.form .btn-primary{margin-top:6px;align-self:flex-start}
.verify{display:flex;align-items:center;gap:12px}
.verify input{max-width:110px}

@media(max-width:760px){
  .nav .links{display:none}
  .feature{grid-template-columns:1fr;gap:30px}
  .feature.flip .feature-copy{order:1}
  .feature.flip .feature-shot{order:2}
  .band-inner{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .thread-wrap{opacity:.5}
}