:root{--deep: #0E3A4C;--deep-2: #0A2C3A;--shoal: #CFE3EA;--shoal-2: #E4EFF2;--paper: #F6F9F9;--buff: #E3D29E;--magenta: #A8235F;--magenta-2: #8C1C4E;--kelp: #55703F;--muted: #4C6773;--line: #B7CDD5;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", system-ui, sans-serif;--s-1: .8rem;--s0: 1rem;--s1: 1.25rem;--s2: 1.563rem;--s3: 1.953rem;--s4: 2.441rem;--s5: 3.815rem;--gutter: clamp(16px, 4vw, 40px);--maxw: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--deep);font:400 1.0625rem/1.6 var(--body)}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--magenta)}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.05;margin:0 0 .4em;letter-spacing:.005em}h1{font-size:clamp(var(--s4),7vw,var(--s5))}h2{font-size:clamp(var(--s2),4vw,var(--s3))}h3{font-size:var(--s1)}p{margin:0 0 1em;max-width:68ch}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--paper);padding:8px 12px;z-index:10}.muted{color:var(--muted)}.site-header{background:var(--deep);color:var(--paper)}.header-row{display:flex;align-items:center;gap:24px;min-height:68px;flex-wrap:wrap}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.5rem/1 var(--display);color:var(--paper)}.wordmark em{font-style:italic;font-weight:500;color:var(--shoal)}.wordmark-badge{width:46px;height:auto;color:var(--shoal)}.wordmark-badge .buoy{fill:var(--magenta)}.wordmark:hover{color:var(--paper)}.nav{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav a{text-decoration:none;font:500 1.1rem/1 var(--display);color:var(--shoal);padding:6px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--paper);border-bottom-color:var(--magenta)}.cart-link{margin-left:auto;text-decoration:none;font:500 1.1rem/1 var(--display);color:var(--paper);display:inline-flex;gap:8px;align-items:center}.cart-count{background:var(--magenta);color:#fff;border-radius:999px;min-width:24px;height:24px;display:inline-grid;place-items:center;font:600 .85rem/1 var(--body);padding:0 6px}@media(max-width:720px){.header-row{padding-top:10px;padding-bottom:10px;gap:10px 16px}nav{order:3;width:100%;overflow-x:auto}.nav{flex-wrap:nowrap;gap:18px}.nav a{white-space:nowrap}.wordmark{font-size:1.2rem}.wordmark-badge{width:34px}}.hero{padding:clamp(28px,6vw,64px) 0 clamp(28px,5vw,48px)}.hero-copy{max-width:46rem;margin-bottom:clamp(24px,4vw,40px)}.hero-copy p{font-size:var(--s1);color:var(--muted)}.insets{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,20px)}@media(max-width:820px){.insets{grid-template-columns:1fr}}.inset{display:block;text-decoration:none;border:1.5px solid var(--deep);background:var(--shoal);position:relative}.inset svg{width:100%;height:auto}.inset-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;background:var(--paper);border-top:1.5px solid var(--deep)}.inset-caption strong{font:700 var(--s2)/1 var(--display);white-space:nowrap}.inset-caption span{color:var(--muted);font-size:.95rem;text-align:right}.inset:hover{color:var(--deep)}.inset:hover .inset-caption strong{color:var(--magenta)}.inset:hover .chart-buoy{transform:translateY(-3px)}.chart-buoy{transition:transform .2s ease;transform-box:fill-box}@media(prefers-reduced-motion:reduce){.chart-buoy{transition:none}}.promises{border-top:1.5px solid var(--deep);border-bottom:1.5px solid var(--deep);background:var(--shoal-2)}.promises ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 auto;padding:0 var(--gutter)}.promises li{padding:18px 24px;border-left:1px solid var(--line)}.promises li:first-child{border-left:0;padding-left:0}.promises b{display:block;font:700 var(--s1)/1.1 var(--display)}@media(max-width:720px){.promises ul{grid-template-columns:1fr}.promises li{border-left:0;border-top:1px solid var(--line);padding-left:0}.promises li:first-child{border-top:0}}.section{padding:clamp(36px,6vw,72px) 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(14px,2vw,24px)}.card{text-decoration:none;display:flex;flex-direction:column}.card-art{aspect-ratio:1;background:var(--shoal);border:1px solid var(--line);overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover}.cart-line img{width:88px;height:88px}.card-body{padding:10px 2px 0;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.card-title{font:600 1.02rem/1.3 var(--body);margin:0}.card-price{font:700 var(--s1)/1 var(--display);white-space:nowrap}.card-note{font-size:.9rem;color:var(--muted);margin:2px 2px 0}.card:hover .card-title{color:var(--magenta)}.soon{color:var(--kelp);font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0;list-style:none}.filters button{font:500 1.05rem/1 var(--display);padding:9px 14px;border:1.5px solid var(--deep);background:transparent;color:var(--deep);cursor:pointer}.filters button[aria-pressed=true]{background:var(--deep);color:var(--paper)}.coast-hero{background:var(--shoal);border-bottom:1.5px solid var(--deep)}.coast-hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(28px,5vw,56px)}@media(max-width:820px){.coast-hero .wrap{grid-template-columns:1fr}}.coast-hero .inset{background:var(--shoal)}.species{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}.species li{border:1.5px solid var(--deep);background:var(--paper);padding:4px 10px;font:500 1.05rem/1.2 var(--display)}.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,5vw,64px);padding:clamp(24px,5vw,56px) 0}@media(max-width:820px){.pdp{grid-template-columns:1fr}}.pdp-art{background:var(--shoal);border:1.5px solid var(--deep);align-self:start}.pdp-art img{width:100%;height:auto}.pdp h1{font-size:clamp(var(--s3),5vw,var(--s4))}.crumbs{font-size:.95rem;color:var(--muted);margin-bottom:8px}.price{font:700 var(--s3)/1 var(--display);margin:8px 0 20px}.sizes{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0 0 20px}.sizes legend{font-weight:600;margin-bottom:8px}.sizes label{position:relative}.sizes input{position:absolute;opacity:0;inset:0;cursor:pointer}.sizes span{display:inline-block;min-width:54px;text-align:center;padding:10px 12px;border:1.5px solid var(--deep);font:500 1.1rem/1 var(--display)}.sizes input:checked+span{background:var(--deep);color:var(--paper)}.sizes input:focus-visible+span{outline:3px solid var(--magenta);outline-offset:2px}.sizes input:disabled+span{opacity:.4;text-decoration:line-through}.facts{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:.98rem}.facts dt{font-weight:600}.facts dd{margin:0 0 10px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 1.2rem/1 var(--display);letter-spacing:.02em;padding:15px 24px;border:0;background:var(--magenta);color:#fff;cursor:pointer;text-decoration:none}.btn:hover{background:var(--magenta-2);color:#fff}.btn[disabled]{background:var(--line);color:var(--muted);cursor:not-allowed}.btn-quiet{background:transparent;color:var(--deep);border:1.5px solid var(--deep)}.btn-quiet:hover{background:var(--deep);color:var(--paper)}.btn-block{width:100%}.cart{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(20px,4vw,48px);padding:clamp(24px,5vw,56px) 0;align-items:start}@media(max-width:820px){.cart{grid-template-columns:1fr}}.cart-lines{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--deep)}.cart-line{display:grid;grid-template-columns:88px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.cart-line img{background:var(--shoal);border:1px solid var(--line)}.cart-line h3{font:600 1rem/1.3 var(--body);margin:0}.qty{display:inline-flex;border:1.5px solid var(--deep);margin-top:8px}.qty button{width:34px;height:34px;border:0;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--deep)}.qty output{min-width:32px;display:grid;place-items:center;font-weight:600}.link-btn{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem;margin-left:12px}.summary{border:1.5px solid var(--deep);padding:20px;background:var(--shoal-2)}.summary dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0 0 16px}.summary dd{margin:0;text-align:right;font-weight:600}.summary .total{font:700 var(--s2)/1 var(--display);padding-top:8px;border-top:1px solid var(--line)}.ship-meter{height:8px;background:var(--paper);border:1px solid var(--line);margin:6px 0 16px}.ship-meter i{display:block;height:100%;background:var(--kelp)}.empty{padding:48px 0}.error{color:var(--magenta-2);font-weight:600}.site-footer{background:var(--deep);color:var(--shoal);margin-top:40px;padding:40px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}@media(max-width:720px){.footer-grid{grid-template-columns:1fr}}.footer-mark{font:700 var(--s2)/1 var(--display);color:var(--paper)}.footer-head{font:700 var(--s1)/1 var(--display);color:var(--paper);margin-bottom:8px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:4px 0}.site-footer a{color:var(--shoal)}.site-footer a:hover{color:#fff}.fine{font-size:.85rem;margin-top:24px;opacity:.8}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--deep);color:var(--paper);padding:12px 18px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translate(-50%);pointer-events:auto}.toast a{color:#fff;font-weight:600;margin-left:10px}@media(prefers-reduced-motion:reduce){.toast{transition:none}}.prose{padding:clamp(24px,5vw,56px) 0;max-width:70ch}.prose h2{margin-top:1.4em}.admin table{width:100%;border-collapse:collapse;font-size:.95rem}.admin th,.admin td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.admin input{font:inherit;padding:8px;border:1.5px solid var(--deep);background:#fff}.tag{display:inline-block;padding:2px 8px;border:1px solid var(--deep);font-size:.82rem}.tag.attention{background:var(--magenta);color:#fff;border-color:var(--magenta)}
