:root{--ocean:#146a9b;--teal:#168d8b;--coral:#e45d52;--salt:#fbf7ed;--sand:#efe1bf;--ink:#143248;--serif:'Lora',serif;--sans:'Outfit',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--salt);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{height:74px;position:absolute;z-index:3;width:100%;padding:0 6%;display:flex;align-items:center;justify-content:space-between;color:var(--salt)}.brand{display:flex;gap:9px;align-items:center;font-weight:700}.brand img{height:37px;width:37px}.brand small{display:block;font:9px var(--mono);text-transform:uppercase}header nav,footer nav{display:flex;gap:21px;font:14px var(--mono);text-transform:uppercase}.weather{padding:74px 6% 0;min-height:760px;display:grid;grid-template-columns:1fr .9fr;background:var(--ocean);color:var(--salt)}.weather>div{padding:105px 8% 55px 0;display:flex;justify-content:center;flex-direction:column}.weather p,.conditions p:first-child,.forecast p:first-child,.tide p:first-child,.buoy p:first-child,.kit p:first-child,.access p:first-child,.storm p:first-child,.faq p:first-child,.log p:first-child,.clear p{font:11px var(--mono);letter-spacing:.09em;color:#d9e8ce}.weather h1{font:clamp(4.4rem,8vw,8.2rem)/.83 var(--serif);letter-spacing:-.08em;margin:0 0 25px}.weather h1 em,.conditions h2 em,.forecast h2 em,.tide h2 em,.buoy h2 em,.kit h2 em,.access h2 em,.storm h2 em,.faq h2 em,.log h2 em,.clear h2 em{color:#d9e8ce}.weather>div>p:not(:first-child){font-size:18px;line-height:1.7;max-width:500px}.weather a{display:block;width:max-content;min-height:48px;margin-top:27px;padding:13px 16px;background:#d9e8ce;color:var(--ink);font-weight:700}.weather>img{height:100%;width:100%;object-fit:cover}.isobars{display:flex;gap:10px;align-items:center;margin-top:47px}.isobars i{width:38px;height:3px;background:var(--teal)}.isobars i:nth-child(2){background:var(--coral)}.isobars span{margin-left:14px;font:10px var(--mono);color:#d9e8ce}.conditions{padding:115px 8%;display:grid;grid-template-columns:.7fr 1.15fr;gap:9vw;background:#fff}.conditions>img{height:500px;width:100%;object-fit:cover}.conditions>div{align-self:center}.conditions h2,.forecast h2,.tide h2,.buoy h2,.kit h2,.access h2,.storm h2,.faq h2,.log h2,.clear h2{font:clamp(3.2rem,5.5vw,6.3rem)/.86 var(--serif);letter-spacing:-.07em;margin:0 0 20px}.conditions>div>p:not(:first-child),.forecast>div>p:not(:first-child),.buoy>div>p:not(:first-child),.access>div>p:not(:first-child),.storm>div>p:not(:first-child),.log>div>p:not(:first-child){line-height:1.75}.cond-buttons button{min-height:45px;padding:9px 12px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:700}.cond-buttons .active{background:var(--ocean);color:#fff}.conditions output{display:block;margin-top:19px;background:var(--sand);padding:20px;border-left:7px solid var(--coral)}.conditions output b,#buoyNote b{font:12px var(--mono);color:var(--ocean)}.conditions output p,#buoyNote p{margin:10px 0 0;line-height:1.7}.forecast{padding:115px 8%;display:grid;grid-template-columns:.8fr .7fr .8fr;gap:35px;background:var(--teal);color:#fff}.forecast p:first-child{color:#ffe47c}.forecast h2 em{color:#ffe47c}.forecast>img{width:100%;height:380px;object-fit:cover}.forecast-list{align-self:end}.forecast-list article{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.7)}.forecast-list span{font:11px var(--mono);color:#ffe47c}.forecast-list b{display:block;font:27px/1 var(--serif);margin:8px 0}.forecast-list p{line-height:1.6;margin:0}.tide{padding:115px 8%;display:grid;grid-template-columns:.7fr 1.15fr .65fr;gap:40px;background:var(--sand)}.tide-track{border-top:1px solid var(--ink)}.tide-track p{margin:0;padding:20px 0;border-bottom:1px solid var(--ink);line-height:1.6}.tide-track span{display:block;font:11px var(--mono);color:var(--coral);margin-bottom:6px}.tide>img{height:400px;width:100%;object-fit:cover}.buoy{padding:115px 8%;display:grid;grid-template-columns:.75fr 1.1fr;gap:10vw;background:var(--ink);color:#fff}.buoy>img{height:480px;width:100%;object-fit:cover}.buoy>div{align-self:center}.buoy p:first-child{color:#ffe47c}.buoy h2 em{color:#ffe47c}.buoy input{width:100%;accent-color:#ffe47c;margin:20px 0}.buoy #buoyNote{background:var(--salt);color:var(--ink);padding:20px;border-left:7px solid var(--coral)}.kit{padding:115px 8%;background:var(--coral);color:#fff;display:grid;grid-template-columns:.7fr .65fr 1fr;gap:35px}.kit p:first-child{color:#ffe47c}.kit>img{height:410px;width:100%;object-fit:cover}.kit-grid{border-top:1px solid #fff;align-self:end}.kit-grid article{padding:17px 0;border-bottom:1px solid #fff}.kit-grid b{font:28px var(--serif)}.kit-grid p{line-height:1.65;margin:8px 0 0}.access{padding:115px 8%;display:grid;grid-template-columns:1fr .8fr;gap:10vw;background:#fff}.access>img{height:480px;width:100%;object-fit:cover}.access ul{padding-left:20px;line-height:1.8}.access li::marker{color:var(--coral)}.storm{padding:115px 8%;display:grid;grid-template-columns:.7fr 1.15fr;gap:10vw;background:var(--ocean);color:#fff}.storm>img{height:480px;width:100%;object-fit:cover}.storm>div{align-self:center}.storm p:first-child{color:#ffe47c}.storm h2 em{color:#ffe47c}.storm details{padding:17px 0;border-top:1px solid rgba(255,255,255,.7)}.storm summary{font:21px/1.2 var(--serif);cursor:pointer}.storm details p{line-height:1.75;margin:11px 0 0;color:#e2f1f1}.faq{padding:115px 8%;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;background:var(--salt)}.accordion-item{border:0;border-radius:0!important;border-bottom:1px solid var(--ink);background:transparent}.accordion-button{padding:22px 0;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font:600 18px var(--sans)}.accordion-body{padding:0 0 22px;line-height:1.75}.log{padding:115px 8%;display:grid;grid-template-columns:1fr .85fr;gap:10vw;background:var(--teal);color:#fff}.log p:first-child{color:#ffe47c}.log h2 em{color:#ffe47c}.log>div>img{margin-top:24px;width:100%;height:220px;object-fit:cover}.log form{align-self:center;padding:28px;background:var(--salt);color:var(--ink);display:grid;gap:12px}.form-control,.form-select{font-size:16px;padding:13px;border-radius:0}.log textarea{min-height:115px}.log label{font-size:14px}.log button{min-height:48px;padding:13px;border:0;background:var(--ocean);color:#fff;font-weight:700}.log #result{margin:0;font-weight:700}.clear{min-height:470px;display:flex;align-items:end;padding:85px 8%;position:relative;isolation:isolate;color:#fff}.clear>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.clear:after{content:'';position:absolute;inset:0;background:rgba(20,50,72,.6);z-index:-1}.clear p{color:#ffe47c}.clear h2{font-size:clamp(4rem,7vw,8rem)}.clear h2 em{color:#ffe47c}footer{padding:55px 8%;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;background:var(--salt)}footer p{max-width:300px;margin:0;line-height:1.7}@media(max-width:760px){header{height:64px;padding:0 5%}header nav{display:none}.weather{grid-template-columns:1fr;padding:64px 0 0}.weather>div{min-height:540px;padding:86px 8% 45px}.weather>img{height:390px}.conditions,.forecast,.tide,.buoy,.kit,.access,.storm,.faq,.log{grid-template-columns:1fr;gap:34px;padding:75px 7%}.conditions>img,.buoy>img,.access>img,.storm>img{height:350px}.forecast>img,.tide>img,.kit>img{height:320px}.log form{padding:22px}.clear{padding:75px 7%;min-height:420px}footer{padding:45px 7%;display:grid;grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}