/* ==========================================================================
   CONTACT page – template-contact.php
   ========================================================================== */
.contact-sec{padding-top:clamp(50px,7vw,100px)}
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:start}
.contact__info{position:relative;overflow:hidden;padding:clamp(30px,4vw,56px);border-radius:var(--radius);background:radial-gradient(500px 340px at 100% 0,rgba(44,167,170,.4),transparent 60%),linear-gradient(160deg,var(--navy-3),var(--navy) 60%,var(--navy-2));color:#fff}
.contact__orb{position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(241,199,110,.75),rgba(216,156,63,.0) 70%);animation:float 9s ease-in-out infinite}
.rr-site .contact__info h2{color:#fff;font-size:clamp(2.4rem,4vw,3.4rem)}
.contact__lead{color:rgba(255,255,255,.8);margin-bottom:2rem}
.contact__list{list-style:none;display:grid;gap:22px;position:relative}
.contact__list li{display:flex;gap:18px;align-items:flex-start}
.contact__ic{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid var(--line-l);color:var(--gold-l);transition:background .4s,color .4s,transform .5s var(--ease)}
.contact__list li:hover .contact__ic{background:var(--gold);color:var(--navy);transform:rotate(-8deg) scale(1.08)}
.contact__list li>div>span{display:block;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-l);margin-bottom:3px}
.contact__list a{color:#fff!important;text-decoration:none;font-size:1.08rem;word-break:break-word}
.contact__list a:hover{color:var(--gold-l)!important}
.contact__list li>div{color:rgba(255,255,255,.88);line-height:1.55}
.rr-site .contact__map{display:inline-block;margin-top:6px;font-size:.85rem;color:var(--gold-l)!important}
.contact__info .social{margin-top:30px;position:relative}

.contact__form{padding:clamp(28px,4vw,52px);border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.contact__form>h2{font-size:clamp(2rem,3.4vw,2.8rem)}
@media (max-width:980px){.contact{grid-template-columns:1fr}}
