/* Контакты — редакционная композиция на базе типографики и ритма «Монумента». */
.page-contacts .mon-contact-hero{background:#171716;color:var(--paper);isolation:isolate}
.page-contacts .mon-contact-hero-image{position:absolute;inset:0;background:url("/images/kontakty-spokojnyj-razgovor-hero.webp") center center/cover no-repeat;z-index:-2}
.page-contacts .mon-contact-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,19,.70) 0%,rgba(20,20,19,.48) 33%,rgba(20,20,19,.02) 76%),linear-gradient(0deg,rgba(17,17,16,.3),transparent 32%);z-index:-1}
.page-contacts .mon-contact-hero-inner{display:flex;align-items:center;position:relative;padding-top:60px;padding-bottom:60px}
.page-contacts .mon-contact-hero-text{max-width:700px}
.page-contacts .mon-contact-hero .hero-slogan{font:400 clamp(53px,5.55vw,86px)/1.075 var(--font-display);letter-spacing:-.035em;margin:0 0 28px;color:#f4eee6;text-wrap:balance}
.page-contacts .mon-contact-hero .hero-slogan em{font-weight:400;color:#c3a481}
.page-contacts .mon-contact-hero-text>p{max-width:450px;color:#cbc5bb;line-height:1.82;font-size:16px;margin:0 0 30px}
.page-contacts .mon-contact-hero-index{position:absolute;bottom:24px;left:0;color:#b7a18a;font-size:11px;letter-spacing:.17em;text-transform:uppercase}
.page-contacts .mon-contact-ways{background:var(--paper)}
.page-contacts .mon-contact-list{border-top:1px solid #c7bcaf}
.page-contacts .mon-contact-list>a,.page-contacts .mon-contact-list>button{display:grid;grid-template-columns:80px 1fr minmax(185px,300px) 20px;gap:20px;align-items:center;width:100%;text-align:left;padding:27px 0;border:0;border-bottom:1px solid #d4ccc2;background:transparent;color:inherit;cursor:pointer;font:inherit;transition:padding-left .2s,color .2s}
.page-contacts .mon-contact-list>a:hover,.page-contacts .mon-contact-list>button:hover{padding-left:9px;color:#806247}
.page-contacts .mon-contact-list span{font:400 26px var(--font-display);color:#ac8f73}
.page-contacts .mon-contact-list h3{font:400 clamp(20px,2.1vw,29px)/1.3 var(--font-display);margin:0}
.page-contacts .mon-contact-list p{color:#5b5752;margin:0;font-size:16px;line-height:1.6}
.page-contacts .mon-contact-list b{font-size:21px;font-weight:400;color:#8e6d50}
.page-contacts .mon-contact-email{text-align:right;color:#5d5853;font-size:15px;margin:22px 0 0}
.page-contacts .mon-contact-email a{color:#795e44;border-bottom:1px solid #a58a70}
.page-contacts .mon-contact-office{background:var(--stone)}
.page-contacts .mon-contact-office-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,115px);align-items:start}
.page-contacts .mon-contact-office-copy .lead-copy{max-width:550px;margin:29px 0 24px}
.page-contacts .mon-contact-office-aside{max-width:450px;color:#5d5853;line-height:1.85;font-size:16px}
.page-contacts .mon-contact-office-facts{border-top:1px solid #b9ab9d}
.page-contacts .mon-contact-fact{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #c4b8a9;align-items:start}
.page-contacts .mon-contact-fact>span{font-size:12px;color:#806c5a;letter-spacing:.09em;text-transform:uppercase;padding-top:9px}
.page-contacts .mon-contact-fact strong{font:400 clamp(25px,2.55vw,37px)/1.28 var(--font-display)}
.page-contacts .mon-contact-fact>div{font-size:16px;line-height:1.9;color:#514d47}
.page-contacts .mon-contact-routes{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.page-contacts .mon-contact-routes a{color:#74573f;border-bottom:1px solid #ab9279}
.page-contacts .mon-contact-transfer{display:grid;grid-template-columns:235px 1fr;gap:35px;border-top:1px solid #b9ab9d;border-bottom:1px solid #b9ab9d;padding:30px 0;margin-top:63px;align-items:start}
.page-contacts .mon-contact-transfer span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#806c5a;line-height:1.7}
.page-contacts .mon-contact-transfer p{font-size:15px;line-height:1.8;max-width:710px;margin:0}
.page-contacts .mon-contact-first{padding:110px 0;background:#211f1d;color:#eee7de}
.page-contacts .mon-contact-first-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:clamp(42px,7vw,105px);align-items:center}
.page-contacts .mon-contact-first .display-heading{font-size:clamp(43px,4.7vw,72px)}
.page-contacts .mon-contact-first-copy p{font-size:17px;line-height:1.9;color:#c9c0b6;max-width:510px;margin:0 0 28px}
.page-contacts .mon-contact-first-action{padding:0;border:0;background:none;cursor:pointer;font-family:inherit}
.page-contacts .mon-contact-first-action:focus-visible,.page-contacts .mon-contact-list>button:focus-visible{outline:2px solid #b89b79;outline-offset:4px}
@media(max-width:900px){.page-contacts .mon-contact-office-grid{gap:38px}.page-contacts .mon-contact-fact{grid-template-columns:95px 1fr;gap:14px}.page-contacts .mon-contact-first-grid{gap:35px}}
@media(max-width:640px){.page-contacts .mon-contact-hero-image{background-position:64% center}.page-contacts .mon-contact-hero-shade{background:radial-gradient(ellipse 60% 16% at 62% 61%,rgba(19,19,18,.8),transparent),linear-gradient(90deg,rgba(19,19,18,.74),rgba(19,19,18,.30)),linear-gradient(0deg,rgba(19,19,18,.45),transparent 45%)}.page-contacts .mon-contact-hero .hero-slogan{font-size:clamp(45px,10.8vw,64px)}.page-contacts .mon-contact-hero-text>p{font-size:15px}.page-contacts .mon-contact-ways .section-heading-row{margin-bottom:38px}.page-contacts .mon-contact-list>a,.page-contacts .mon-contact-list>button{grid-template-columns:36px minmax(0,1fr) 19px;gap:11px;padding:22px 0}.page-contacts .mon-contact-list span{font-size:22px}.page-contacts .mon-contact-list h3{font-size:22px}.page-contacts .mon-contact-list p{grid-column:2;grid-row:2;margin-top:-4px;font-size:15px}.page-contacts .mon-contact-list b{grid-column:3;grid-row:1}.page-contacts .mon-contact-email{text-align:left;line-height:1.8}.page-contacts .mon-contact-office-grid,.page-contacts .mon-contact-first-grid{grid-template-columns:1fr;gap:37px}.page-contacts .mon-contact-office-copy .lead-copy{margin-top:22px}.page-contacts .mon-contact-fact{grid-template-columns:94px 1fr;padding:22px 0}.page-contacts .mon-contact-fact strong{font-size:25px}.page-contacts .mon-contact-fact>div{font-size:15px}.page-contacts .mon-contact-transfer{grid-template-columns:1fr;gap:12px;padding:22px 0;margin-top:47px}.page-contacts .mon-contact-first{padding:83px 0}.page-contacts .mon-contact-first .display-heading{font-size:clamp(43px,10vw,57px)}.page-contacts .mon-contact-first-copy p{font-size:15px}}
/* Первый экран этой страницы: правила стоят после общих из styles.css, поэтому обходятся без !important. */
@media(max-width:1023px){.page-contacts .mon-contact-hero-inner{padding:54px 0}}
@media(max-width:640px){.page-contacts .mon-contact-hero-inner{padding:48px 0 64px}}