.contact-page{margin:0;background:#10171e;color:#eaf4fb;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.contact-page *{box-sizing:border-box}.contact-main{max-width:1260px;margin:auto;padding:24px 32px 40px}.contact-breadcrumb{display:flex;gap:12px;font-size:12px;color:#91aabc}.contact-breadcrumb a{color:#b9dcec;text-decoration:none}.contact-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px 0 48px}.contact-eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#7ccce7;margin:0 0 12px}.contact-hero h1{font-size:clamp(32px,3.8vw,50px);letter-spacing:-2px;line-height:1.15;font-weight:650;margin:0 0 20px}.contact-hero h1 em{font-style:normal;color:#8dd9ef}.contact-hero>div>p:last-child{font-size:15px;line-height:1.7;color:#a8becd;margin:0}.contact-email{flex:0 0 290px;padding:23px 25px;border:1px solid #729eb336;border-radius:22px;background:radial-gradient(ellipse at top right,#227b9335,transparent 80%),#15252e;text-decoration:none;color:#d4effc;display:flex;flex-direction:column;position:relative;box-shadow:inset 0 1px #ffffff0b}.contact-email small{letter-spacing:1.7px;font-size:9px;color:#93b7c9;margin-bottom:15px}.contact-email strong{font-size:22px;letter-spacing:-.5px}.contact-email>span:last-child{font-size:12px;color:#9ebdcd;display:flex;justify-content:space-between;margin-top:20px}.contact-mail-icon{position:absolute;right:24px;top:13px;font-size:28px;color:#77cce4}.contact-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:start}.contact-card{background:linear-gradient(145deg,#1b2a34,#14212b);border:1px solid #7ca6bd30;border-radius:24px;box-shadow:0 18px 55px #0002,inset 0 1px #e5f6ff06;overflow:hidden}.contact-form-card{padding:30px}.contact-card-heading{display:flex;gap:15px;align-items:center}.contact-step{font-size:12px;color:#82cae2;border:1px solid #6aa8c43d;border-radius:12px;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#35596d1c}.contact-card-heading .contact-eyebrow{margin-bottom:7px;font-size:9px}.contact-card h2{font-size:23px;line-height:1.2;margin:0;font-weight:600;letter-spacing:-.6px}.contact-description{color:#9fb5c4;font-size:13px;line-height:1.6;margin:20px 0 25px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-card label{display:block;font-size:12px;font-weight:550;color:#bfd2df;margin-bottom:20px}.contact-form-card input:not([type=checkbox]),.contact-form-card textarea{display:block;width:100%;margin-top:9px;padding:13px 14px;border:1px solid #718fa13d;border-radius:11px;background:#0f1c26;color:#f1f8fc;font:400 14px/1.5 inherit;min-height:47px;font-family:inherit;font-size:14px}.contact-form-card textarea{resize:vertical;min-height:145px;line-height:1.6}.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:#708b9e;opacity:1;font-weight:400}.contact-form-card :is(input,textarea):focus{outline:2px solid #69d0ee;outline-offset:2px;border-color:transparent}.contact-check{display:flex;align-items:center;gap:12px;background:#304b5e26;border:1px solid #718fa125;border-radius:13px;padding:15px;margin-bottom:20px}.contact-check>div{flex:1}.contact-check>div>span{display:block;color:#bdd2df;font-size:12px}.contact-check small{display:block;color:#92afc3;margin-top:6px;font-size:12px}.contact-check strong{font-size:18px;color:#e0f5ff;margin-left:3px}.contact-check .contact-answer{width:100px;margin:0}.contact-check .contact-answer input{margin:0;padding:10px;text-align:center}.contact-refresh{border:0;background:none;color:#8ed6eb;font-size:25px;cursor:pointer;padding:4px}.contact-form-card .contact-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.7;color:#a2b9c8}.contact-consent input{accent-color:#47b9da;margin-top:4px;width:15px;height:15px;flex-shrink:0}.contact-page a{color:#9cdef1}.contact-submit{width:100%;border:1px solid #79dbf470;border-radius:12px;min-height:52px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#1584aa,#126285);color:#fff;font:600 14px inherit;font-family:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff25,0 8px 22px #00172540}.contact-submit:disabled{opacity:.5;cursor:wait}.contact-submit:hover:not(:disabled){background:linear-gradient(120deg,#1b97bf,#147599)}.contact-result{font-size:13px;line-height:1.6;margin:12px 0 0}.contact-result[data-error=true]{color:#ffc0ac}.contact-result[data-error=false]{color:#91e1c3}.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.contact-location{display:grid;gap:22px}.contact-map-card>.contact-card-heading{padding:25px 25px 0}.contact-province{margin-left:auto;border:1px solid #688a9e40;padding:6px 8px;border-radius:8px;font-size:10px;color:#b0ccdd}.contact-address{padding:0 25px;font-size:13px;line-height:1.7;color:#d0e1eb;margin:18px 0}.contact-address span{font-size:12px;color:#91adbe}#contact-map{height:240px;z-index:0;background:#9eb9bf}.contact-pin{background:#0e8bb0;border:4px solid white;border-radius:50%;box-shadow:0 0 0 9px #087fac30,0 3px 15px #00293d80}.contact-directions{display:flex;justify-content:space-between;padding:13px 25px;background:#0e2330;text-decoration:none;font-size:11px;border-bottom:1px solid #79b8d120}.contact-weather{padding:20px 25px}.contact-weather-top{display:flex;gap:14px;align-items:center}.contact-weather-icon{font-size:34px}.contact-weather strong{font-size:34px;font-weight:550;letter-spacing:-1px}.contact-weather p{margin:0;font-size:12px;color:#a4bece;line-height:1.7}.contact-weather-details{display:flex;gap:20px;margin-top:14px;font-size:11px;color:#adc4d3}.contact-weather>a{display:block;font-size:11px;margin-top:12px;text-decoration:none}.contact-camera-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 25px}.contact-camera-title h2{font-size:19px}.contact-camera-title .contact-eyebrow{font-size:9px;margin-bottom:7px}.contact-camera-state{font-size:10px;color:#b6cbd9;background:#304b6044;border:1px solid #7ea7bc25;padding:6px 9px;border-radius:20px}.contact-camera-state[data-live=true]{color:#83e4bc}.contact-camera-slot{aspect-ratio:16/9;background:radial-gradient(ellipse at center,#183544,#08151f);display:grid;place-items:center;text-align:center}.contact-camera-slot p{color:#a7c4d5;font-size:13px;padding:20px;line-height:1.7}.contact-camera-slot iframe{width:100%;height:100%;border:0}.contact-camera-bottom{padding:14px 20px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#97b4c6}.contact-camera-bottom a{text-decoration:none}.contact-privacy{max-width:770px;padding:35px 0 0}.contact-privacy h2{font-size:16px;margin:0 0 10px}.contact-privacy p{font-size:12px;line-height:1.8;color:#90a9ba}.contact-footer{display:flex;justify-content:space-between;padding:25px max(32px,calc((100vw - 1196px)/2));font-size:12px;gap:20px}.contact-footer a{text-decoration:none}.contact-footer span{color:#8ea6b8}.contact-page .leaflet-control-attribution{font-size:9px}.contact-page .leaflet-popup-content-wrapper{color:#123248}.contact-page .leaflet-popup-content{line-height:1.6}
@media(max-width:900px){.contact-main{padding:20px}.contact-hero{gap:25px}.contact-hero h1{font-size:37px}.contact-email{flex-basis:250px;padding:22px}.contact-grid{gap:18px}.contact-form-card{padding:23px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-card-heading{gap:10px}.contact-card h2{font-size:21px}.contact-weather-details{gap:12px}.contact-card-heading .contact-eyebrow{font-size:8px}}
@media(max-width:700px){.contact-hero{display:block;padding:30px 0}.contact-hero h1{font-size:36px;letter-spacing:-1.5px}.contact-email{margin-top:25px}.contact-grid{grid-template-columns:1fr}.contact-fields{grid-template-columns:1fr 1fr;gap:12px}.contact-card{border-radius:20px}.contact-form-card{padding:23px 20px}.contact-check{gap:8px;padding:12px}.contact-check .contact-answer{width:90px}.contact-footer{padding:25px 20px;flex-wrap:wrap}.contact-footer span{display:none}}
@media(max-width:390px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-main{padding-inline:14px}.contact-hero h1{font-size:32px}}
