.contact-introduction{grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding-block:70px 60px;display:grid}.contact-introduction h1{max-width:13ch;margin:22px 0;font-size:clamp(44px,5.3vw,80px);line-height:1.03}.contact-introduction>div>p:not(.eyebrow){max-width:52ch;color:var(--studio-muted);font-size:18px}.contact-postcard{border:1px solid var(--studio-border);background:color-mix(in srgb,#97ad98 16%,var(--studio-bg));box-shadow:10px 14px 0 var(--studio-panel);border-radius:12px;padding:32px;transform:rotate(4deg)}.contact-postcard>div{letter-spacing:.08em;justify-content:space-between;gap:14px;font-size:12px;display:flex}.contact-postcard strong{font-family:var(--font-heading);margin:30px 0;font-size:42px;line-height:1.1;display:block}.contact-postcard em{color:var(--studio-red);font-weight:400;display:block}.contact-postcard-line{background:var(--studio-border);width:90%;height:1px;margin:18px 0;display:block}.contact-postcard-line.short{width:65%}.contact-postcard-sign{margin-top:26px;font-size:14px;display:block;transform:rotate(-5deg)}.contact-next{margin:32px 0;padding:0;list-style:none}.contact-next li{border-top:1px solid var(--studio-border);gap:16px;padding:20px 0;display:flex}.contact-next svg{color:var(--studio-red);flex-shrink:0;margin-top:4px}.contact-next p{margin-top:6px;font-size:15px}.contact-experience-grid{border-top:1px solid var(--studio-border)}.contact-experience-grid .contact-form{border-radius:18px}.contact-experience-grid .contact-aside h2{font-size:clamp(28px,3vw,44px);line-height:1.12}@media (max-width:800px){.contact-introduction{grid-template-columns:1fr 1fr;gap:35px}.contact-postcard{padding:24px}.contact-postcard strong{font-size:34px}}@media (max-width:600px){.contact-introduction{grid-template-columns:1fr;gap:30px;padding-block:40px}.contact-introduction h1{font-size:48px}.contact-postcard{width:90%;max-width:360px;margin:auto}.contact-experience-grid .contact-aside{order:2}.contact-experience-grid .contact-form{order:1}.contact-experience-grid{padding-top:32px}.contact-introduction>div>p:not(.eyebrow){font-size:16px}}.contact-introduction .text-link{min-height:44px;margin-top:22px}.contact-form input,.contact-form textarea,.contact-form select{scroll-margin-top:100px}
