#contactWrapper{background-color:var(--black);color:var(--white);min-height:100vh;}
body:has(#contactWrapper),
html:has(#contactWrapper){background-color:var(--black);color:var(--white);}
body:has(#contactWrapper) .svglogoNoMorph,
body:has(#contactWrapper) .svglogoNoMorph-WovenPlace{fill:var(--white);}
#contactWrapper .flexRow{display:flex;position:relative;width:100%;height:auto;}
#contactWrapper .contactInfoWrapper{padding:var(--widthOffset);display:flex;flex-direction:column;gap:4rem;}
#contactWrapper .contactTitle{font-size:44px;line-height:125%;color:var(--white);margin:0;padding:0;}
#contactWrapper .contactTitle::before{content:"";height:2px;width:160px;background-color:var(--white);display:block;margin-bottom:15px;}
#contactWrapper.showroomPage .contactLocations{flex-direction:column;}
#contactWrapper .showroomDesc{display:block;max-width:36em;line-height:1.5;margin:0 0 2em 0;color:var(--white);font-size:1rem;}
#contactWrapper .contactLocation strong,
#contactWrapper .contactLocation span,
#contactWrapper .contactLocation a{display:block;line-height:1.5;}
#contactWrapper .locationTitle{margin-bottom:.5em;text-transform:uppercase;}
#contactWrapper .contactLocation a.locationTitle{margin-top:0;color:var(--white);text-decoration:none;}
#contactWrapper .contactLocation a.locationTitle:hover{text-decoration:underline;}
#contactWrapper .contactLocations{display:flex;gap:2em;}
#contactWrapper .contactLocation a{font-family:var(--bold);margin-top:1em;color:var(--white);}
#contactWrapper .contactBannerWrapper{height:48vh;width:100vw;position:relative;}
#contactWrapper .contactBanner-Inner{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
#contactWrapper .contactBannerImg{width:100%;height:100%;object-fit:cover;}
#contactWrapper .contact_form{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:1em;}
#contactWrapper .contact_form input,
#contactWrapper .contact_form select,
#contactWrapper .contact_form textarea{background-color:#2F2F2F;border:none;font-size:12px;padding:1rem;color:var(--white);width:100%;border-radius:0;appearance:none;-webkit-appearance:none;}
#contactWrapper .contact_form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23808080' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:10px;padding-right:2.5rem;text-transform:uppercase;cursor:pointer;color:grey;min-height:44px;}
#contactWrapper .contact_form select:has(option[value=""]:checked){color:grey;}
#contactWrapper .contact_form select:has(option:checked:not([value=""])){color:var(--white);}
#contactWrapper .contact_form select option{color:var(--black);background-color:#fff;}
#contactWrapper .contact_form select option[value=""]{color:grey;}
#contactWrapper .contact_form input:active,
#contactWrapper .contact_form input:focus,
#contactWrapper .contact_form select:active,
#contactWrapper .contact_form select:focus,
#contactWrapper .contact_form textarea:active,
#contactWrapper .contact_form textarea:focus{background-color:#4A4A4A;color:var(--white);transition:background-color 200ms ease-in;outline:none;}
#contactWrapper .contact_form select:active,
#contactWrapper .contact_form select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.41.59 6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E");}
#contactWrapper .contact_form input::placeholder,
#contactWrapper .contact_form textarea::placeholder{text-transform:uppercase;}
#contactWrapper input:-webkit-autofill,
#contactWrapper input:-webkit-autofill:hover,
#contactWrapper input:-webkit-autofill:focus,
#contactWrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #4A4A4A inset!important;-webkit-text-fill-color:white!important;font-family:var(--medium);}
#contactWrapper .contact_form textarea{resize:none;width:100%;}
#contactWrapper .contactFormWrapper,
#contactWrapper .contactInfo-Left,
#contactWrapper .inputWrapper,
#contactWrapper .inputWrapper input,
#contactWrapper .inputWrapper select{width:100%;}
#contactWrapper .contact_form .flexRow{gap:1em;}
#contactWrapper .contactMessageBox{min-height:84px;vertical-align:text-top;}
#contactWrapper .submitBtn{width:100%;height:44px;color:var(--white);background-color:#2F2F2F;transition:background-color 300ms ease-out;}
#contactWrapper .submitBtn:hover{color:var(--white);background-color:#4A4A4A;transition:background-color 200ms ease-in;}
#contactWrapper .submitBtn:focus,
#contactWrapper .submitBtn:active{background-color:#7D7D7D;transition:background-color 200ms ease-in-out;}
#contactWrapper #contactSuccessModal .modal-content{max-width:430px;background-color:#ffffff8f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--black);}
#contactWrapper #contactSuccessModal .modal_body{padding:20px 0 10px;text-align:center;}
#contactWrapper #contactSuccessModal .modal_body p{margin:0 0 12px;line-height:1.5;}
#contactWrapper #contactSuccessModal .modal_body p:last-child{margin-bottom:0;}
#contactWrapper #contactSuccessModal .modal_body strong{font-family:var(--medium);text-transform:lowercase;}
@media (max-width: 1012px){#contactWrapper .contactInfoWrapper{padding:var(--widthOffset);margin-top:0;}
#contactWrapper .flexRow{flex-direction:column;gap:4em;}
#contactWrapper .contactTitle{font-size:6vw;}
#contactWrapper .contactLocations{gap:3em;flex-direction:column;}}
#contactWrapper.showroomPage{display:block;min-height:100vh;background-color:var(--black);color:var(--white);overflow:visible;}
#contactWrapper.showroomPage .showroomMedia{position:fixed;top:0;left:0;width:55%;height:100vh;overflow:hidden;z-index:1;}
#contactWrapper.showroomPage .showroomMediaImg{width:100%;height:100%;object-fit:cover;display:block;will-change:transform, opacity;}
#contactWrapper.showroomPage .showroomContentInner > .contactTitle,
#contactWrapper.showroomPage .showroomContentInner > .contactLocations,
#contactWrapper.showroomPage .showroomContentInner > .showroomCollections,
#contactWrapper.showroomPage .showroomContentInner > .contactFormWrapper{will-change:transform, opacity;}
@media (prefers-reduced-motion: no-preference){#contactWrapper:not(.has-entered):not(.showroomPage) .contactBannerImg,
    #contactWrapper:not(.has-entered):not(.showroomPage) .contactTitleWrpper,
    #contactWrapper:not(.has-entered):not(.showroomPage) .contactInfo-Left,
    #contactWrapper:not(.has-entered):not(.showroomPage) .contactFormWrapper,
    #contactWrapper.showroomPage:not(.has-entered) .showroomMediaImg,
    #contactWrapper.showroomPage:not(.has-entered) .showroomContentInner > .contactTitle,
    #contactWrapper.showroomPage:not(.has-entered) .showroomContentInner > .contactLocations,
    #contactWrapper.showroomPage:not(.has-entered) .showroomContentInner > .showroomCollections,
    #contactWrapper.showroomPage:not(.has-entered) .showroomContentInner > .contactFormWrapper{opacity:0;visibility:hidden;}}
#contactWrapper.showroomPage .showroomContent{position:relative;margin-left:55%;width:42%;min-height:100vh;background-color:var(--black);color:var(--white);z-index:2;}
#contactWrapper.showroomPage .showroomContentInner{padding:120px var(--widthOffset) 80px;display:flex;flex-direction:column;gap:2.5rem;box-sizing:border-box;}
#contactWrapper.showroomPage .contactTitle{margin:0;font-size:40px;}
#contactWrapper.showroomPage .contactLocations{display:flex;flex-direction:column;gap:4em;}
#contactWrapper.showroomPage .showroomDesc{margin:0;max-width:none;}
#contactWrapper.showroomPage .contactFormWrapper{width:100%;}
#contactWrapper.showroomPage .showroomFormTitle{font-size:12px;line-height:1.4;font-family:var(--medium);color:var(--white);margin:0 0 1.25em;padding:0;text-transform:uppercase;}
#contactWrapper.showroomPage .showroomCollections{display:flex;flex-direction:column;gap:1em;}
#contactWrapper.showroomPage .showroomCollections .showroomFormTitle{margin:0;}
#contactWrapper.showroomPage .showroomCollectionList,
#contactWrapper.showroomPage .showroomCollectionList li{list-style:none;margin:0;padding:0;}
#contactWrapper.showroomPage .showroomCollectionList{display:flex;flex-direction:column;gap:0.5em;}
#contactWrapper.showroomPage .showroomCollectionList a{display:block;color:var(--white);text-decoration:none;text-transform:uppercase;font-family:var(--medium);line-height:1.5;}
#contactWrapper.showroomPage .showroomCollectionList a:hover,
#contactWrapper.showroomPage .showroomCollectionList a:focus-visible{text-decoration:underline;}
#contactWrapper.showroomPage .contact_form{justify-content:flex-start;height:auto;}
#contactWrapper.showroomPage .contact_form .flexRow{flex-direction:column;gap:1em;}
#contactWrapper.showroomPage .showroomFormFooter{gap:1.25em;}
@media (max-width: 1012px){#contactWrapper.showroomPage .showroomMedia{position:relative;width:100%;height:40vh;}
#contactWrapper.showroomPage .showroomContent{margin-left:0;width:100%;min-height:auto;}
#contactWrapper.showroomPage .showroomContentInner{padding:60px var(--widthOffset) 60px;}
#contactWrapper.showroomPage .contactTitle{font-size:6vw;}}