:root{--navy:#062b5c;--blue:#0877c9;--sky:#eaf7ff;--ink:#102a43;--muted:#52677b;--white:#fff;--gold:#c99b3b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #dbe8f3}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}
.anchor{width:45px;height:45px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-size:27px}.brand strong{font-size:21px;letter-spacing:.5px}.brand small{display:block;letter-spacing:3px;font-size:9px}
nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;color:var(--navy);font-weight:700}.btn{display:inline-block;padding:12px 20px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700}.btn.alt{background:#fff;color:var(--navy);border:2px solid var(--blue)}
.hero{min-height:570px;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.80) 40%,rgba(255,255,255,.08) 70%),url('assets/brand-banner.jpg') center/cover no-repeat;display:flex;align-items:center}
.hero-copy{width:min(650px,92%)}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1,.pagehero h1,h2{font-family:Georgia,serif;color:var(--navy)}
.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:10px 0 18px}.hero p{font-size:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.badges{background:var(--navy);color:#fff}.badgegrid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.badge{padding:23px;border-right:1px solid #5b7798;font-weight:800}.badge:last-child{border:0}
section{padding:70px 0}h2{font-size:40px;margin:0 0 20px}.lead{font-size:18px;color:var(--muted)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.story-card{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0b31521f}.story-card img{width:100%;height:390px;object-fit:cover}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.pillar{background:var(--sky);padding:18px;border-radius:12px;text-align:center;font-weight:700;color:var(--navy)}
.cta{background:linear-gradient(135deg,#e8f7ff,#fff)}.pagehero{background:linear-gradient(135deg,var(--navy),#0877c9);color:#fff;padding:65px 0}.pagehero h1{color:#fff;font-size:52px;margin:0 0 12px}.pagehero p{max-width:760px;font-size:19px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid #d9e6ef;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 18px #0b315210}.fish-art{height:175px;background:linear-gradient(145deg,#05386b,#0c89b9);display:grid;place-items:center;color:#fff;font-size:56px}.product .text{padding:17px}.product h3{margin:0 0 5px;color:var(--navy)}
.value{background:#f5fbff}.valuegrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.valuecard{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0b315216}.valuecard img{width:100%;height:330px;object-fit:cover}.valuecard div{padding:22px}.valuecard h3{font-family:Georgia,serif;color:var(--navy);font-size:28px;margin:0 0 8px}
.contact{background:linear-gradient(135deg,#fff3e7,#eaf7ff)}.contactgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.contactbox{background:#fff;padding:28px;border-radius:16px;box-shadow:0 8px 25px #0b315216}.contactbox a{color:var(--navy);font-weight:700;text-decoration:none}
footer{background:#041f43;color:#fff;padding:28px 0}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot a{color:#fff;text-decoration:none;margin-left:18px}
@media(max-width:800px){nav a:not(.btn){display:none}.hero{min-height:520px;background-position:60% center}.twocol,.contactgrid,.valuegrid{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.pillars{grid-template-columns:1fr}.badgegrid{grid-template-columns:1fr}.badge{border-right:0;border-bottom:1px solid #5b7798}.story-card img{height:300px}}
@media(max-width:520px){.products{grid-template-columns:1fr}.brand strong{font-size:16px}.nav{height:68px}.hero h1{font-size:42px}.pagehero h1{font-size:40px}.valuecard img{height:260px}}