/* Contact page: isolated from the partner and shared form layouts. */
.cm-contact-hero{padding:104px 0 20px;background:#a1bee5}
.cm-contact-hero__grid{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center}
.cm-contact-hero__copy{padding:32px 0}

.cm-contact-hero__copy .cosmed-eyebrow {
 margin: 0 0 21px;
 padding: 5px 12px 3px;
 border-radius: 100px;
 color: #0c121a;

 font-size: 10px;
 font-style: normal;
 font-weight: 400;
 line-height: 15px;
 letter-spacing: 1.8px;
 border: 1px solid rgba(255, 255, 255, 0.20);
 background: rgba(255, 255, 255, 0.50);
 backdrop-filter: blur(4px);
}
.cm-contact-hero h1{max-width:none;margin:0;font-size:clamp(48px,3.34vw,64px);line-height:1.05;letter-spacing:-.04em;color:#0c121a}
.cm-contact-hero h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.cm-contact-hero__media{align-self:center;width:100%;height:auto;aspect-ratio:872/635;border-radius:20px;overflow:hidden;background:transparent}
.cm-contact-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cm-contact-main{padding:128px 0;background:#fff}
.cm-contact-main__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;gap:16px}
.cm-contact-cards{display:grid;grid-template-columns:1fr;gap:16px;min-width:0}
.cm-contact-cards article,.cm-contact-cards article:first-child{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:24px;min-height:104px;padding:24px;border:1px solid #e2eef4;border-radius:20px}
.cm-contact-cards .cm-contact-cards__icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(281deg,#ffb5d4 11.39%,#9addff 90.27%)}
.cm-contact-cards__icon img{width:24px;height:24px}

.cm-contact-cards .cm-contact-cards__label {
 margin: 0 0 4px !important;
 font-size: 12px !important;
 line-height: 18px;

 color: #595E66 !important;
 font-style: normal;
 font-weight: 400;
 line-height: 16px; /* 133.333% */
 letter-spacing: 2.16px;
 text-transform: uppercase;
}
.cm-contact-cards p,.cm-contact-cards a{font-size:16px;font-weight: 500;line-height:1.5;color:#0c121a;overflow-wrap:anywhere}
.cm-contact-cards__phone{display:block}
.cm-contact-socials{margin-top:20px}

.cm-contact-socials > span {
 margin: 0 0 16px;
 font-size: 12px;
 line-height: 18px;
 letter-spacing: 2.16px;
 color: #0c121a80;

 color: var(--black-85, rgba(10, 16, 21, 0.85));
 font-family: Cosmed, Arial, sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: 140%; /* 19.6px */
 letter-spacing: 0.28px;
 text-transform: uppercase;
}
.cm-contact-socials>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cm-contact-socials a{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:24px}
.cm-contact-socials img{width:24px;height:24px;filter:brightness(0)}
.cm-contact-main__form{min-width:0;padding:40px;border-radius:20px;background:#f7f7f7}
.cm-contact-form{display:block;width:100%;margin:0}
.cm-contact-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cm-contact-field.form__i{position:relative;min-width:0;margin:0;grid-column:auto}
.cm-contact-field--full.form__i{grid-column:1/-1}
.cm-contact-form .cm-contact-field .form__input{box-sizing:border-box;display:block;width:100%;height:56px;min-height:56px;margin:0;padding:16px;border:1px solid #dedfe1;border-radius:12px;outline:none;box-shadow:none;background:#fff;color:#0c121a;font:400 14px/22px Cosmed,Arial,sans-serif;transition:padding .18s ease}
.cm-contact-form .cm-contact-field textarea.form__input{height:104px;resize:none}
.cm-contact-form .cm-contact-field>span{position:absolute;top:16px;left:16px;right:16px;margin:0;pointer-events:none;font-size:14px;line-height:22px;color:#757c85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top .18s ease,font-size .18s ease,line-height .18s ease}
.cm-contact-form .cm-contact-field .form__input:focus{padding:15px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(281deg,#f77db1 11.39%,#4ec3ff 90.27%) border-box;outline:none;box-shadow:none}
.cm-contact-form .cm-contact-field .form__input:focus+span,.cm-contact-form .cm-contact-field .form__input:not(:placeholder-shown)+span{top:6px;font-size:10px;line-height:14px}
.cm-contact-form .cm-contact-field .form__input:not(:placeholder-shown){padding:23px 16px 7px}
.cm-contact-form .cm-contact-field .form__input:focus{padding:22px 15px 6px}
.cm-contact-form .cm-contact-field .form__input._error{border-color:#d33}
.cm-contact-form .form__error{display:none}
.cm-contact-consent{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;cursor:pointer;font-size:12px;line-height:18px;color:#0c121a}
.cm-contact-consent>input[type="checkbox"]{position:static;display:block;appearance:auto;opacity:1;flex:0 0 16px;width:16px;height:16px;margin:1px 0 0;accent-color:var(--cm-green);cursor:pointer}
.cm-contact-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cm-contact-consent>input:focus-visible{outline:2px solid #4ec3ff;outline-offset:3px}
.cm-contact-consent._error>input{outline:1px solid #d33;outline-offset:2px}
.cm-contact-form>.cosmed-button{margin-top:24px;min-height:48px;color:#fff}
.cm-contact-form__status{margin:16px 0 0;font-size:14px;line-height:1.5;color:#243746}
.cm-contact-form__status:empty{display:none}
@media(max-width:1279px){
 .cm-contact-hero h1{font-size:42px}
 .cm-contact-main__form{padding:24px}
 .cm-contact-cards article,.cm-contact-cards article:first-child{gap:16px;padding:20px}
 .cm-contact-cards p,.cm-contact-cards a{font-size:16px}
}
@media(max-width:1023px){
 .cm-contact-main__grid{grid-template-columns:1fr;gap:40px}
 .cm-contact-hero h1{font-size:36px}
}
@media(max-width:767px){
 .cm-contact-hero{padding:96px 0 56px}
 .cm-contact-hero__grid{grid-template-columns:1fr;gap:24px}
 .cm-contact-hero__copy{padding:0}
 .cm-contact-hero__copy .cosmed-eyebrow{margin-bottom:16px;font-size:10px;letter-spacing:1.8px}
 .cm-contact-hero h1{font-size:36px;line-height:1.05}
 .cm-contact-hero__media{border-radius:16px}
 .cm-contact-main{padding:56px 0}
 .cm-contact-main__grid{gap:36px}
 .cm-contact-cards{gap:12px}
 .cm-contact-cards article,.cm-contact-cards article:first-child{min-height:96px;padding:16px;gap:16px;border-radius:16px}
 .cm-contact-socials{margin-top:24px}
 .cm-contact-main__form{padding:24px 16px;border-radius:16px}
 .cm-contact-form__grid{grid-template-columns:1fr;gap:12px}
 .cm-contact-form>.cosmed-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.cm-contact-form .cm-contact-field .form__input,.cm-contact-form .cm-contact-field>span{transition:none}}
@media(min-width:1024px){
 .cm-contact-hero h1{font-size:64px}
}
