:root{--bg:#071019;--bg-deep:#040a10;--surface:#0e1e2b;--surface-raised:#142a3b;--border:#1f3a4d;--text:#e8f3f3;--text-dim:#9fb8c2;--teal:#2dd4bf;--teal-strong:#5eead4;--coral:#ff8a65;--shadow:0 1.25rem 2.5rem #00000073;--radius:.75rem}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--text);background:radial-gradient(ellipse 60rem 40rem at 15% -10%, #2dd4bf1f, transparent 60%), radial-gradient(ellipse 50rem 30rem at 110% 10%, #ff8a6514, transparent 55%), var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--teal-strong);text-decoration-color:#5eead466}a:hover,a:focus-visible{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--teal-strong);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--teal);color:var(--bg-deep);z-index:100;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition:top .15s;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-bottom:1px solid var(--border);background:#071019d9;position:sticky;top:0}.header-inner{align-items:center;gap:1rem;max-width:75rem;margin:0 auto;padding:.9rem 1.5rem;display:flex}.brand{color:var(--text);align-items:center;gap:.6rem;margin-right:auto;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:2rem;height:2rem;color:var(--teal-strong);flex-shrink:0}.nav-toggle{background:var(--surface);border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;display:none}.nav-toggle svg{width:1.3rem;height:1.3rem}.primary-nav ul{align-items:center;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.primary-nav a{color:var(--text-dim);border-bottom:2px solid #0000;padding:.25rem 0;font-weight:500;text-decoration:none}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text)}.primary-nav a[aria-current=page]{color:var(--teal-strong);border-bottom-color:var(--teal-strong)}.cart-badge{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;font-weight:600;display:inline-flex}.cart-badge .cart-count{background:var(--coral);min-width:1.4rem;height:1.4rem;color:var(--bg-deep);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.75rem;display:inline-flex}main{max-width:75rem;margin:0 auto;padding:0 1.5rem}section{padding:3.5rem 0}section+section{border-top:1px solid var(--border)}h1{margin:0 0 1rem;font-size:clamp(2.1rem,4.5vw,3.25rem);line-height:1.1}h2{margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem)}.eyebrow{color:var(--teal-strong);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.lede{color:var(--text-dim);max-width:40rem;font-size:1.15rem}.section-head{margin-bottom:2rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--teal);color:var(--bg-deep)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--teal-strong)}.btn-secondary{border-color:var(--border);color:var(--text);background:0 0}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--teal-strong);color:var(--teal-strong)}.btn-small{border-radius:.5rem;padding:.45rem .9rem;font-size:.85rem}.btn[data-state=added]{background:var(--coral);color:var(--bg-deep)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;padding-top:3rem;display:grid}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-art{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(160deg, var(--surface-raised), var(--surface) 70%);border:1px solid var(--border);box-shadow:var(--shadow);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-art svg{width:70%;height:70%}.hero-photo{object-fit:cover;object-position:center 15%;border-radius:inherit;width:100%;height:100%;display:block}.grid{gap:1.5rem;display:grid}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.feature-grid,.team-grid{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.category-card{text-align:center;color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.category-card:hover,.category-card:focus-visible{border-color:var(--teal-strong);transform:translateY(-.15rem)}.category-card svg{width:2.5rem;height:2.5rem;color:var(--teal-strong);margin:0 auto .75rem}.category-card h3{margin:0 0 .25rem;font-size:1rem}.category-card p{color:var(--text-dim);margin:0;font-size:.85rem}.product-card{flex-direction:column;gap:.75rem;display:flex}.product-icon{aspect-ratio:5/3;background:linear-gradient(160deg, var(--surface-raised), var(--surface));border-radius:.5rem;justify-content:center;align-items:center;width:100%;display:flex}.product-icon svg{width:3.5rem;height:3.5rem;color:var(--teal-strong)}.product-card .tag{text-transform:uppercase;letter-spacing:.05em;color:var(--coral);align-self:flex-start;font-size:.7rem;font-weight:700}.product-card h3{margin:0;font-size:1.05rem}.product-card p{color:var(--text-dim);flex-grow:1;margin:0;font-size:.9rem}.product-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.price{font-size:1.1rem;font-weight:700}.product-card.is-hidden{display:none}.filter-row{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.filter-btn:hover,.filter-btn:focus-visible{color:var(--text)}.filter-btn[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--bg-deep);font-weight:600}.feature-grid .card h3{margin:0 0 .5rem}.feature-grid svg{width:2rem;height:2rem;color:var(--coral);margin-bottom:.75rem}.feature-grid p{color:var(--text-dim);margin:0}.testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem}.testimonial blockquote{color:var(--text);margin:0 0 1rem;font-size:1.3rem;font-style:italic}.testimonial figcaption{color:var(--text-dim)}.team-card{text-align:center}.avatar{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1rem;display:flex}.avatar svg{width:2.25rem;height:2.25rem;color:var(--teal-strong)}.team-card h3{margin:0 0 .15rem}.team-card .role{color:var(--coral);margin:0 0 .5rem;font-size:.85rem;font-weight:600}.team-card p:last-child{color:var(--text-dim);margin:0}.approach-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.approach-list li{align-items:flex-start;gap:.9rem;display:flex}.approach-list svg{width:1.4rem;height:1.4rem;color:var(--teal-strong);flex-shrink:0;margin-top:.15rem}.approach-list p{color:var(--text-dim);margin:.15rem 0 0}.contact-layout{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.contact-photo{aspect-ratio:4/3;margin-bottom:.5rem}.info-list{gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.info-list li{align-items:flex-start;gap:.9rem;display:flex}.info-list svg{width:1.4rem;height:1.4rem;color:var(--coral);flex-shrink:0;margin-top:.15rem}.info-list strong{display:block}.info-list span,.info-list a{color:var(--text-dim)}form{gap:1rem;display:grid}.field{gap:.4rem;display:grid}label{font-size:.9rem;font-weight:600}input,textarea{font:inherit;border:1px solid var(--border);background:var(--bg-deep);color:var(--text);border-radius:.5rem;padding:.65rem .85rem}input:focus-visible,textarea:focus-visible{outline:2px solid var(--teal-strong);outline-offset:1px}.form-note{color:var(--text-dim);min-height:1.2em;font-size:.85rem}.form-note[data-state=success]{color:var(--teal-strong);font-weight:600}.newsletter-form{flex-wrap:wrap;gap:.6rem;display:flex}.newsletter-form .field{flex:1;min-width:12rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-deep);margin-top:2rem}.footer-inner{grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:2rem;max-width:75rem;margin:0 auto;padding:3rem 1.5rem 2rem;display:grid}.footer-inner h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1rem}.footer-brand p{color:var(--text-dim);max-width:18rem}.footer-links{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:var(--text-dim);text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:1.25rem 1.5rem;font-size:.85rem}@media (width<=960px){.hero{grid-template-columns:1fr}.category-grid,.feature-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.nav-toggle{display:flex}.primary-nav{background:var(--bg);border-bottom:1px solid var(--border);max-height:0;transition:max-height .2s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.primary-nav.is-open{max-height:20rem}.primary-nav ul{flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.5rem 1rem}.primary-nav li{border-top:1px solid var(--border)}.primary-nav a{padding:.75rem 0;display:block}.header-inner{flex-wrap:wrap;position:relative}.category-grid,.feature-grid,.team-grid,.footer-inner{grid-template-columns:1fr}section{padding:2.5rem 0}.testimonial{padding:1.75rem}.testimonial blockquote{font-size:1.1rem}}.fish-icon{vertical-align:-.2rem;width:1.9rem;height:1.2rem;color:var(--teal-strong);transform-origin:50%;margin-right:.5rem;animation:2.6s ease-in-out infinite fish-bob;display:inline-block}.fish-icon-tail{transform-origin:46px 20px;animation:.7s ease-in-out infinite fish-tail-wag}@keyframes fish-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-3deg)}}@keyframes fish-tail-wag{0%,to{transform:rotate(0)}50%{transform:rotate(16deg)}}@media (prefers-reduced-motion:reduce){.fish-icon,.fish-icon-tail{animation:none}}.btn,.filter-btn{position:relative;overflow:hidden}.ripple{pointer-events:none;background:radial-gradient(circle,#ffffff8c,#5eead459 60%,#5eead400 100%);border-radius:50%;animation:.6s ease-out ripple-expand;position:absolute;transform:scale(0)}@keyframes ripple-expand{to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.ripple{display:none}}.page-banner{border-radius:var(--radius);box-shadow:var(--shadow);background-position:50%;background-size:cover;margin-top:2rem;padding:4rem 2rem;position:relative;overflow:hidden}.page-banner:before{content:"";opacity:0;background:linear-gradient(#040a108c,#040a10e0);animation:1.8s ease-out .2s forwards banner-overlay-in;position:absolute;inset:0}.page-banner>*{position:relative}.page-banner .lede{color:var(--text)}.page-banner-intro{opacity:0;animation:1s ease-out .6s forwards banner-text-in;transform:translateY(.75rem)}@media (prefers-reduced-motion:reduce){.page-banner:before{opacity:1;animation:none}.page-banner-intro{opacity:1;animation:none;transform:none}}.fish-hero{grid-template-columns:.8fr 1.6fr;align-items:center;gap:2.5rem;padding-top:3rem;display:grid}.fish-hero-art{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.fish-hero-art img{object-fit:cover;width:100%;height:100%;display:block}.fish-hero-art:before{content:"";opacity:0;background:linear-gradient(#040a101a,#040a1099);animation:1.8s ease-out .2s forwards banner-overlay-in;position:absolute;inset:0}.fish-hero-intro{opacity:0;animation:1s ease-out .6s forwards banner-text-in;transform:translateY(.75rem)}@media (prefers-reduced-motion:reduce){.fish-hero-art:before{opacity:1;animation:none}.fish-hero-intro{opacity:1;animation:none;transform:none}}@media (width<=960px){.fish-hero{grid-template-columns:1fr}}.approach-feature{grid-template-columns:1.3fr .7fr;align-items:center;gap:2.5rem;display:grid}.approach-photo{aspect-ratio:3/4}.approach-photo img{object-fit:cover;width:100%;height:100%}@media (width<=960px){.approach-feature{grid-template-columns:1fr}}.split-feature{grid-template-columns:.9fr 1.1fr;align-items:center;gap:2.5rem;display:grid}.split-feature-art{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.split-feature-art img{object-fit:cover;width:100%;height:100%}.photo-credit{color:var(--text-dim);margin:.5rem 0 0;font-size:.75rem}.product-icon-transparent{background:0 0;position:relative}.product-icon-transparent img{object-fit:contain;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);position:absolute;inset:.75rem}.photo-blend{box-shadow:none;background:0 0;border:none;border-radius:0;-webkit-mask-image:radial-gradient(70% 70%,#000 55%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 55%,#0000 100%)}.shop-parallax{background-image:url(./tank-ocean-Cweugzbc.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;position:relative}.shop-parallax:before{content:"";opacity:0;background:linear-gradient(#07101966,#071019e0 60%,#071019f5);animation:1.8s ease-out .2s forwards banner-overlay-in;position:absolute;inset:0}.shop-parallax>*{z-index:1;position:relative}.shop-intro{opacity:0;animation:1s ease-out .6s forwards banner-text-in;transform:translateY(.75rem)}@keyframes banner-overlay-in{to{opacity:1}}@keyframes banner-text-in{to{opacity:1;transform:translateY(0)}}@media (width<=640px),(prefers-reduced-motion:reduce){.shop-parallax{background-position:top;background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.shop-parallax:before{opacity:1;animation:none}.shop-intro{opacity:1;animation:none;transform:none}}@media (width<=960px){.split-feature{grid-template-columns:1fr}}