/* Responsive refinements and the single chromatic brand signal. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
.hero-copy,.manifesto>div,.feature-copy,.partnership-intro>*{min-width:0}
.social-links{display:flex;gap:1.25rem;margin-top:.8rem}.social-links a{text-decoration:none;text-transform:uppercase;font-size:.64rem;letter-spacing:.13em;border-bottom:1px solid transparent;padding-bottom:.2rem}.social-links a:hover,.social-links a:focus-visible{border-bottom-color:currentColor}
.signal-line{height:3px;margin:-1.45rem 0 3rem;position:relative;background:linear-gradient(90deg,transparent 0%,rgba(255,51,92,.88) 16%,rgba(62,214,255,.88) 48%,rgba(92,255,155,.88) 76%,transparent 100%);box-shadow:0 0 18px rgba(62,214,255,.2)}
.signal-line::after{content:"";position:absolute;inset:3px 8% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(62,214,255,.5),transparent)}

@media (max-width:1100px){
  .nav{height:78px}
  .nav nav{gap:1.5rem}
  .hero{padding-top:calc(78px + 5vh);grid-template-columns:1.35fr .65fr}
  .hero h1{font-size:clamp(3.8rem,8.5vw,7rem)}
  .hero:before{inset:78px 31% 0 auto}
  .manifesto,.difference{grid-template-columns:minmax(130px,.55fr) minmax(0,2.45fr)}
  .manifesto>div>p{margin-left:15%}
  .feature-card{grid-template-columns:.15fr 1fr .9fr;min-height:560px}
  .partnership-intro{grid-template-columns:1.5fr 1fr;gap:3rem}
}

@media (max-width:820px){
  .nav{height:70px;position:absolute}
  .nav nav{display:none}
  .brand{font-size:.7rem;letter-spacing:.22em}
  .corner-mark{width:48px;height:34px}
  .hero{min-height:auto;padding:clamp(8rem,18vh,10rem) var(--pad) 6rem;display:block}
  .hero:before{display:none}
  .hero-copy{position:relative;z-index:2}
  .hero h1{font-size:clamp(3.5rem,13vw,6rem);max-width:10ch}
  .lead{max-width:40rem}
  .hero-art{position:absolute;z-index:1;right:-10%;top:19%;opacity:.22}
  .orb{width:min(58vw,380px)}
  .hero-art p{display:none}
  .manifesto,.difference{grid-template-columns:1fr;gap:2.5rem}
  .manifesto>div>p{margin-left:0;max-width:38rem}
  .manifesto h2,.difference blockquote{overflow-wrap:anywhere}
  .section-head{display:block}
  .section-head>p:last-child{margin-top:1rem}
  .signal-line{margin-top:0}
  .feature-card{grid-template-columns:1fr;min-height:auto;padding:clamp(1.4rem,5vw,2rem)}
  .feature-index{display:none}
  .feature-copy{padding:2rem 0 0}
  .glass-visual{min-height:390px}
  .secondary-grid{grid-template-columns:1fr}
  .secondary-grid article+article{border-left:1px solid #ccc}
  .partnership-intro{grid-template-columns:1fr;gap:2.5rem;padding:5rem 0}
  .steps li{grid-template-columns:70px 1fr}
  .steps li div{grid-template-columns:1fr;gap:.75rem}
  .principles{grid-column:1;grid-template-columns:1fr 1fr;margin-top:1rem}
  .contact-foot{grid-template-columns:1fr 1fr;gap:2rem}
  .contact-foot>p{grid-column:1/-1;text-align:left}
}

@media (max-width:560px){
  :root{--pad:1.2rem}
  .nav{padding-inline:var(--pad)}
  .brand{font-size:.66rem}
  .corner-mark{width:43px;height:31px}
  .hero{padding-top:7.3rem;padding-bottom:4.5rem}
  .hero h1{font-size:clamp(3.25rem,16.5vw,5rem);margin:2rem 0 1.5rem;line-height:.91}
  .eyebrow,.label,.section-number{line-height:1.55}
  .lead{font-size:1rem;line-height:1.55;max-width:none}
  .actions{align-items:stretch;flex-direction:column;gap:1rem;margin-top:2rem}
  .actions .button{width:100%;min-width:0}
  .actions .text-link{padding:.55rem 0}
  .hero-art{right:-23%;top:24%}
  .orb{width:72vw}
  .manifesto,.difference{padding:5rem var(--pad)}
  .manifesto h2{font-size:clamp(2.65rem,13vw,4rem)}
  .manifesto>div>p{font-size:1.02rem;line-height:1.65;margin-top:2rem}
  .focus{padding:4.5rem var(--pad) 5rem}
  .signal-line{margin-bottom:2rem}
  .feature-copy h3{font-size:clamp(2.65rem,12vw,4rem)}
  .glass-visual{min-height:300px}
  .secondary-grid article{min-height:280px;padding:2rem 1.4rem}
  .partnership{padding:5rem var(--pad)}
  .partnership h2{font-size:clamp(2.7rem,13vw,4.2rem)}
  .steps li{grid-template-columns:42px 1fr;padding:1.6rem 0}
  .steps h3{font-size:1.7rem}
  .steps p{font-size:.95rem}
  .difference blockquote{font-size:clamp(2.25rem,11vw,3.5rem)}
  .principles{grid-template-columns:1fr}
  .principles p{margin:0;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.15)}
  .contact{padding:6rem var(--pad) 2rem}
  .contact h2{font-size:clamp(3rem,15vw,5rem)}
  .light-btn{width:100%;min-width:0}
  .contact-foot{margin-top:6rem;grid-template-columns:1fr;gap:1.5rem}
  .contact-foot>p{grid-column:auto}
}

@media (max-width:360px){
  .brand{letter-spacing:.16em}
  .hero h1{font-size:3rem}
  .glass-visual{min-height:260px}
}

@media (max-height:680px) and (min-width:821px){
  .hero{min-height:760px;padding-top:120px;padding-bottom:80px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{animation:none}
}