/* Additions to the untouched moban styles: final image fitting and inquiry UI. */
.resinwise-picture-hero {padding:0!important;background:#f4f2ef}
.resinwise-picture-hero > picture {display:block;position:relative;height:max(580px,41.667vw);max-height:800px}
.resinwise-picture-hero > picture img {position:absolute;right:0;top:0;width:54%!important;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 12%)}
.resinwise-picture-hero > .position-absolute {z-index:1}
.resinwise-picture-hero .col-md-6 {padding-right:24px}
.resinwise-picture-hero:has(ul) > picture {height:max(680px,41.667vw)}
.resinwise-concept-caption {position:absolute;right:20px;bottom:14px;z-index:2;font-size:11px;letter-spacing:.02em;color:#4e4c55;background:#fffdf2e6;padding:5px 9px;border-radius:4px}
.resinwise-directory-hero > picture img {width:100%!important;opacity:.3;mask-image:none;object-position:center}
.resinwise-directory-hero > picture {height:560px}
.resinwise-directory-hero > .position-absolute {background:linear-gradient(90deg,#faf8f240,#faf8f2e8 32%,#faf8f2e8 68%,#faf8f240)}
.header-menu-ul > li:first-child > .sub-menu {max-height:75vh;overflow-y:auto}
.resinwise-square-concept {aspect-ratio:1;object-fit:contain;background:#f4f2ef}
.float-btn {background:#625dff;box-shadow:0 8px 24px #625dff30}
.float-btn:hover {background:#4d47db;box-shadow:0 12px 30px #625dff40}
.float-btn__icon {color:#625dff}
.float-btn__icon svg {fill:currentColor}
.field-note {display:block;color:#595b65;font-size:13px;font-weight:400;line-height:1.6;margin-top:7px}
.optional {font-weight:400;color:#595b65;font-size:13px}
.honey {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#inquiry-form .form-control,#inquiry-form .form-select {border-color:#c9cbd1;min-height:46px;color:#202229}
#inquiry-form .form-control:focus,#inquiry-form .form-select:focus {border-color:#625dff;box-shadow:0 0 0 .2rem #625dff20}
#inquiry-form .consent {display:flex;gap:12px;align-items:flex-start;margin:24px 0;font-size:14px;line-height:1.65}
#inquiry-form .consent input {width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#625dff}
#inquiry-form .consent a {color:#4a45cc;text-decoration:underline}
#form-status:not(:empty) {padding:16px;margin-top:20px;background:#f4f2ff;border-radius:8px;font-size:15px;line-height:1.7}
#form-status.success {background:#e8f7ed;color:#1e6035}
#form-status.error {background:#fff0ef;color:#922b24}
#download-brief {font-size:14px;text-decoration:underline;margin-top:12px}
[hidden] {display:none!important}
@media (min-width:768px) and (max-width:1049px) {
 .resinwise-picture-hero > picture {height:620px}
 .resinwise-picture-hero:has(ul) > picture {height:760px}
 .resinwise-picture-hero > picture img {width:52%!important;object-fit:contain}
 .resinwise-directory-hero > picture img {width:100%!important;object-fit:cover}
}
/* Let the home hero grow with its copy between the mobile and desktop layouts. */
@media (min-width:768px) and (max-width:991.98px) {
 .resinwise-picture-hero:has(ul) {display:grid}
 .resinwise-picture-hero:has(ul) > picture,
 .resinwise-picture-hero:has(ul) > .position-absolute {grid-area:1 / 1}
 .resinwise-picture-hero:has(ul) > picture {height:100%;min-height:760px;max-height:none}
 .resinwise-picture-hero:has(ul) > .position-absolute {position:relative!important}
}
@media (max-width:767.98px) {
 .float-btn__icon {color:#fff}
 .resinwise-picture-hero > picture {height:780px;max-height:none}
 .resinwise-picture-hero:has(ul) > picture {height:970px}
 .resinwise-picture-hero > picture img {top:auto;bottom:0;width:100%!important;height:390px;object-fit:cover;mask-image:linear-gradient(180deg,transparent,#000 16%)}
 .resinwise-picture-hero .col-md-6 {padding-right:0}
 .resinwise-picture-hero .col-md-6 > div > p {max-width:500px;margin-left:auto;margin-right:auto}
 .resinwise-picture-hero > .position-absolute > .container > .d-flex {align-items:flex-start!important;padding-top:46px!important}
 .resinwise-concept-caption {font-size:10px;right:12px;bottom:12px}
 .resinwise-directory-hero > picture {height:610px}
 .resinwise-directory-hero > picture img {height:100%;opacity:.24;mask-image:none}
 .resinwise-directory-hero > .position-absolute > .container > .d-flex {align-items:center!important;padding-top:0!important}
 .resinwise-directory-hero > .position-absolute {background:#faf8f260}
}