.contact-modal{max-height:calc(100dvh - 32px);transform:translate(-50%,-50%)}.contact-modal .demo-section{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);max-height:calc(100dvh - 32px)}.contact-modal .demo-form-panel{justify-content:flex-start;min-height:0;padding:26px 30px;overflow-y:auto}.contact-modal .contact-sub{color:#657973;margin:6px 0 0;font-size:13px}.contact-modal .contact-link{all:unset;cursor:pointer;color:#2b635b;text-underline-offset:2px;font-weight:600;text-decoration:underline}.contact-modal .demo-form .booking-form-wide{grid-column:1/-1}.contact-modal .demo-textarea{height:96px}.contact-modal .demo-section{grid-template-rows:minmax(0,1fr);height:min(900px,100dvh - 32px)}.contact-modal .demo-form-panel{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;height:100%}.contact-modal .demo-form-panel::-webkit-scrollbar{display:none}.contact-modal .demo-brand-bg{-o-object-position:62% center;object-position:62% center;transform:none}.contact-modal .contact-error{color:#b42318;letter-spacing:0;text-transform:none;font-size:11px;font-weight:500}.contact-modal .contact-counter{letter-spacing:0;color:#9aa69f;justify-self:end;font-size:11px;font-weight:500}.contact-modal .demo-form-hint{letter-spacing:0;text-transform:none;color:#657973;font-size:11px;font-weight:400}.contact-modal .contact-chips{flex-wrap:wrap;gap:6px;display:flex}.contact-modal .contact-chip{all:unset;box-sizing:border-box;cursor:pointer;color:#173b3e;letter-spacing:0;text-transform:none;background:#fff;border:1px solid #d6ddd5;border-radius:999px;padding:7px 12px;font:500 12.5px/1.2 system-ui,sans-serif;transition:all .15s}.contact-modal .contact-chip:hover{border-color:#2b635b}.contact-modal .contact-chip.is-on{color:#fff;background:#173b3e;border-color:#173b3e}.contact-modal .contact-patterns{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.contact-modal .contact-pattern{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;letter-spacing:0;text-transform:none;color:#173b3e;gap:5px;font:500 11px/1.2 system-ui,sans-serif;display:grid}.contact-modal .contact-pattern img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:2px solid #0000;border-radius:8px;width:100%;transition:all .15s;box-shadow:0 0 0 1px #d6ddd5}.contact-modal .contact-pattern:hover img{box-shadow:0 0 0 1px #2b635b}.contact-modal .contact-pattern.is-on img{border-color:#fff;box-shadow:0 0 0 2px #173b3e}.contact-modal .contact-chips{gap:8px}.contact-modal .contact-chip{padding:8px 14px}.contact-modal .demo-field:has(.contact-topics)>span:first-child{letter-spacing:.04em;margin-bottom:4px}.contact-modal .contact-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.contact-modal .contact-topic{all:unset;box-sizing:border-box;cursor:pointer;color:#173b3e;letter-spacing:0;text-transform:none;text-align:left;background:#fafaf7;border:1px solid #d6ddd5;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.25;transition:background .15s,border-color .15s;display:flex}.contact-modal .contact-topic:hover{border-color:#2b635b}.contact-modal .contact-topic:focus-visible{outline-offset:2px;outline:2px solid #2b635b}.contact-modal .contact-topic svg{visibility:hidden;flex:none}.contact-modal .contact-topic.is-on{color:#1f4a3a;background:#dfe9df;border-color:#7f9f85}.contact-modal .contact-topic.is-on svg{color:#3f6f52;visibility:visible}@media (width>=641px){.contact-modal .contact-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.contact-modal .contact-topic{white-space:nowrap;justify-content:center;gap:4px;min-height:40px;padding:0 16px;font-size:14px;position:relative}.contact-modal .contact-topic svg{width:12px;height:12px;position:absolute;right:3px}}@media (width<=640px){.contact-modal .contact-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=340px){.contact-modal .contact-topics{grid-template-columns:1fr}}.contact-modal .contact-curtain-panel{background:#fff;border:1px solid #e0e2da;border-radius:12px;gap:12px;padding:14px;display:grid}.contact-modal .contact-panel-head{letter-spacing:0;text-transform:none;color:#657973;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.contact-modal .contact-count{color:#173b3e;font-weight:650}.contact-modal .contact-patterns{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.contact-modal .contact-pattern{text-align:left;background:#f7f5ef;border:1px solid #e0e2da;border-radius:10px;align-items:center;gap:10px;padding:7px 12px 7px 7px;font-size:13.5px;transition:border-color .15s,background .15s;display:flex}.contact-modal .contact-pattern:hover{border-color:#2b635b}.contact-modal .contact-swatch{border-radius:7px;flex:none;width:56px;height:56px;overflow:hidden;box-shadow:0 0 0 1px #d6ddd5}.contact-modal .contact-pattern .contact-swatch img{aspect-ratio:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 75%;object-position:50% 75%;transform-origin:50% 75%;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;transform:scale(2)}.contact-modal .contact-pattern span{flex:1;min-width:0}.contact-modal .contact-pattern i{color:#fff;border:1.5px solid #c9d1c8;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.contact-modal .contact-pattern.is-on{background:#fff;border-color:#173b3e}.contact-modal .contact-pattern.is-on i{background:#173b3e;border-color:#173b3e}.contact-modal .contact-pattern.is-on span{font-weight:650}.contact-modal .contact-mesh{border-top:1px solid #ecede7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.contact-modal .contact-mesh-label{letter-spacing:.09em;color:#546b64;font-size:10px;font-weight:700}.contact-modal .contact-segment{background:#f7f5ef;border:1px solid #d6ddd5;border-radius:8px;display:inline-flex;overflow:hidden}.contact-modal .contact-segment button{all:unset;cursor:pointer;color:#173b3e;border-left:1px solid #d6ddd5;padding:7px 14px;font:500 12.5px/1.2 system-ui,sans-serif;transition:background .15s}.contact-modal .contact-segment button:first-child{border-left:0}.contact-modal .contact-segment button:hover{background:#e7ebe2}.contact-modal .contact-segment button.is-on{color:#1f4a3a;background:#dfe9df;box-shadow:inset 0 0 0 1px #7f9f85}.contact-modal .demo-form{row-gap:18px}.contact-modal .contact-method{color:#173b3e;border:0;align-items:center;gap:18px;margin:0;padding:0;font-size:13px;display:flex}.contact-modal .contact-method legend{float:left;letter-spacing:.09em;text-transform:uppercase;color:#546b64;margin-right:10px;padding:0;font-size:10px;font-weight:700}.contact-modal .contact-method label,.contact-modal .contact-consent{align-items:center;gap:8px;display:flex}.contact-modal .contact-consent{color:#4c5f59;align-items:flex-start;font-size:12.5px}.contact-modal input[type=radio],.contact-modal input[type=checkbox]{accent-color:#173b3e;width:16px;height:16px;margin:0}.contact-modal .contact-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-modal .contact-typeahead{position:relative}.contact-modal .contact-suggestions{z-index:10;background:#fff;border:1px solid #d6ddd5;border-radius:7px;max-height:220px;margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 12px 24px #173b3e1f}.contact-modal .contact-suggestions li{cursor:pointer;letter-spacing:0;text-transform:none;color:#173b3e;padding:7px 11px;font:400 13px/1.3 system-ui,sans-serif;display:grid}.contact-modal .contact-suggestions li:hover{background:#f0f2ec}.contact-modal .contact-suggestions small{color:#657973;text-transform:capitalize;font-size:11px}@media (width<=900px){.contact-modal .demo-section{grid-template-columns:1fr}.contact-modal .demo-brand{display:none}.contact-modal .contact-patterns{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px){.contact-modal .demo-form{grid-template-columns:1fr}.contact-modal .contact-patterns{grid-template-columns:1fr;gap:8px}.contact-modal .contact-pattern{font-size:14px;line-height:1.3}.contact-modal .contact-pattern span{white-space:normal;overflow-wrap:anywhere}.contact-modal .contact-swatch{width:48px;height:48px}.contact-modal .contact-segment{flex-wrap:wrap}.contact-modal .demo-form-head h3{font-size:28px}}@media (width>=420px) and (width<=600px){.contact-modal .contact-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-request-modal.contact-modal .demo-form-head h3{font-size:37px}.demo-request-modal.contact-modal .demo-form-head{margin-bottom:32px}.demo-request-modal.contact-modal .demo-form-panel.is-confirmed{flex-direction:column;justify-content:center;min-height:100%;display:flex}.demo-request-modal.contact-modal .demo-confirmation-view{flex:1;width:100%}.demo-request-modal.contact-modal .demo-confirm-title{font-size:clamp(34px,4.94vw,57px)}
