:root{color-scheme:dark;--background:#171e1b;--foreground:#fff3d5;--muted:#d0d3c5;--accent:#e7c16b;--buttonText:#20261f}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--background);color:var(--foreground);font-family:system-ui,sans-serif;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url('assets/water.webp') center/cover no-repeat;pointer-events:none}
.page{display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:36px 24px}
.content{width:100%;max-width:720px;text-align:center}
.logo{display:block;width:min(540px,100%);height:auto;max-height:51vh;max-height:51svh;object-fit:contain;margin:0 auto 22px}
.copy{max-width:100%;width:fit-content;margin-inline:auto;padding:18px 24px;background:var(--background);border-radius:8px}
.location{margin:0 0 16px;font-style:normal;font-size:clamp(.82rem,1.3vw,1rem);line-height:1.55;font-weight:550;letter-spacing:.025em;color:var(--accent)}
h1{font-family:Georgia,serif;font-size:clamp(1.55rem,3.4vw,2.35rem);line-height:1.22;font-weight:400;letter-spacing:-.025em;margin:0;text-wrap:balance}
.contact{margin-top:24px}.contact p{margin:0 0 13px;color:var(--muted);font-size:.875rem;line-height:1.5}
.phone{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:50px;padding:12px 23px;background:var(--accent);color:var(--buttonText);border:1px solid var(--accent);border-radius:5px;text-decoration:none;font-size:1rem;font-weight:650;letter-spacing:.025em}
.phone svg{flex-shrink:0}.phone:hover{text-decoration:underline;text-underline-offset:4px}.phone:focus-visible{outline:3px solid var(--foreground);outline-offset:5px}
@media(max-width:360px){.page{padding-inline:18px}.location{letter-spacing:.01em}.copy{padding-inline:12px}.phone{padding-inline:18px}}
@media(max-height:620px){.page{padding:18px 24px}.logo{max-height:43vh;max-height:43svh;margin-bottom:16px}.contact{margin-top:18px}.location{margin-bottom:12px}.copy{padding-block:12px}}