:root{--navy:#001321;--cyan:#00bde9;--yellow:#ffe000;--site-title-size:clamp(47px,5.17vw,80px);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:white;font-family:Montserrat,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.contact-shell{width:min(1486px,88%);margin-inline:auto}
.contact-hero{position:relative;isolation:isolate;padding:72px 0 48px;overflow:hidden}.contact-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#001321f5,#001321cc 45%,#00132155),linear-gradient(0deg,#001321,transparent 70%,#001321),url('../images/landing-hero-golden-coast.jpg') center 48%/cover}
.eyebrow{font-size:12px;line-height:1.65;color:var(--cyan);text-transform:uppercase;letter-spacing:2.2px;font-weight:700;margin:0 0 24px}h1,h2{font-family:'Barlow Semi Condensed',Impact,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;line-height:1.02;margin:0 0 24px}h1{font-size:var(--site-title-size);letter-spacing:-.6px}h1 span{color:var(--cyan)}h1 em{color:var(--yellow);font-style:inherit}.contact-hero p:last-child{max-width:580px;margin:0;color:#c4d7e2}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding-bottom:64px}.contact-form-panel{padding:32px;border:1px solid #255267;border-top:3px solid var(--cyan);border-radius:10px;background:#052332}.contact-form-panel h2{font-size:32px;margin-bottom:12px}.contact-form-panel>p{color:#bdd3df;margin:0 0 24px}.contact-form{display:grid;gap:18px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:grid;gap:7px;min-width:0}.contact-field label{font-size:12px;font-weight:600}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;border:1px solid #507284;border-radius:5px;padding:12px 14px;background:#001724;color:#fff;font-size:14px;min-height:48px}.contact-field textarea{resize:vertical;min-height:135px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#90aebd}.contact-help{font-size:11px;color:#91b0c0;line-height:1.6}.contact-help a{text-decoration:underline;text-underline-offset:3px}.send-button{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 24px;border:0;border-radius:5px;background:var(--yellow);color:var(--navy);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.2px}.send-button:hover{background:#fff075}.contact-status{margin:20px 0 0;padding:12px 15px;border-left:3px solid var(--cyan);background:#001724;color:#bdd3df;font-size:13px}.contact-status[hidden]{display:none}
.contact-hero::before{background-position:center,center,center calc(48% + 150px);background-repeat:no-repeat}
.contact-map-panel{min-width:0}.contact-map{position:relative;margin:0;border:1px solid #255267;border-radius:10px;overflow:hidden;background:#08384a}.map-badge{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;background:#001321e8;color:#fff;padding:9px 13px;border:1px solid #436779;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}.map-badge span{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.contact-map figcaption{padding:16px 20px;background:#052332;display:flex;justify-content:space-between;gap:16px;align-items:center}.contact-map figcaption strong{font-size:13px}.contact-map figcaption small{font-size:10px;color:#91b0c0}.contact-map-note{color:#91b0c0;margin:12px 0 28px;font-size:11px}.contact-detail{border-top:1px solid #255267;padding-top:22px}.contact-detail h3{font-size:18px;margin:0 0 10px}.contact-detail p{color:#bdd3df;max-width:580px;margin:0}.contact-detail .eyebrow{margin-bottom:12px}.contact-preview-note{display:block;color:#91b0c0;font-size:10px;margin-top:14px;text-align:center}
@media(max-width:850px){.contact-grid{gap:24px}.contact-form-panel{padding:24px}.contact-fields{grid-template-columns:1fr}}
@media(max-width:700px){:root{--site-title-size:min(48px,8.33vw)}.contact-hero{padding:44px 0 32px}.contact-grid{grid-template-columns:1fr;padding-bottom:40px}.contact-map figcaption{flex-wrap:wrap;gap:5px}.contact-fields{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.contact-fields{grid-template-columns:1fr}}
.contact-map figcaption a{font-size:11px;color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

.contact-map-preview{position:relative;background:var(--navy)}
.contact-map-preview img{
    display:block;
    width:100%;
    height:auto;
    clip-path:inset(1.1% 2.35% 1.9% 1.62% round 2.3%);
}
/* Cover the screenshot's original controls with the matching water color. */
.contact-map-ui-cover,
.contact-map-preview::before,
.contact-map-preview::after{position:absolute;background:#90daee;pointer-events:none}
.contact-map-ui-cover{inset:1.9% 40.5% 90.3% 40%}
.contact-map-preview::before{content:"";inset:2% 3% 90.5% 89.4%}
.contact-map-preview::after{content:"";inset:81% 3% 4.4% 89.4%}
.contact-map-location{position:absolute;left:47.72%;top:46.6%;color:#001321}
.contact-map-location svg{display:block;transform:translate(-50%,-100%)}
.contact-map-location strong{
    position:absolute;
    top:-31px;
    left:16px;
    width:max-content;
    padding:2px 7px;
    border-radius:4px;
    background:#fff;
    font-size:clamp(9px,1.2vw,12px);
    box-shadow:0 1px 4px #00132144;
}