:root{--canvas:#f5f7f3;--surface:#fff;--surface-soft:#e8eee9;--sky-soft:#e2eef0;--ink:#132019;--muted:#526158;--line:#cbd5cd;--line-strong:#bdcbc1;--accent:#2b6747;--accent-dark:#1e4d34;--accent-soft:#d6e8db;--display:"Aptos Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--sans:"Aptos", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--shell:min(1080px, calc(100% - 40px));--radius-lg:16px;--radius-md:12px;--shadow:0 8px 24px #1e342514}*{box-sizing:border-box}html{background:var(--canvas);color-scheme:light;scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:inherit}p,h1,h2,h3,dl{margin-top:0}.shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:999px;padding:.65rem 1rem;position:fixed;top:-70px;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline-offset:3px;outline:3px solid #2b674780}.eyebrow,.section-number,.card-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.site-header{z-index:20;backdrop-filter:blur(16px);background:#f5f7f3e6;border-bottom:1px solid #cbd5cde6;position:sticky;top:0}.header-inner{width:var(--shell);justify-content:space-between;align-items:center;gap:2rem;min-height:60px;margin-inline:auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-size:1.02rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);border-radius:55% 45%;width:20px;height:20px;position:relative;transform:rotate(-8deg)}.brand-mark:after{content:"";background:#edf4ea;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.site-header nav{align-items:center;gap:.25rem;display:flex}.header-link{color:var(--muted);border-radius:999px;padding:.48rem .78rem;font-size:.92rem;font-weight:600;text-decoration:none}.header-link:hover,.header-link[aria-current=page]{color:var(--accent-dark);background:var(--accent-soft)}.dashboard{padding-block:2rem 3rem}.dashboard-heading{max-width:720px;margin-bottom:1.5rem}.dashboard-heading h1,.project-detail-head h1{font-family:var(--display);letter-spacing:-.055em;font-weight:650;line-height:.98}.dashboard-heading h1{margin:.25rem 0 .35rem;font-size:clamp(2rem,5vw,2.8rem);line-height:1.05}.dashboard-heading>div>p:last-child{max-width:580px;color:var(--muted);margin:0;font-size:.98rem}.page-dashboard-heading{margin-bottom:1.5rem}.page-dashboard-heading h1{font-size:clamp(2rem,5vw,2.8rem)}.section-intro{margin-bottom:1rem}.section-intro h2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:1.4rem}.project-overviews{gap:1rem;display:grid}.project-overview-link{border-radius:var(--radius-lg);text-decoration:none;display:block}.project-overview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);grid-template-rows:1fr auto;grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);gap:.8rem 1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:grid}.project-overview-link:hover .project-overview,.project-overview-link:focus-visible .project-overview{transform:translateY(-2px);box-shadow:0 12px 30px #1e34251a}.project-overview-head{max-width:660px;margin:0;padding:.45rem .25rem 0}.project-overview-head h2{font-family:var(--display);letter-spacing:-.035em;margin:.1rem 0 .3rem;font-size:1.45rem}.project-overview-head p:last-child{color:var(--muted);margin:0}.project-open{color:var(--accent-dark);align-self:end;align-items:center;gap:.3rem;margin:0 0 .35rem .25rem;font-size:.92rem;font-weight:700;display:inline-flex}.weather-snapshot{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--sky-soft), #eef3e9 70%);flex-direction:column;justify-content:space-between;min-height:220px;padding:1.2rem;display:flex}.project-overview .weather-snapshot{min-height:195px;box-shadow:none;grid-area:1/2/3}.snapshot-topline{justify-content:space-between;align-items:start;gap:1rem;display:flex}.weather-place{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .1rem;font-size:1.12rem;font-weight:700}.weather-source{color:var(--muted);margin:0;font-size:.8rem}.snapshot-main{grid-template-columns:1fr auto;align-items:end;gap:1.25rem;margin-top:1.2rem;display:grid}.temperature{font-family:var(--display);letter-spacing:-.09em;margin:0 0 .4rem;font-size:clamp(3.5rem,8vw,5rem);font-weight:560;line-height:.72}.temperature sup{color:var(--accent);vertical-align:top;font-size:.38em;position:relative;top:.12em}.condition{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.95rem;display:flex}.weather-condition-icon{color:#9b6a18;font-size:1.15rem;line-height:1}.snapshot-readings{grid-template-columns:repeat(3,1fr);gap:.55rem;min-width:330px;margin:0;display:grid}.snapshot-readings div{background:#ffffffc7;border-radius:12px;padding:.8rem .85rem}.snapshot-readings dt{color:var(--muted);margin-bottom:.2rem;font-size:.72rem}.snapshot-readings dd{white-space:nowrap;margin:0;font-size:.86rem;font-weight:700}.snapshot-detail{max-width:620px;color:var(--muted);margin:.8rem 0 0;font-size:.84rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,340px));gap:1rem;display:grid}.project-card-link{border-radius:var(--radius-lg);text-decoration:none;display:block}.project-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:330px;box-shadow:var(--shadow);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card-link:hover .project-card,.project-card-link:focus-visible .project-card{transform:translateY(-3px);box-shadow:0 14px 32px #1e34251a}.project-card-visual{background:var(--surface-soft);height:138px;position:relative;overflow:hidden}.project-card-visual.is-weather{background:linear-gradient(155deg,#e4eff1,#edf2e8)}.project-card-visual.is-station{background:linear-gradient(155deg,#e8efe9,#e2edf0)}.project-sun{background:#f3d79b;border-radius:50%;width:44px;height:44px;position:absolute;top:27px;right:34px;box-shadow:0 0 0 8px #f3d79b38}.project-wave{border-radius:50%;width:116%;height:82px;position:absolute;left:-8%}.wave-one{background:#8fb5b4;bottom:-48px;transform:rotate(-2deg)}.wave-two{background:#4f8270;bottom:-67px;transform:rotate(3deg)}.station-mast{background:#527f6a;border-radius:4px;width:4px;height:74px;position:absolute;bottom:15px;left:calc(50% - 2px)}.station-housing{background:#ffffffc7;border:3px solid #527f6a;border-radius:10px;width:68px;height:45px;position:absolute;bottom:46px;left:calc(50% - 34px);box-shadow:0 7px 18px #1e34251a}.station-sensor{background:#edf4ea;border:3px solid #527f6a;border-radius:50%;width:13px;height:13px;position:absolute}.sensor-one{bottom:79px;left:calc(50% - 58px)}.sensor-two{bottom:79px;left:calc(50% + 42px)}.station-signal{border:2px solid var(--accent);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;position:absolute;left:calc(50% + 36px);transform:rotate(-45deg)}.signal-one{width:18px;height:18px;bottom:91px}.signal-two{opacity:.55;width:32px;height:32px;bottom:84px}.project-card-body{flex-direction:column;min-height:190px;padding:1rem 1.05rem 1.05rem;display:flex}.project-card-body .card-label{margin-bottom:.35rem}.project-card h2{font-family:var(--display);letter-spacing:-.035em;margin:0 0 .35rem;font-size:1.45rem}.project-card-body>p:not(.card-label){color:var(--muted);margin-bottom:1rem;font-size:.9rem}.project-card-open{color:var(--accent-dark);margin-top:auto;font-size:.88rem;font-weight:700}.project-detail{padding-block:1.5rem 3rem}.project-detail-head{max-width:760px;margin-bottom:1rem}.project-detail-head h1{margin:.18rem 0 .25rem;font-size:clamp(2.25rem,5vw,3.2rem)}.project-detail-head .eyebrow{color:var(--muted);gap:.55rem;display:flex}.project-detail-head .eyebrow a{color:var(--accent);text-underline-offset:3px}.project-lede{max-width:650px;color:var(--muted);margin:0;font-size:.95rem}.conditions-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:.8rem;display:grid}.conditions-grid .weather-snapshot,.conditions-grid .tide-snapshot{min-height:210px}.project-detail-card,.product-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:1rem;padding:1.5rem}.project-detail-card>p:last-child,.product-panel p:last-child{color:var(--muted)}.project-description{max-width:780px;color:var(--muted);margin-bottom:0}.project-plan-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.3rem;padding-top:1.2rem;display:grid}.project-plan-grid h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 .55rem;font-size:1.08rem}.project-plan-grid p{color:var(--muted);margin:0;font-size:.92rem}.technology-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.technology-list li{border:1px solid var(--line);background:var(--surface-soft);color:var(--accent-dark);border-radius:999px;padding:.38rem .62rem;font-size:.78rem;font-weight:650}.product-panel{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.product-action{border-top:1px solid var(--line);color:var(--accent-dark);grid-column:1/-1;margin:0;padding-top:1rem;font-weight:700}.information-grid{grid-template-columns:minmax(270px,.78fr) minmax(0,2fr);gap:1rem .8rem;padding-top:1rem;display:grid}.information-grid .forecast-section{grid-column:1/-1}.information-grid .daily-section{grid-column:1}.information-grid .tide-dashboard{grid-column:2;margin-top:0}.forecast-section,.daily-section{min-width:0;padding-top:0}.section-heading{margin-bottom:.55rem}.section-heading h2{font-family:var(--display);letter-spacing:-.03em;margin:.1rem 0 0;font-size:1.2rem}.section-number{margin-bottom:0}.hourly-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.hourly-scroll-hint{color:var(--accent-dark);flex:none;margin:0;font-size:.76rem;font-weight:700}.hourly-scroll-hint span{margin-left:.18rem;font-size:1rem;line-height:1;display:inline-block}.hourly-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;grid-auto-columns:minmax(126px,1fr);grid-auto-flow:column;gap:.45rem;min-height:174px;padding:.5rem;scroll-padding-inline:.5rem;display:grid;overflow-x:auto}.hour-card{border:1px solid var(--line);scroll-snap-align:start;background:#f2f5f1;border-radius:10px;flex-direction:column;min-height:156px;padding:.68rem;display:flex}.hour-card.is-current{background:var(--accent-soft);border-color:#a9c6b2}.hour-card p{color:var(--muted);margin:0;font-size:.76rem;font-weight:650}.hour-reading{grid-template-columns:auto 1fr;align-items:center;gap:0 .42rem;margin:auto 0 .55rem;display:grid}.hour-condition-icon{color:#9b6a18;text-align:center;width:1.55rem;font-size:1.3rem;line-height:1}.hour-reading strong{font-family:var(--display);letter-spacing:-.055em;font-size:1.9rem;font-weight:650}.hour-condition{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin-top:.1rem;font-size:.75rem;line-height:1.2;overflow:hidden}.wind-direction-icon{width:28px;height:28px;color:var(--accent);transform:rotate(var(--wind-rotation));background:#ffffffb8;border:1px solid #2b67472e;border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;line-height:1;display:grid}.hour-wind{min-height:42px;color:var(--muted);background:#ffffffc7;border-radius:9px;align-items:center;gap:.42rem;padding:.38rem .42rem;line-height:1.15;display:flex}.hour-wind-copy{flex-direction:column;min-width:0;display:flex}.hour-wind-copy>span{color:var(--ink);white-space:nowrap;font-size:.75rem;font-weight:750}.hour-wind-copy b{color:var(--muted);font-size:.72rem;font-weight:650}.weather-empty{color:var(--muted);margin:0;padding:1rem;font-size:.84rem}.hourly-strip>.weather-empty{align-self:start;min-width:260px}.daily-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.daily-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;min-height:54px;padding:.65rem .8rem;display:grid}.daily-list article:last-child{border-bottom:0}.daily-list p{margin:0}.daily-day{font-weight:700}.daily-wind{color:var(--muted);grid-area:2/1;font-size:.72rem}.daily-temp{grid-area:1/2/3;justify-content:end;gap:.8rem;min-width:82px;font-size:.9rem;display:flex}.daily-temp span{color:var(--muted)}.tide-snapshot{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(145deg,#e2edf0,#eef3e9 72%);flex-direction:column;justify-content:space-between;min-width:0;padding:1.2rem;display:flex}.tide-snapshot-heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.tide-snapshot .tide-updated{max-width:220px}.tide-snapshot-body{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:1rem;margin-top:1rem;display:grid}.current-tide,.next-tide{flex-direction:column;min-width:0;display:flex}.current-tide p,.next-tide p{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .1rem;font-size:.72rem;font-weight:700}.live-status-dot{background:var(--accent);vertical-align:.05em;border-radius:50%;width:7px;height:7px;margin-right:.3rem;display:inline-block;box-shadow:0 0 0 3px #2b67471f}.current-tide strong{font-family:var(--display);letter-spacing:-.055em;font-size:2.35rem;line-height:1}.current-tide>span{color:var(--accent-dark);margin-top:.3rem;font-size:.82rem;font-weight:700}.current-tide small{color:var(--muted);margin-top:.05rem;font-size:.7rem}.tide-snapshot .next-tide{border-left:1px solid var(--line-strong);padding-left:1rem}.next-tide strong{font-family:var(--display);letter-spacing:-.045em;font-size:1.5rem;line-height:1.05}.next-tide span{color:var(--ink);margin-top:.35rem;font-size:.95rem;font-weight:650}.next-tide small{min-height:1.3em;color:var(--muted);font-size:.78rem}.tide-dashboard{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;margin-top:1rem;padding:1rem}.tide-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.tide-heading h2{font-family:var(--display);letter-spacing:-.03em;margin:.1rem 0 0;font-size:1.25rem}.tide-updated,.tide-location{color:var(--muted);margin:0;font-size:.78rem}.tide-chart{border-radius:var(--radius-md);background:var(--canvas);width:100%;max-width:100%;margin-bottom:.8rem;padding:.35rem .35rem 0;overflow:hidden}.tide-chart canvas{width:100%;max-width:100%;height:176px;display:block}.tide-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.tide-item{border:1px solid var(--line);border-radius:10px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0;padding:.62rem .7rem;display:grid}.tide-marker{background:#527f8b;border-radius:999px;width:7px;height:22px}.tide-low .tide-marker{background:#718c79;height:10px}.tide-item div{flex-direction:column;min-width:0;display:flex}.tide-item strong{font-size:.82rem}.tide-item div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.tide-height{color:var(--ink);white-space:nowrap;font-size:.78rem;font-weight:700}.tide-empty{border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--muted);grid-column:1/-1;padding:1rem;font-size:.84rem}.tide-datum{color:var(--muted);margin:.7rem 0 0;font-size:.72rem}.webcam-dashboard{margin-top:1rem}.webcam-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.55rem;display:flex}.webcam-heading h2{font-family:var(--display);letter-spacing:-.03em;margin:.1rem 0 0;font-size:1.25rem}.webcam-heading>a{color:var(--accent-dark);text-underline-offset:3px;font-size:.78rem;font-weight:700}.webcam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.webcam-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.webcam-image-link{aspect-ratio:16/7;background:var(--surface-soft);display:block;overflow:hidden}.webcam-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .2s;display:block}.webcam-image-link:hover img,.webcam-image-link:focus-visible img{transform:scale(1.02)}.webcam-card-caption{justify-content:space-between;align-items:baseline;gap:1rem;padding:.72rem .85rem .8rem;display:flex}.webcam-card-caption h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:.98rem}.webcam-card-caption p{color:var(--muted);white-space:nowrap;margin:0;font-size:.72rem}.webcam-note{color:var(--muted);margin:.55rem 0 0;font-size:.72rem}.data-note{color:var(--muted);margin-top:1rem;padding:0;font-size:.76rem}.data-note p{margin:0}.data-note strong{color:var(--ink)}@media (width<=760px){:root{--shell:min(640px, calc(100% - 24px))}.header-inner{min-height:64px}.dashboard{padding-top:1.5rem}.dashboard-heading{margin-bottom:1.25rem}.project-overview{grid-template-rows:auto;grid-template-columns:1fr}.project-overview .weather-snapshot{grid-area:auto}.project-grid,.product-panel{grid-template-columns:1fr}.project-plan-grid{grid-template-columns:1fr;gap:1rem}.project-grid{max-width:420px}.product-action{grid-column:auto}.conditions-grid{grid-template-columns:1fr}.conditions-grid .weather-snapshot,.conditions-grid .tide-snapshot{min-height:0}.information-grid{grid-template-columns:1fr}.information-grid .forecast-section,.information-grid .daily-section,.information-grid .tide-dashboard{grid-column:1}.tide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.webcam-grid{grid-template-columns:1fr}.snapshot-main{grid-template-columns:1fr;gap:1.25rem}.snapshot-readings{width:100%;min-width:0}}@media (width<=520px){.header-link{padding-inline:.58rem}.dashboard-heading h1{font-size:clamp(2rem,11vw,2.8rem)}.snapshot-readings{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.snapshot-readings div{padding:.65rem .5rem}.snapshot-readings dd{letter-spacing:-.02em;font-size:.78rem}.daily-list article{grid-template-columns:1fr auto}.daily-wind{grid-area:2/1}.daily-temp{grid-area:1/2/3}.tide-heading{flex-direction:column;align-items:start;gap:.2rem}.tide-item{grid-template-columns:5px minmax(0,1fr) auto;gap:.35rem;padding:.55rem}.tide-marker{width:5px}.webcam-heading{flex-direction:column;align-items:start;gap:.2rem}.webcam-card-caption{flex-direction:column;align-items:start;gap:.05rem}}@media (width<=360px){.snapshot-readings{grid-template-columns:1fr}.snapshot-readings div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.snapshot-readings dt{margin:0}.tide-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}