/* Contact page. Builds on style.css, home.css (section width, eyebrow, h2) and catalog.css. */
.contact-page main>section h1{font-size:clamp(48px,5vw,72px);margin:0 0 24px}
.ct{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,96px);align-items:center;padding-top:56px;margin-bottom:120px}
.ct .intro{font-size:19px;line-height:1.6;margin:0 0 30px;max-width:480px}
.ct-address{margin:16px 0 0;font-size:15px;color:#626466}
.ct-address b{color:var(--ink);font-weight:600;user-select:all}
.ct-cubi{background:#d3faf2;border-radius:120px 28px 28px 28px;aspect-ratio:1/.8;display:grid;place-items:center}
.ct-cubi img{width:58%;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ct-cubi:hover img{transform:rotate(-3deg) translateY(-6px)}
.ct-reasons ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ct-reasons li{display:flex;flex-direction:column;background:#f0ede2;border-radius:28px;padding:32px 30px 30px}
.ct-reasons b{font:600 21px/1.25 Rubik,sans-serif;letter-spacing:-.01em;margin-bottom:10px}
.ct-reasons p{margin:0;font-size:15px;line-height:1.6;color:#45484b;flex:1}
.ct-reasons p a{font-weight:600;background:var(--marker-mint) no-repeat 0 92%/100% .45em}
.ct-reasons .soft-link{align-self:flex-start;font-weight:600;font-size:15px}
@media(max-width:1000px){.ct{grid-template-columns:1fr;gap:40px}.ct-reasons ul{grid-template-columns:1fr}}
@media(max-width:760px){.ct{padding-top:32px;margin-bottom:84px}.ct-cubi{border-radius:72px 22px 22px 22px}.ct-reasons li{padding:26px 24px}}
.ct-mail .ct-ico{width:20px;height:20px;flex:none}
