@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Noto+Serif:ital,wght@0,400;1,400&display=swap');
#contact{background:#28362e;background-image:none;color:#f4f1e8;padding:100px 0;font-family:'Manrope',Arial,sans-serif;scroll-margin-top:100px}
#contact .container{max-width:1240px;padding-left:35px;padding-right:35px}
#contact .row{align-items:flex-start}
/* The standalone preview uses its own grid rather than Bootstrap. */
body:has(.header) #contact .container{margin:auto}
body:has(.header) #contact .row{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;text-align:left}
body:has(.header) #contact .left-content{padding-right:0}
body:has(.header) #contact .info .fas{display:none}
body:has(.header) #contact .alert{padding:16px;margin-bottom:20px}
body:has(.header) #contact .alert-danger{background:#f8d7da;color:#721c24}
body:has(.header) #contact .alert-success{background:#d4edda;color:#155724}
@media(max-width:991px){body:has(.header) #contact .row{grid-template-columns:1fr;gap:0}}
#contact h2,#contact p{width:100%;margin-left:0;margin-right:0}
#contact .form input[type=submit]{height:auto;min-height:52px}
#contact .left-content{padding-right:70px;text-align:left}
#contact .text{margin:0 0 42px;padding:0}
#contact h2{font-family:'Noto Serif',Georgia,serif;font-size:clamp(35px,4vw,54px);font-weight:400;letter-spacing:-.045em;line-height:1.25;color:#f4f1e8;margin:22px 0}
#contact h2 em{font-weight:400;color:#c5bf9e}
#contact p{color:#c7cdbf;text-align:left;font-size:13px;line-height:1.9}
#contact .contact-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:600;color:#bfc7b9}
#contact .contact-intro{max-width:370px}
#contact .info{margin-top:40px}
#contact .info p{margin-bottom:12px}
#contact .info i{color:#aeb69e;font-size:13px}
#contact a{color:#f4f1e8}
#contact a:hover{color:#c5bf9e}
#contact .contact-form{padding-top:4px}
#contact .form{margin:0;width:100%;text-align:left}
#contact label{display:block;font-size:11px;letter-spacing:.03em;margin:0 0 8px;color:#f4f1e8}
#contact .form input:not([type=submit]),#contact .form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #758173;border-radius:0;padding:10px 0 15px;margin:0 0 25px;color:#f4f1e8;font-family:inherit;font-size:13px;box-shadow:none;outline-offset:5px;line-height:1.8}
#contact .form textarea{min-height:130px;resize:vertical}
#contact .form input::placeholder,#contact .form textarea::placeholder{color:#b2bbae;opacity:1}
#contact .form input:focus-visible,#contact .form textarea:focus-visible,#contact a:focus-visible{outline:2px solid #c5bf9e;outline-offset:5px}
#contact .form input[type=submit]{width:100%;background:#f4f1e8;color:#28362e;border:1px solid #f4f1e8;border-radius:0;padding:16px 24px;margin:0;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
#contact .form input[type=submit]:hover{background:#c5bf9e;border-color:#c5bf9e;color:#28362e}
#contact .alert{font-size:13px;border-radius:0;line-height:1.7}
@media(max-width:991px){#contact{padding:65px 0}#contact .left-content{padding-right:15px;margin-bottom:45px}#contact .text{margin-bottom:25px}#contact .info{margin-top:25px}#contact .contact-form{padding-top:0}#contact .form{max-width:none}}
@media(max-width:575px){#contact .container{padding-left:26px;padding-right:26px}#contact .contact-eyebrow{font-size:8px}#contact h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){#contact .form input[type=submit]{transition:none}}