
:root{--navy:#002b3a;--ink:#173c48;--muted:#52686f;--paper:#f6f5f0;--line:#d7dfdc;--link:#006b99}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--navy);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--link);outline-offset:5px}
.skip-link{position:fixed;top:-80px;left:18px;z-index:20;padding:12px 18px;background:#fff;color:var(--navy)}
.skip-link:focus{top:16px}
.shell{max-width:1520px;margin:0 auto;padding:0 64px}
.site-header{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:flex-end;gap:13px;text-decoration:none}
.brand img{display:block;width:148px;height:auto}
.brand-label{font-size:11px;font-weight:700;letter-spacing:.19em;padding-bottom:3px}
.header-note{font-size:12px;letter-spacing:.025em;color:var(--muted)}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:stretch;min-height:650px;border-top:1px solid var(--line)}
.message{padding:64px 58px 52px 0;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:0 0 25px;font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:2px;background:#e84b25}
h1{margin:0 0 25px;font-size:clamp(44px,5.1vw,76px);line-height:1.02;font-weight:700;letter-spacing:-.055em;max-width:9.3em}
.status{margin:0 0 18px;font-size:19px;line-height:1.5;font-weight:700}
.intro{max-width:455px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.gratitude{margin-top:18px}
.signoff{margin:22px 0 0;font-size:15px;font-weight:700}
.contact{width:100%;max-width:455px;margin-top:42px;padding-top:27px;border-top:1px solid var(--line)}
.contact h2{font-size:16px;line-height:1.5;margin:0 0 7px;letter-spacing:-.01em}
.contact p{font-size:14px;line-height:1.65;margin:0 0 18px;color:var(--muted);max-width:360px}
.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.email-link{display:inline-flex;align-items:center;gap:18px;justify-content:space-between;min-height:49px;padding:0 19px;background:var(--navy);color:#fff;text-decoration:none;font-size:14px;border:1px solid var(--navy);transition:background .15s}
.email-link:hover{background:#104b5e}
.email-link svg{width:17px;height:17px;flex:none}
.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 7px;background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.copy-button:hover{color:var(--navy)}
.copy-button svg{width:15px;height:15px}
.copy-result{font-size:12px;line-height:1.4;color:var(--muted);height:17px;margin:8px 0 -17px}
.lake{position:relative;margin:0;min-height:100%;overflow:hidden;background:#123b4a}
.lake img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:43% center}
.lake:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(0,43,58,.05) 30%,rgba(0,27,37,.13) 52%,rgba(0,27,37,.87) 100%)}
.lake figcaption{position:absolute;z-index:1;bottom:42px;left:37px;right:35px;color:#fff}
.photo-label{display:block;margin-bottom:14px;font-size:10px;letter-spacing:.2em;font-weight:700;line-height:1.6;text-transform:uppercase;color:#d5e0e1}
.lake blockquote{margin:0;font-size:clamp(26px,2.5vw,37px);font-weight:400;line-height:1.22;letter-spacing:-.025em}
.lake .small-line{width:34px;height:1px;background:#b8c8cb;margin:26px 0 0}
.site-footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:24px;color:var(--muted);font-size:12px;line-height:1.6}
.footer-links{display:flex;gap:26px}
.footer-links a{text-decoration:none;padding:10px 0}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1450px){.hero{min-height:700px}.message{padding-top:72px}}
@media(max-width:1080px){.shell{padding:0 36px}.site-header{min-height:100px}.message{padding:46px 35px 35px 0}.hero{min-height:640px}.contact{margin-top:32px}.lake figcaption{left:27px;right:22px;bottom:31px}.brand img{width:135px}}
@media(max-width:760px){.shell{padding:0 24px}.site-header{min-height:92px}.brand img{width:126px}.brand-label{font-size:9px;letter-spacing:.17em}.brand{gap:10px}.header-note{display:none}.hero{grid-template-columns:1fr;min-height:0}.message{padding:38px 0 37px}.eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.12em;gap:8px}h1{font-size:clamp(45px,11.8vw,68px);letter-spacing:-.055em;line-height:1.04;margin-bottom:22px}.status{font-size:18px}.intro{font-size:15px;line-height:1.75;max-width:510px}.signoff{font-size:14px;margin-top:20px}.contact{margin-top:29px;padding-top:23px;max-width:none}.contact p{max-width:400px}.lake{min-height:320px}.lake img{object-position:center 57%}.lake figcaption{bottom:27px;left:24px}.lake blockquote{font-size:29px}.photo-label{font-size:9px;margin-bottom:12px}.lake .small-line{margin-top:20px}.site-footer{min-height:100px;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;margin-top:23px;padding:23px 0 26px}.footer-links{gap:24px}}
@media(max-width:360px){.shell{padding:0 18px}.email-link{font-size:12px;padding:0 14px;gap:12px}.copy-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
