﻿@font-face{font-family:ContactsHelios;src:url('/fonts/HeliosCondC-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:ContactsRoboto;src:url('/fonts/RobotoCondensed-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.contacts-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:464px;overflow:hidden;background:#333 linear-gradient(#0008,#0008) center/cover no-repeat;background-image:linear-gradient(#0008,#0008),var(--hero-image);color:#fff}
.contacts-hero::before{content:'';position:absolute;inset:0 0 auto;height:286px;background:url('/images/optimized/cover-pattern.webp') center top/cover no-repeat;z-index:-1;pointer-events:none}
.contacts-hero h1{margin:0;text-align:center;font:700 clamp(3.5rem,7.5vw,6rem)/1 ContactsHelios,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.contacts-section{padding:160px 0}.contacts-list{display:grid;gap:160px}.contacts-row{display:grid;grid-template-columns:minmax(0,366px) minmax(0,1fr);gap:clamp(40px,9.7vw,112px)}
.contacts-intro{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.contacts-intro h2{margin:0;font:700 40px/1 ContactsHelios,sans-serif;text-transform:uppercase}.contacts-intro p{margin:0;line-height:1.35;color:#606060}
.contacts-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contacts-card{position:relative;min-width:0;min-height:327px;padding:20px;border-radius:24px;background:#efede8;color:#616161;text-decoration:none;transition:background-color .3s,color .3s;overflow:hidden}.contacts-card--address{grid-column:1/-1}.contacts-card__title{display:block;max-width:246px;font:700 32px/1.15 ContactsRoboto,sans-serif;letter-spacing:.15px;overflow-wrap:anywhere}.contacts-card__description{display:block;margin-top:8px;color:#858585;font-size:20px;line-height:1.3}.contacts-card__arrow{position:absolute;right:20px;bottom:20px;width:54px;height:54px;transition:transform .3s;transform-origin:center}.contacts-card__arrow img{position:absolute;inset:0}.contacts-card__arrow img:last-child{opacity:0;transition:opacity .3s}.contacts-card:is(a):hover,.contacts-card:is(a):focus-visible{background:#ffc75b;color:#202020}.contacts-card:is(a):hover .contacts-card__arrow,.contacts-card:is(a):focus-visible .contacts-card__arrow{transform:scale(1.35)}.contacts-card:is(a):hover .contacts-card__arrow img:last-child,.contacts-card:is(a):focus-visible .contacts-card__arrow img:last-child{opacity:1}
@media(max-width:900px){.contacts-section{padding:80px 0}.contacts-list{gap:80px}.contacts-row{grid-template-columns:1fr;gap:28px}.contacts-intro{gap:18px}.contacts-card{min-height:280px}}
@media(max-width:600px){.contacts-hero{min-height:300px}.contacts-hero::before{background-size:auto 210px;height:210px}.contacts-section{padding:60px 0}.contacts-list{gap:60px}.contacts-intro h2{font-size:32px}.contacts-cards{grid-template-columns:1fr}.contacts-card{min-height:220px}.contacts-card--address{grid-column:auto}.contacts-card__title{font-size:28px}}
@media(prefers-reduced-motion:reduce){.contacts-card,.contacts-card__arrow,.contacts-card__arrow img:last-child{transition:none}}
.contacts-card__title--phone{max-width:none;font-size:clamp(23px,2.1vw,28px);white-space:nowrap}
.contacts-hero::before{content:none}
