.co-contact{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(56px,8vw,120px);background-color:var(--co-blue-light)}.co-contact-bg{z-index:0;overflow:clip}.co-contact-bg img{width:100%;height:100%;object-fit:cover}.co-contact-bg-img{--co-parallax-zoom: 1.2;--co-parallax-shift: 7%}@keyframes co-contact-bg-parallax{0%{transform:scale(var(--co-parallax-zoom, 1.2)) translateY(var(--co-parallax-shift, 7%))}to{transform:scale(var(--co-parallax-zoom, 1.2)) translateY(calc(var(--co-parallax-shift, 7%) * -1))}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.co-contact-bg-img{animation:co-contact-bg-parallax linear both;animation-timeline:view();animation-range:cover;will-change:transform}}}.co-contact-inner{position:relative;z-index:1;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}.co-contact-heading{margin:0 0 clamp(24px,4vw,46px);text-align:center;color:var(--cc-heading, var(--co-black));font-size:clamp(40px,6vw,82px);line-height:1;text-transform:uppercase}.co-contact-fields{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,18px)}.co-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.5vw,18px)}.co-contact-field{width:100%;padding:clamp(13px,1.3vw,18px) clamp(18px,2vw,26px);border:2px solid var(--co-black);border-radius:999px;background:var(--cc-field, var(--co-blue-light));color:var(--co-black);font-family:var(--co-dm-sans);font-size:16px;line-height:1.4;transition:box-shadow .16s ease}.co-contact-field::placeholder{color:var(--co-black);opacity:.8}.co-contact-field:focus-visible{outline:none;box-shadow:0 0 0 3px #21211f47}.co-contact-field--area{border-radius:clamp(20px,3vw,34px);min-height:clamp(180px,26vw,300px);resize:vertical}.co-contact-cta{display:flex;justify-content:center;margin-top:clamp(8px,1.4vw,16px);background:transparent}.co-contact-cta .button,.co-contact-cta .button-secondary{min-width:130px}.co-contact-note{margin:0 0 clamp(14px,2vw,20px);padding:clamp(12px,1.4vw,16px) clamp(16px,2vw,22px);border:2px solid var(--co-black);border-radius:16px;background:#fff;color:var(--co-black);font-size:clamp(14px,1.1vw,16px)}.co-contact-note:focus{outline:none}.co-contact-note--ok{background:var(--co-green);text-align:center;font-weight:600;font-size:clamp(15px,1.3vw,18px)}.co-contact-note--err{background:#fff}.co-contact-note--err ul{margin:0;padding-inline-start:1.2em}@media screen and (max-width:749px){.co-contact-row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/co-styles-contact-hero.css.map */
