:root{color-scheme:dark;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;--shell: rgba(247, 244, 231, .96);--muted: rgba(247, 244, 231, .7);--line: rgba(247, 244, 231, .38);--drift-x: 0px;--drift-y: 0px;--wave-speed: 16s;--wave-rise: 0px}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow:hidden;background:#799ca3}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.coast{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;color:var(--shell);background:#89aeb4}.coast-photo{position:absolute;z-index:-5;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;object-position:center 55%;transform:translate3d(var(--drift-x),var(--drift-y),0) scale(1.025);filter:saturate(.82) contrast(1.04);transition:transform 1.8s cubic-bezier(.2,.72,.2,1);animation:photo-arrive 1.8s cubic-bezier(.16,1,.3,1) both}.sea-wash{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,#081e247a,#0c252b2e 42%,#0a1d2014 70%),linear-gradient(180deg,rgba(17,42,47,.3) 0%,transparent 34%,rgba(7,27,31,.35) 100%)}.film-grain{position:absolute;z-index:8;inset:-40%;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.top-rail{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 3.2vw;padding:24px 0 18px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.18em;animation:slide-down 1s .15s both}.wordmark{display:flex;align-items:center;gap:10px;width:max-content;color:inherit;text-decoration:none}.wordmark i{width:38px;height:1px;background:currentColor}.live-mark{margin:0}.live-mark i{display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;border-radius:50%;background:#d9f4d8;box-shadow:0 0 0 4px #d9f4d829;animation:pulse 2.6s infinite}.top-rail time{justify-self:end}main{min-height:calc(100svh - 129px)}.hero{position:absolute;z-index:2;top:30%;left:7.8vw;max-width:820px}.eyebrow{margin:0 0 20px;font-size:10px;letter-spacing:.32em;animation:reveal 1s .5s both}h1{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(48px,7.4vw,118px);font-weight:400;line-height:.98;letter-spacing:-.06em;text-shadow:0 3px 28px rgba(9,35,40,.14)}h1 span,h1 em{display:block;width:max-content;max-width:100%;font-style:normal;animation:title-rise 1.25s cubic-bezier(.16,1,.3,1) both}h1 span{animation-delay:.55s}h1 em{margin-left:1.45em;animation-delay:.68s}.hero-note{max-width:25em;margin:30px 0 0 1px;font-family:"Noto Serif SC",Songti SC,serif;font-size:14px;letter-spacing:.12em;animation:reveal 1s 1s both}.tide-panel{position:absolute;z-index:9;right:3.2vw;bottom:112px;display:grid;grid-template-columns:128px auto;gap:22px;align-items:end;animation:reveal 1s 1.15s both}.tide-reading{padding:0 0 12px;border-bottom:1px solid var(--line)}.tide-reading span,.tide-reading small{display:block;font-size:9px;letter-spacing:.14em}.tide-reading strong{display:block;margin:6px 0;font-size:24px;font-weight:300}.tide-reading small{color:var(--muted)}.tide-reading b{color:var(--shell);font-weight:400}.tide-controls{display:flex;gap:8px}.tide-controls button{display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--shell);background:#ffffff0d;backdrop-filter:blur(8px);cursor:pointer;font-family:"Noto Serif SC",Songti SC,serif;font-size:11px;transition:color .3s,background .3s,transform .3s}.tide-controls button span{display:none}.tide-controls button:hover{transform:translateY(-3px)}.tide-controls button[aria-pressed=true]{color:#17383d;background:var(--shell)}.tide-controls button:focus-visible{outline:2px solid white;outline-offset:3px}.wave-stage{position:absolute;z-index:1;right:-8vw;bottom:calc(-84px + var(--wave-rise));left:-8vw;height:210px;pointer-events:none;transform:rotate(-1.5deg);transition:bottom 1.2s cubic-bezier(.2,.75,.2,1)}.wave{position:absolute;bottom:0;left:-10%;width:120%;height:145px;opacity:.5;border-radius:50% 48% 0 0/32% 30% 0 0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.78),transparent 3%),linear-gradient(180deg,#e6f5f259,#e2e8ddc2);filter:blur(.2px);animation:wave-roll var(--wave-speed) ease-in-out infinite alternate}.wave-back{bottom:22px;opacity:.22;animation-delay:-8s}.wave-middle{left:-16%;opacity:.32;animation-duration:calc(var(--wave-speed) * .72);animation-delay:-3s}.wave-front{bottom:-38px;opacity:.62;animation-duration:calc(var(--wave-speed) * 1.15);animation-delay:-5s}.shore-footer{position:absolute;z-index:10;right:3.2vw;bottom:23px;left:3.2vw;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;font-size:9px;letter-spacing:.18em;animation:reveal 1s 1.3s both}.shore-footer p{margin:0}.shore-footer p span{margin-right:10px;color:#17383dcc}.tide-line{height:1px;overflow:hidden;background:#ffffff59}.tide-line i{display:block;width:28%;height:100%;background:#fff;animation:tide-meter 8s ease-in-out infinite alternate}.footer-note{justify-self:end}body[data-tide=rising]{--wave-speed: 10s;--wave-rise: 20px}body[data-tide=swell]{--wave-speed: 6.8s;--wave-rise: 42px}@keyframes photo-arrive{0%{opacity:0;transform:scale(1.09)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-18px)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}@keyframes title-rise{0%{opacity:0;transform:translateY(70%)}}@keyframes pulse{50%{opacity:.35}}@keyframes tide-meter{to{transform:translate(260%)}}@keyframes wave-roll{to{transform:translate3d(5%,-12px,0) scaleX(1.04)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(1%,4%)}to{transform:translate(-3%,-1%)}}@media(max-width:760px){.top-rail{grid-template-columns:1fr auto;margin-inline:20px;padding-top:19px}.live-mark{display:none}.hero{top:24%;left:24px;right:24px}h1{font-size:clamp(44px,14vw,76px);line-height:1.04}h1 em{margin-left:.45em}.hero-note{margin-top:22px;font-size:13px}.tide-panel{right:20px;bottom:94px;grid-template-columns:104px auto;gap:12px}.tide-controls button{width:48px;height:48px}.shore-footer{right:20px;bottom:18px;left:20px;grid-template-columns:auto 1fr;gap:15px}.footer-note{display:none}.coast-photo{object-position:61% center}}@media(max-height:600px)and (orientation:landscape){.hero{top:22%}.hero-note{display:none}.tide-panel{bottom:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.coast-photo{transition:none}}