:root{color-scheme:light;--navy:#062d52;--blue:#0076bd;--cyan:#00b9e8;--aqua:#7ee8ed;--paper:#fff;--muted:#405d72}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;color:var(--navy);font-family:"Trebuchet MS",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid #0076bd;outline-offset:6px}
.skip{position:fixed;top:10px;left:16px;padding:12px 20px;z-index:5;background:white;transform:translateY(-150%)}
.skip:focus{transform:none}
.page{min-height:100svh;display:flex;flex-direction:column;max-width:1800px;margin:auto}
.header{min-height:134px;display:flex;justify-content:space-between;align-items:center;padding:26px clamp(24px,5.5vw,96px);gap:30px}
.wordmark{display:block;position:relative;width:340px;max-width:65%;aspect-ratio:3.45;overflow:hidden}
.wordmark img{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-51%)}
.header-phone{font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}
.header-phone:hover,.email-address:hover,.phone-link:hover{color:var(--blue)}
.main{display:grid;grid-template-columns:1.17fr 1fr;flex:1;min-height:570px}
.intro{padding:76px clamp(24px,5.5vw,96px) 82px;display:flex;align-items:center;background:#f6fbfd}
.intro-content{max-width:600px}
h1{font-size:clamp(42px,4.7vw,76px);letter-spacing:-.055em;line-height:1.04;margin:0 0 29px;font-weight:700}
.location{font-size:clamp(20px,2.1vw,29px);line-height:1.35;margin:0 0 22px;letter-spacing:-.018em}
.message{color:var(--muted);font-size:18px;line-height:1.65;max-width:370px;margin:0}
.contact{display:flex;flex-direction:column;align-items:flex-start;margin-top:32px;gap:15px}
.email-button{background:var(--navy);color:white;border:2px solid var(--navy);display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:58px;padding:15px 28px;text-decoration:none;font-size:18px;font-weight:700;border-radius:6px}
.email-button:hover{background:#005e98;border-color:#005e98}
.email-button svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.email-address{font-size:clamp(14px,1.25vw,18px);line-height:1.6;overflow-wrap:anywhere;max-width:100%}
.phone-link{font-size:17px;line-height:1.5;font-weight:700}
.brand-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ddf6fb;min-height:520px}
.brand-emblem{position:relative;z-index:2;display:block;width:70%;max-width:480px;height:auto;margin-top:-20px;filter:drop-shadow(0 22px 18px #062d521c)}
.ripple{position:absolute;left:50%;top:46%;border:1px solid #81d6e2;border-radius:50%;transform:translate(-50%,-50%);aspect-ratio:1}
.ripple-one{width:85%}.ripple-two{width:115%}.ripple-three{width:145%}
.waterline{position:absolute;bottom:-1px;left:0;width:100%;height:30%;z-index:1}
.wave-back{fill:#00b9e8}.wave-front{fill:#0094ce}
.footer{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(24px,5.5vw,96px);font-size:13px;color:#526b7e}
@media(min-width:1600px){.main{min-height:680px}}
@media(max-width:900px){.header{min-height:110px}.wordmark{width:285px}.header-phone{font-size:16px}.main{grid-template-columns:1.2fr 1fr}.intro{padding-top:55px;padding-bottom:60px}h1{font-size:47px}.location{font-size:23px}.message{font-size:17px}.email-address{font-size:15px}.brand-emblem{width:86%}.brand-panel{min-height:570px}}
@media(max-width:650px){.header{min-height:112px;padding:24px;justify-content:center}.wordmark{width:300px;max-width:100%}.header-phone{display:none}.main{grid-template-columns:1fr;min-height:0}.intro{padding:43px 25px 48px}.intro-content{max-width:460px;margin:auto;width:100%}h1{font-size:clamp(40px,10.5vw,58px);margin-bottom:23px}.location{font-size:23px;margin-bottom:17px}.desktop-break{display:none}.message{font-size:17px;max-width:390px}.contact{margin-top:26px;gap:15px}.email-button{min-height:56px}.email-address{font-size:16px}.brand-panel{min-height:275px}.brand-emblem{width:235px;margin:0}.ripple-one{width:290px}.ripple-two{width:410px}.ripple-three{width:530px}.waterline{height:34%}.footer{padding:23px 25px;align-items:flex-start;font-size:12px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}