/* REL 6.17.37 // contact page calm-down pass */
.signal{max-width:1180px;padding:clamp(58px,6vw,88px) clamp(24px,5vw,68px) 82px}
.signal-hero{grid-template-columns:minmax(0,1fr) minmax(270px,.62fr);gap:clamp(38px,6vw,78px);align-items:start}
.signal h1{max-width:10ch;margin:20px 0 24px;font-size:clamp(3.7rem,6.3vw,6.8rem);line-height:.88;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:normal}
.signal .lede{max-width:700px;font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.55}
.signal-id{margin-top:22px;padding:8px 10px;color:#cfc3a4;border-color:rgba(201,163,75,.3);background:rgba(201,163,75,.018)}
.signal-aside{align-self:start;margin-top:72px;max-width:360px;padding:7px 0 2px 26px;border-left-color:rgba(201,163,75,.28)}
.signal-aside strong{margin:11px 0 14px;font-size:clamp(1.45rem,2.15vw,2.1rem);line-height:1.02}
.signal-aside span{padding:8px 0;color:#a8a195}
.gate{gap:14px;margin-top:68px}
.gate>div{padding:30px;background:linear-gradient(145deg,#0b0b0a,#050505);border-color:rgba(242,238,228,.11)}
.gate>div::after{width:150px;height:150px;right:-72px;bottom:-74px;opacity:.52}
.gate h2{font-size:clamp(1.9rem,2.7vw,2.55rem);line-height:1;margin-bottom:15px}
.gate p{max-width:650px;line-height:1.62}
.rules{margin-top:21px}
.rules span{padding:10px 0;color:#a49d92}
.after{margin-top:46px;padding-top:34px;grid-template-columns:minmax(0,1fr) auto;gap:34px}
.after h2{font-size:clamp(2.2rem,3.6vw,3.35rem);line-height:.98;margin:7px 0 12px}
.after p{max-width:650px}
@media(max-width:1120px){
  .signal-hero{grid-template-columns:1fr;gap:34px}
  .signal-aside{margin-top:0;max-width:720px;padding:22px 0 0;border-left:0;border-top:1px solid rgba(201,163,75,.28)}
  .signal h1{max-width:12ch}
}
@media(max-width:760px){
  .signal{padding:44px 20px 66px}
  .signal h1{font-size:clamp(3rem,15vw,4.8rem);line-height:.92;letter-spacing:-.045em}
  .signal .lede{font-size:1.04rem}
  .gate{grid-template-columns:1fr;margin-top:46px}
  .gate>div{padding:24px 21px}
  .after{grid-template-columns:1fr;gap:20px;margin-top:40px}
  .after .actions,.after .button{width:100%}
}
@media(max-width:430px){
  .signal{padding-left:17px;padding-right:17px}
  .signal h1{font-size:clamp(2.85rem,14.5vw,4rem);max-width:100%}
  .signal-aside strong{font-size:1.55rem}
  .gate h2{font-size:2rem}
}
