
#contact.f1rma-contact{position:relative;isolation:isolate;overflow:hidden;padding:85px 0;background:#e8e0fc;color:#161922;scroll-margin-top:90px}
#contact.f1rma-contact:before,#contact.f1rma-contact:after{content:"";position:absolute;z-index:-1;background:#f6f4ef;transform:rotate(-35deg);width:140%;height:160px;left:-20%;top:70px}
#contact.f1rma-contact:after{top:auto;bottom:-80px;background:#bda6f4;height:190px}
#contact .contact-composition{position:relative;width:calc(100% - 120px);max-width:1120px;margin:auto;padding-left:120px}
#contact .contact-surface{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);background:#fff;border:1px solid #e4ddec;border-radius:24px;box-shadow:0 25px 80px #37205118;overflow:hidden;min-height:540px}
#contact *{box-sizing:border-box}
#contact .contact-photo{position:relative;margin:0;min-height:540px;background:#171b22}
#contact .contact-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 12%}
#contact .contact-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b11220d 20%,#0b1122cf)}
#contact .contact-photo figcaption{position:absolute;z-index:1;bottom:30px;left:30px;right:22px;color:#fff;font:400 28px/1.15 Georgia,serif!important;letter-spacing:-.03em}
#contact .contact-photo figcaption small{display:block;font:700 10px/1.5 Arial,sans-serif!important;letter-spacing:.17em;color:#dbceff;margin-bottom:12px}
#contact .contact-information{position:absolute;z-index:2;top:115px;left:0;width:240px;background:#fff;border:1px solid #e8e3ed;border-radius:17px;padding:25px;box-shadow:0 12px 50px #15112a1c}
#contact .contact-detail{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;margin-bottom:25px}
#contact .contact-detail:last-child{margin-bottom:0}
#contact .contact-detail svg{width:20px;height:20px;color:#7953e9;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#contact .contact-detail strong{display:block;font:600 14px/1.4 Arial,sans-serif!important;color:#191c27;margin-bottom:5px}
#contact .contact-detail p,#contact .contact-detail a{font:400 12px/1.6 Arial,sans-serif!important;color:#666372;margin:0;overflow-wrap:anywhere}
#contact .contact-detail a{text-decoration:none}#contact .contact-detail a:hover{text-decoration:underline}
#contact .contact-form-panel{padding:36px 45px 32px;min-width:0}
#contact .contact-kicker{font:700 10px/1.5 Arial,sans-serif!important;letter-spacing:.18em;color:#7953e9;margin:0 0 8px}
#contact h2{font:500 34px/1.15 Georgia,serif!important;letter-spacing:-.035em;color:#141822;margin:0 0 10px}
#contact .contact-description{font:400 13px/1.6 Arial,sans-serif!important;color:#716b79;margin:0 0 22px;max-width:420px}
#contact form{display:grid;gap:15px}
#contact label{display:grid;gap:7px;font:600 12px/1.5 Arial,sans-serif!important;color:#2b2c35}
#contact input,#contact textarea{width:100%;min-width:0;border:1px solid #e9e5ee;background:#f3f4f8;border-radius:7px;padding:12px 13px;color:#20232c;font:400 14px/1.5 Arial,sans-serif!important;box-shadow:none}
#contact textarea{resize:vertical;min-height:102px;max-height:300px}
#contact input::placeholder,#contact textarea::placeholder{color:#85808f;opacity:1}
#contact .contact-submit,#contact .contact-email-link{display:flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:24px;background:#202535;color:white;min-height:44px;padding:12px 20px;font:600 13px/1.5 Arial,sans-serif!important;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
#contact .contact-submit:hover,#contact .contact-email-link:hover{background:#6d46cc;transform:translateY(-1px)}
#contact a:focus-visible,#contact button:focus-visible,#contact input:focus-visible,#contact textarea:focus-visible{outline:3px solid #7953e9!important;outline-offset:3px!important}
#contact .contact-note,#contact .contact-result p{font:400 11px/1.6 Arial,sans-serif!important;color:#726b7c;margin:0}
#contact .contact-result{padding:15px;border:1px solid #d8c9f7;border-radius:9px;background:#f4efff;display:grid;gap:12px}
#contact .contact-result[hidden]{display:none}
#contact .contact-copy{border:1px solid #d1c7e3;background:#fff;color:#41324f;font:600 12px/1.5 Arial,sans-serif!important;border-radius:20px;min-height:36px;cursor:pointer}
#contact .contact-brand-badge{position:absolute;right:-22px;top:50px;z-index:3;width:78px;height:78px;display:grid;place-items:center;border-radius:18px;background:#7651e8;border:1px solid #b59efb;box-shadow:0 12px 30px #7953e94d;color:white;font:700 23px/1 Georgia,serif!important}
@media(max-width:900px){#contact .contact-composition{padding-left:80px;width:calc(100% - 60px)}#contact .contact-information{width:205px;padding:20px}#contact .contact-form-panel{padding:32px 26px}#contact .contact-brand-badge{right:-12px;width:60px;height:60px;font-size:19px!important}#contact .contact-photo figcaption{left:22px;font-size:24px!important}}
@media(max-width:650px){#contact.f1rma-contact{padding:45px 0}#contact .contact-composition{width:calc(100% - 36px);padding:0}#contact .contact-surface{grid-template-columns:1fr;border-radius:18px}#contact .contact-photo{min-height:270px}#contact .contact-photo figcaption{bottom:23px;left:23px;max-width:210px}#contact .contact-information{position:relative;top:auto;left:auto;width:auto;margin:-18px 16px 20px;padding:20px;box-shadow:0 8px 24px #15112a12}#contact .contact-form-panel{padding:22px}#contact .contact-brand-badge{right:16px;top:20px}#contact h2{font-size:30px!important}#contact .contact-description{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){#contact .contact-submit,#contact .contact-email-link{transition:none;transform:none}}

@media(max-width:650px){#contact .contact-photo img{object-position:50% 18%}}
