/* Inquiry modal — inherits Open Water Elegant tokens from site.css :root */
.ss-modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:5vh 5vw}
.ss-modal.open{display:flex}
.ss-modal-overlay{position:absolute;inset:0;background:rgba(8,24,32,.6);backdrop-filter:blur(4px)}
.ss-modal-card{position:relative;z-index:2;background:var(--paper,#fbf8f2);max-width:560px;width:100%;border-radius:4px;padding:46px 46px 38px;box-shadow:0 40px 90px -30px rgba(8,24,32,.6);max-height:90vh;overflow:auto;font-family:var(--sans,"Jost",system-ui,sans-serif)}
.ss-modal-x{position:absolute;top:16px;right:18px;background:none;border:none;font-size:1rem;color:var(--muted,#6b777a);cursor:pointer;line-height:1}
.ss-modal-card .eyebrow{font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--champ-d,#a8884f)}
.ss-modal-card h3{font-family:var(--serif,"Cormorant Garamond",Georgia,serif);font-weight:500;font-size:2.1rem;color:var(--navy,#102e3a);margin:12px 0 6px;line-height:1.08}
.ss-modal-sub{color:var(--muted,#6b777a);font-weight:300;font-size:.96rem;margin-bottom:22px}
.ss-modal-ok{background:#e3f1ee;border:1px solid #86d6c9;color:#1f615e;padding:13px 16px;border-radius:3px;margin-bottom:20px;font-size:.92rem}
.ss-form label{display:block;font-family:var(--sans);font-size:.64rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#6b777a);margin-bottom:15px}
.ss-form input,.ss-form select,.ss-form textarea{display:block;width:100%;margin-top:7px;padding:.72em .85em;border:1px solid var(--line,#dde7ec);border-radius:3px;font-family:var(--sans);font-size:.95rem;font-weight:300;color:var(--ink,#1f2d30);background:#fff;text-transform:none;letter-spacing:normal}
.ss-form input:focus,.ss-form select:focus,.ss-form textarea:focus{outline:none;border-color:var(--teal,#2c7d79)}
.ss-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ss-form .btn{width:100%;justify-content:center;margin-top:8px;border:none;cursor:pointer}
.ss-form-mini{text-align:center;font-size:.74rem;color:var(--muted,#6b777a);margin-top:12px}
@media(max-width:560px){.ss-row{grid-template-columns:1fr}.ss-modal-card{padding:34px 24px}}

/* Fix: neutralize global reset.css magenta button hover/focus; theme the modal close - 2026-07-24 */
button:hover,button:focus,[type="button"]:hover,[type="button"]:focus,[type="submit"]:hover,[type="submit"]:focus{background:transparent}
.btn-sun:hover,.btn-sun:focus{background:linear-gradient(100deg,var(--amber),var(--coral))}
.ss-modal-x{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease,color .2s ease}
.ss-modal-x:hover,.ss-modal-x:focus{background:var(--navy,#102e3a);color:#fff;outline:none}

/* audit: 16px stops iOS zooming the page when a field is focused. Anything below 16px
   triggers it, and .95rem computes to 15.2px. Applies to the real controls only. */
.ss-form input,.ss-form select,.ss-form textarea{font-size:16px}

/* audit: the card must scroll inside short viewports or the submit button is unreachable. */
@media(max-height:820px){.ss-modal-card{max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}