/* OZONE GOLD — Контакт */
.og-contact-page .site-main{background:var(--bg,#faf9f5)}

.og-contact-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(48px,7vw,88px) 0 clamp(40px,5vw,72px);
  background:#fff;
}
.og-contact-hero-bg{display:none!important}
.og-contact-hero-in{position:relative;z-index:1;max-width:min(640px,94vw)}
.og-contact-hero .crumbs{margin-bottom:20px}
.og-contact-title{
  margin:8px 0 0;
  font:500 clamp(40px,7vw,72px)/1.02 var(--f-sans,inherit);
  letter-spacing:-.04em;
  color:var(--ink,#25241a);
  text-wrap:balance;
}
.og-contact-lead{
  margin:18px 0 0;
  max-width:40ch;
  font-size:clamp(16px,1.45vw,18px);
  line-height:1.55;
  color:var(--ink-2,#6b6758);
}

.og-contact-layout{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);
  gap:clamp(24px,4vw,48px);
  align-items:start;
}
.og-contact-side{display:grid;gap:18px}
.og-contact-channels{display:grid;gap:12px}
.og-contact-channel{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:18px 20px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--line,#e6e0d0);
  transition:transform .4s var(--ease,cubic-bezier(.22,.8,.24,1)),border-color .3s ease;
}
.og-contact-ico{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface,#f3f0e6);
  color:var(--olive-deep,#3d3b1e);
}
.og-contact-ico svg{width:20px;height:20px}
.og-contact-channel-label{
  display:block;
  font:700 10.5px/1 var(--f-sans,inherit);
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-deep,#a67c00);
  margin-bottom:6px;
}
.og-contact-channel-value{
  display:block;
  font:500 17px/1.25 var(--f-sans,inherit);
  color:var(--ink,#25241a);
  text-decoration:none;
  letter-spacing:-.01em;
}
a.og-contact-channel-value:hover{color:var(--gold-deep,#a67c00)}
.og-contact-channel p{
  margin:6px 0 0;
  font-size:13.5px;line-height:1.4;
  color:var(--ink-2,#6b6758);
}
@media (hover:hover) and (pointer:fine){
  .og-contact-channel:hover{transform:translateY(-3px);border-color:rgba(201,151,0,.35)}
}

.og-contact-ig{
  display:flex;gap:16px;align-items:flex-start;
  padding:22px 20px;
  border-radius:22px;
  background:var(--surface,#f3f0e6);
  border:1px solid var(--line,#e6e0d0);
}
.og-contact-ig-icon{
  flex:0 0 auto;width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--olive-deep,#25241a);color:#fff;
}
.og-contact-ig-icon svg{width:22px;height:22px}
.og-contact-ig h3{
  margin:0 0 6px;
  font:500 22px/1.2 var(--f-sans,inherit);
  letter-spacing:-.02em;
}
.og-contact-ig p{
  margin:0 0 14px;
  font-size:14.5px;line-height:1.5;
  color:var(--ink-2,#6b6758);
}

.og-contact-form-card{
  background:#fff;
  border:1px solid var(--line,#e6e0d0);
  border-radius:28px;
  padding:clamp(24px,4vw,40px);
  box-shadow:0 18px 40px rgba(47,47,24,.05);
  position:sticky;
  top:calc(var(--header-h,72px) + 16px);
}
.og-contact-form-card .eyebrow{margin-bottom:10px}
.og-contact-form-card h2{
  margin:0;
  font:500 clamp(26px,3vw,36px)/1.1 var(--f-sans,inherit);
  letter-spacing:-.025em;
}
.og-contact-form-intro{
  margin:10px 0 24px;
  font-size:14.5px;line-height:1.5;
  color:var(--ink-2,#6b6758);
}
.og-contact-form .field{margin-bottom:14px}
.og-contact-form textarea{
  width:100%;
  padding:14px 18px;
  border:1.5px solid var(--line,#e6e0d0);
  border-radius:18px;
  background:#fff;
  font:500 14.5px var(--f-sans,inherit);
  color:var(--ink,#25241a);
  min-height:140px;
  resize:vertical;
  transition:border-color .2s,box-shadow .2s;
}
.og-contact-form textarea:focus{
  outline:none;
  border-color:var(--gold,#c99700);
  box-shadow:0 0 0 4px rgba(201,151,0,.15);
}
.og-contact-form .contact-submit-btn{
  width:100%;
  margin-top:8px;
  justify-content:center;
}

@keyframes og-contact-drift{to{transform:scale(1.05) translate3d(-1%,1%,0)}}

@media (max-width:900px){
  .og-contact-layout{grid-template-columns:1fr}
  .og-contact-form-card{position:static}
}
@media (max-width:640px){
  .og-contact-title{font-size:clamp(34px,11vw,44px)}
  .og-contact-channel{padding:16px}
}
@media (prefers-reduced-motion:reduce){
  .og-contact-hero-bg{animation:none!important}
}