@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#0c2a33;--teal:#9dd9ce;--muted:#66767a;--paper:#f7f9f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #6abbb0;outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:white;z-index:100}.skip:focus{top:10px}header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;color:white;padding:32px 5.5%;border-bottom:1px solid #ffffff26;transition:background .3s}nav{display:flex;gap:35px;font-size:14px}nav a{padding:9px 0;position:relative}nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--teal);transition:width .3s}nav a:hover:after{width:100%}.brand{display:flex;align-items:center;gap:15px;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:24px;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:5px}.brandmark{font-size:55px;line-height:.7;font-family:Georgia,serif;color:var(--teal);font-weight:400}.hero{height:min(850px,100svh);min-height:670px;position:relative;color:white;overflow:hidden;background:#12434e}.sea-bg{position:absolute;inset:-20px;background:url('ocean.jpg') center 52%/cover;filter:blur(3px);animation:sea-drift 24s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,36,.74),rgba(7,34,43,.25)),linear-gradient(0deg,rgba(2,28,35,.55),transparent 60%)}.hero-content{position:relative;padding:210px 8% 135px}.eyebrow{font-size:12px;letter-spacing:2.7px;font-weight:600;color:#bbd2d5;margin:0 0 24px;display:flex;align-items:center;gap:12px}.eyebrow>span{width:24px;height:1px;background:var(--teal)}.eyebrow.dark{color:#598078}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500}h1{font-size:clamp(48px,5.4vw,82px);letter-spacing:-3.5px;line-height:1.13;margin-bottom:28px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:#b6e4d8}h2{font-size:clamp(34px,3.2vw,49px);letter-spacing:-1.8px;line-height:1.22;margin-bottom:20px}.hero-copy{font-size:17px;line-height:1.8;color:#d9e3e5;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;background:var(--teal);color:var(--ink);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:background .3s,transform .3s}.button:hover{background:#c2eee5;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#d4dfe2}.hero-bottom a{display:flex;align-items:center;gap:20px}.scroll-line{display:inline-block;width:1px;height:28px;background:#d4dfe2}.section-pad{padding:90px 8%}.clients{text-align:center;background:#fff;padding-top:60px;padding-bottom:40px}.section-intro .eyebrow{justify-content:center;margin-bottom:14px}.section-intro h2{font-size:33px;letter-spacing:-1px;margin-bottom:10px}.section-intro>p:last-child{color:var(--muted);font-size:15px}.client-logos{display:flex;align-items:center;justify-content:space-evenly;gap:60px;margin:43px 0 28px}.client-logos a{flex:1;padding:15px;transition:transform .3s,opacity .3s;opacity:.65}.client-logos a:hover{transform:translateY(-5px);opacity:1}.client-logos img{width:100%;max-width:175px;height:55px;object-fit:contain;filter:grayscale(1)}.sample-note,.draft-note{font-size:12px;color:#6b7b7d;margin:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{margin:0}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{position:relative;min-height:460px;overflow:hidden;background:#1d3b43;text-align:left;color:white;border:0;padding:0;width:100%;border-radius:3px}.product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .5s}.product:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#051b3130,transparent 35%,#041b28e6 100%)}.product-top{position:absolute;z-index:1;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px}.plus{border:1px solid #ffffff77;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;font-size:21px;font-weight:400;transition:transform .4s}.product-info{position:absolute;bottom:26px;left:25px;right:25px;z-index:1;display:block}.product-title{display:block;font-family:Manrope,Arial,sans-serif;font-size:24px;letter-spacing:-.7px}.product-description{display:grid;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .5s,margin .5s;line-height:1.65;font-size:15px;color:#e4eded}.product-category{display:block;font-size:9px;letter-spacing:1.7px;color:#bcd8d6;margin-top:15px}.product:hover img,.product:focus-visible img,.product[aria-expanded=true] img{transform:scale(1.1);filter:brightness(.8)}.product:hover .product-description,.product:focus-visible .product-description,.product[aria-expanded=true] .product-description{max-height:160px;opacity:1;margin-top:15px}.product:hover .plus,.product[aria-expanded=true] .plus{transform:rotate(45deg)}.collection-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:22px}.services{background:var(--ink);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.services h2 em{color:var(--teal)}.service-list article{display:flex;gap:28px;padding:26px 0;border-top:1px solid #ffffff30}.service-list article:first-child{padding-top:0;border-top:0}.service-list article>span{font-size:12px;color:#a4c4c7;margin-top:6px}.service-list h3{font-size:22px;margin-bottom:10px}.service-list p{font-size:15px;line-height:1.8;color:#a9bec3;margin:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;position:relative;overflow:hidden;padding-top:105px;padding-bottom:105px}.about>div{max-width:650px;z-index:1}.about p:not(.eyebrow){max-width:490px;line-height:1.85;color:var(--muted)}.about-word{position:absolute;font-family:Georgia,serif;font-size:280px;bottom:-100px;right:0;color:#e7eeeb;pointer-events:none}footer{background:#08232d;color:white;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-bottom:70px}footer h2{font-size:clamp(43px,4.4vw,66px);margin:0}footer h2 em{color:var(--teal)}.contact-block>p{color:#b3c7cc;font-size:15px}.contact-button{color:white;font-size:23px;background:none;border:0;border-bottom:1px solid #77979c;padding:0 0 12px;text-align:left}.contact-button:hover{color:var(--teal)}.socials{display:flex;gap:26px;margin-top:35px}.socials button{background:none;color:#c2d3d6;border:0;padding:0;font-size:14px}.socials button:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff26;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom p,.footer-bottom>a:last-child{font-size:12px;color:#a3b9bf;margin:0}.footer-bottom .brand{font-size:19px}.draft-note{margin-top:25px;color:#819ca4}dialog{border:0;border-radius:5px;max-width:470px;width:calc(100% - 36px);padding:45px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#021d29aa;backdrop-filter:blur(5px)}dialog p{line-height:1.7;color:var(--muted)}dialog h2{font-size:35px}.close-dialog{position:absolute;top:12px;right:16px;border:0;background:transparent;color:var(--ink);font-size:28px}dialog .eyebrow{font-size:11px}.dialog-ok{margin-top:10px}@keyframes sea-drift{from{transform:scale(1)}to{transform:scale(1.07) translateX(-10px)}}@media(min-width:1500px){.section-pad{padding-left:max(8%,calc((100% - 1260px)/2));padding-right:max(8%,calc((100% - 1260px)/2))}}@media(max-width:900px){.hero-content{padding-left:6%;padding-right:6%}.section-pad{padding:65px 6%}.product-grid{gap:14px}.product{min-height:400px}.product-title{font-size:20px}.product-info{left:18px;right:18px}.product-top{left:18px;right:18px;font-size:9px}.services{gap:45px;grid-template-columns:1fr 1fr}.client-logos{gap:25px}.section-heading>p{max-width:200px}.about{grid-template-columns:1fr 2fr}}
@media(max-width:600px){header{padding:24px 6%;align-items:flex-start}nav{gap:16px;font-size:12px;flex-wrap:wrap;max-width:210px}.brand{font-size:18px;letter-spacing:1.6px;gap:8px}.brand small{font-size:6px;letter-spacing:1px}.brandmark{font-size:40px}.hero{min-height:680px;max-height:820px}.hero-content{padding-top:210px}h1{font-size:48px;letter-spacing:-2.5px}.hero-copy{font-size:16px}.hero-bottom{font-size:9px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.hero-bottom a{gap:10px}.section-pad{padding:55px 6%}.client-logos{gap:5px;margin:28px 0 20px}.client-logos a{padding:8px}.client-logos img{height:40px}.section-intro h2{font-size:30px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:18px}.section-heading>p br{display:none}.product-grid{grid-template-columns:1fr;gap:20px}.product{min-height:430px}.product-title{font-size:27px}.product-top{font-size:11px;left:23px;right:23px}.product-info{left:23px;right:23px}.collection-foot{gap:20px;font-size:11px}.services{grid-template-columns:1fr;gap:25px}.about{grid-template-columns:1fr;gap:0}.about-word{font-size:200px;bottom:-65px}.footer-top{display:block;padding-bottom:50px}.contact-block{margin-top:38px}.footer-bottom{flex-wrap:wrap;gap:24px}.footer-bottom p{order:3;width:100%;font-size:11px}.draft-note{font-size:11px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px}h2{font-size:35px}.sample-note{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.logo-crop{position:relative;width:66px;height:66px;overflow:hidden;border-radius:50%;background:#fff;display:block;flex-shrink:0}.logo-crop img{position:absolute;width:90px;max-width:none;height:auto;left:-12px;top:-25px}header{padding-top:22px;padding-bottom:22px}@media(max-width:600px){.logo-crop{width:46px;height:46px}.logo-crop img{width:63px;left:-8.5px;top:-17.5px}header .brand{font-size:15px}header nav{gap:12px;max-width:195px}}

.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1160px;margin:43px auto 0}.client-logos a{height:112px;min-width:0;display:flex;align-items:center;justify-content:center;background:#f2f6f5;border:1px solid #e8efed;border-radius:3px;padding:22px;opacity:1;transition:transform .3s,box-shadow .3s}.client-logos a:hover{transform:translateY(-5px);box-shadow:0 14px 26px #0b293212}.client-logos a.prime{background:#113b50}.client-logos img{width:100%;max-width:230px;max-height:68px;height:auto;object-fit:contain;filter:none}.client-logos a:nth-child(3) img{max-height:82px;max-width:130px}@media(max-width:700px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logos a{height:105px;padding:15px}.client-logos img{max-height:60px}}
.clients .section-intro h2{font-size:clamp(42px,4.7vw,68px);font-weight:600;letter-spacing:-2.6px;line-height:1.1;margin-bottom:15px}.clients .section-intro .eyebrow{font-size:13px;letter-spacing:2.6px}.client-logos{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1260px}.client-logos a:last-child img{max-height:82px;width:auto;max-width:100%}@media(max-width:700px){.clients .section-intro h2{font-size:clamp(38px,10vw,54px);letter-spacing:-1.8px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logos a:last-child{grid-column:1/-1;width:min(100%,240px);justify-self:center}}

header{position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,#051d29ad,#051d2920);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-color:#ffffff33}header.scrolled{background:#082936e8;box-shadow:0 10px 30px #071b2520}
.fish-hero{height:100svh;min-height:620px;position:relative;overflow:hidden;color:#fff;background:#103849}.fish-hero-bg{position:absolute;inset:-20px;background:url('fish.jpg') center 45%/cover;filter:blur(2px);transform:scale(1.025)}.fish-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061f31ed 0%,#072c3baa 47%,#10263251 100%),linear-gradient(0deg,#061f2d88 0%,transparent 45%)}.fish-hero-content{position:absolute;top:50%;left:8%;transform:translateY(-40%);padding:30px 35px 35px;width:min(730px,76vw);border:1px solid #dcf8ef75;background:#0b33433b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 25px 70px #0019213c;border-radius:3px}.fish-hero-content h1{font-size:clamp(48px,5.3vw,78px);line-height:1.12;letter-spacing:-3px;margin:0 0 24px}.fish-hero-content h1 em{color:#b9e8df}.fish-hero-content>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#e2eeee;max-width:480px;margin-bottom:28px}.fish-hero-bottom{position:absolute;bottom:28px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#deeeee}.fish-hero-bottom a{display:flex;align-items:center;gap:12px}.fish-hero-bottom a span{font-size:21px}.product-story{background:#082c39}.product-story-heading{min-height:48vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:85px 7%;background:linear-gradient(#e3f0ecdf,#e7f1eddc),url('ocean.jpg') center/cover}.product-story-heading h2{font-size:clamp(38px,4.5vw,64px);margin:0 0 15px}.product-story-heading>p:last-child{color:#4d6c73;font-size:16px;line-height:1.7}.product-chapter{height:120svh;min-height:760px;position:relative;color:white;isolation:isolate}.chapter-bg,.chapter-overlay{position:absolute;inset:0}.chapter-bg{background-position:center;background-size:cover;filter:blur(3px);transform:scale(1.02)}.chapter-whole .chapter-bg{background-image:url('vessel.jpg')}.chapter-shrimp .chapter-bg{background-image:url('ocean.jpg')}.chapter-fillet .chapter-bg{background-image:url('vessel.jpg');background-position:center 72%}.chapter-overlay{background:linear-gradient(90deg,#041b2ccf,#0d34469e),#08293640}.chapter-inner{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:105px 9% 55px;z-index:1}.chapter-photo{height:min(64vh,580px);max-height:100%;overflow:hidden;border:8px solid #ffffffc9;box-shadow:0 28px 65px #00182391;opacity:0;transform:translateY(80px) scale(.94);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.chapter-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.chapter-photo:hover img{transform:scale(1.07)}.chapter-copy{padding:40px;background:#092d3eb2;border:1px solid #e1f6ee6e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 55px #0017223b;opacity:0;transform:translateY(100px);transition:opacity .8s ease .16s,transform 1s cubic-bezier(.2,.7,.2,1) .16s}.product-chapter.is-visible .chapter-photo,.product-chapter.is-visible .chapter-copy{opacity:1;transform:translateY(0) scale(1)}.chapter-copy h3{font-size:clamp(38px,4vw,63px);line-height:1.15;letter-spacing:-2px;margin:0 0 22px}.chapter-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#e0eeed;margin-bottom:25px}.chapter-caption{display:block;border-top:1px solid #ffffff55;padding-top:20px;font-size:11px;letter-spacing:2px;color:#bddbd9}.chapter-shrimp .chapter-photo{order:2}.chapter-shrimp .chapter-copy{order:1}.clients{position:relative;background:#dbe9ea url('ocean.jpg') center 48%/cover}.clients:before{content:'';position:absolute;inset:0;background:#f5fbf6db;backdrop-filter:blur(7px)}.clients>*{position:relative}.clients .section-intro{padding:20px;background:#ffffff5a;backdrop-filter:blur(8px);max-width:680px;margin:auto;border:1px solid #ffffff9c}.services{position:relative;background:#0a2d39 url('vessel.jpg') center/cover}.services:before{content:'';position:absolute;inset:0;background:#052632df}.services>*{position:relative}.services>div:first-child,.service-list{padding:22px 25px;background:#ffffff0d;border:1px solid #ffffff38;backdrop-filter:blur(10px)}.about{background:linear-gradient(90deg,#f7faf7ee,#e6f1efdd),url('ocean.jpg') center/cover}.about>div{padding:25px;background:#ffffff70;border:1px solid #ffffff9c;backdrop-filter:blur(8px)}.about-word{opacity:.5}
@media(max-width:700px){header{padding:17px 5%}.fish-hero-content{left:5%;width:88vw;padding:22px 20px;transform:translateY(-40%)}.fish-hero-content h1{font-size:clamp(38px,10vw,55px);letter-spacing:-2px}.fish-hero-content>p:not(.eyebrow){font-size:15px}.fish-hero-bottom{left:5%;right:5%;font-size:9px;letter-spacing:1px}.product-story-heading{min-height:38vh;padding:75px 5%}.product-chapter{height:115svh;min-height:740px}.chapter-inner{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:94px 6% 35px;align-content:center}.chapter-photo{height:42svh;border-width:5px}.chapter-copy{padding:21px 22px;align-self:start;margin:-40px 13px 0;z-index:2}.chapter-copy h3{font-size:38px;margin-bottom:11px}.chapter-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;margin-bottom:17px}.chapter-caption{padding-top:14px;font-size:9px}.chapter-shrimp .chapter-photo,.chapter-shrimp .chapter-copy{order:initial}.services>div:first-child,.service-list{padding:18px}.about>div{padding:20px}}
@media(prefers-reduced-motion:reduce){.chapter-photo,.chapter-copy{opacity:1;transform:none;transition:none}.chapter-photo img{transition:none}}
/* Each part of the site enters as the visitor scrolls. */
.marine-products{min-height:95svh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#062a39ed,#0a3645d4),url('vessel.jpg') center/cover;color:white}.marine-products .section-heading>p,.marine-products .collection-foot{color:#c9dddf}.marine-products .eyebrow{color:#bce2dc}.marine-products .product{box-shadow:0 22px 42px #0018244d}.marine-products .product-grid{width:100%}.marine-products .product:hover,.marine-products .product:focus-visible{box-shadow:0 28px 55px #00131d88}.marine-products .product:nth-child(2){transition-delay:.12s}.marine-products .product:nth-child(3){transition-delay:.24s}.scroll-reveal{opacity:0;transform:translateY(70px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.clients{min-height:65svh;display:flex;flex-direction:column;justify-content:center}.clients .client-logos{width:100%}.services{min-height:80svh;align-items:center}.about{min-height:70svh;align-items:center}footer{min-height:70svh;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:700px){.marine-products{min-height:0;display:block;padding-top:75px;padding-bottom:75px}.marine-products .product-grid{gap:22px}.marine-products .product{min-height:410px}.clients,.services,.about,footer{min-height:0}.scroll-reveal{transform:translateY(40px)}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}
.fish-hero-bg{background-image:url('kingfish-natural.png');background-position:center 52%;filter:none;transform:scale(1.01)}.fish-hero-shade{background:linear-gradient(90deg,#061d2be6 0%,#08293883 39%,#10263212 70%),linear-gradient(0deg,#071d2a80 0%,transparent 30%)}.fish-hero-content{top:27%;left:7%;transform:none;width:min(530px,44vw);padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.fish-hero-content h1{font-size:clamp(44px,4.3vw,66px)}@media(max-width:700px){.fish-hero-bg{background-position:58% center}.fish-hero-shade{background:linear-gradient(180deg,#061b2bd9 0%,#092e3e9c 38%,#092d3f30 67%,#061b2b85 100%)}.fish-hero-content{top:21%;left:6%;width:88vw;padding:0}.fish-hero-content h1{font-size:clamp(37px,9vw,50px)}.fish-hero-content>p:not(.eyebrow){max-width:320px}}

@media(max-width:700px){.fish-hero-bg{background-position:40% center}}

@media(max-width:700px){.fish-hero-bg{background-position:45% center}}
.product-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.filter-tab{border:1px solid #c7e4e1a3;background:#ffffff14;color:#e4f2f1;padding:11px 17px;border-radius:100px;font-size:13px;letter-spacing:.2px;transition:background .25s,color .25s,transform .25s}.filter-tab:hover{transform:translateY(-2px);background:#ffffff36}.filter-tab.active{background:#b7e2d9;color:#0b2d39;border-color:#b7e2d9;font-weight:700}.marine-products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marine-products .product{min-height:440px}.marine-products .product[hidden]{display:none}.marine-products .product-top{right:auto;max-width:65%;padding:8px 12px;background:#092d3dbd;border:1px solid #ffffff44;border-radius:2px;font-weight:700}.marine-products .product-top .plus{display:none}.marine-products .product:after{background:linear-gradient(180deg,transparent 46%,#041b28e8 100%)}.marine-products .product-info{bottom:22px}.marine-products .product-category{color:#d0e4e1}@media(max-width:1000px){.marine-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.marine-products .product-grid{grid-template-columns:1fr}.marine-products .product{min-height:500px}.product-filters{gap:8px;margin-bottom:25px}.filter-tab{padding:9px 13px;font-size:12px}.marine-products .product-top{font-size:9px}.marine-products .section-heading{display:block}.marine-products .section-heading>p{margin-top:18px}}
.packaging{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);column-gap:7%;row-gap:48px;align-items:center;min-height:90svh;background:linear-gradient(115deg,#082b3b 0%,#0e4251 55%,#092c3a 100%);color:#fff;overflow:hidden}.packaging-copy{max-width:470px}.packaging-copy h2{font-size:clamp(48px,5vw,76px);line-height:1.1;margin-bottom:28px}.packaging-copy em{color:#b7e2d9}.packaging-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#d9e9e9;max-width:400px}.packaging-copy>span{display:inline-block;margin-top:26px;padding-top:16px;border-top:1px solid #ffffff6b;color:#b5d7d4;font-size:10px;letter-spacing:2px}.packaging-media{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr);gap:14px;height:min(72svh,660px);min-height:440px}.packaging-media img{width:100%;height:100%;object-fit:cover;border-radius:3px;box-shadow:0 20px 45px #001b2f66}.packaging-main{object-position:52% center}.packaging-detail{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-height:0}.packaging-detail img{min-height:0}.packaging-detail img:first-child{object-position:center 65%}@media(max-width:900px){.packaging{grid-template-columns:1fr;gap:30px;padding-top:75px;padding-bottom:75px}.packaging-copy{max-width:650px}.packaging-copy h2{font-size:clamp(43px,8vw,64px)}.packaging-media{height:65svh;min-height:480px}}@media(max-width:600px){.packaging-media{grid-template-columns:1fr;height:auto;min-height:0}.packaging-main{height:480px!important}.packaging-detail{grid-template-columns:1fr 1fr;grid-template-rows:auto}.packaging-detail img{height:210px}.packaging-copy>p:not(.eyebrow){font-size:16px}}

/* One harbor scene continues behind every section after the fish hero. */
.marine-story{position:relative;isolation:isolate;background:#082a38;color:#fff}
.story-backdrop{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;pointer-events:none;z-index:0}
.story-harbor{position:absolute;inset:-12px;background:url('harbor-story.webp') center/cover no-repeat;filter:blur(4px);transform:scale(1.03)}
.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03233366,#03233399),linear-gradient(90deg,#03233355,transparent 45%,#03233344)}
.story-logo{position:absolute;top:50%;left:50%;width:clamp(210px,26vw,380px);aspect-ratio:1;transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;opacity:.24;filter:blur(1.8px);box-shadow:0 0 65px #c9eee42b}
.story-logo img{position:absolute;width:136.36%;max-width:none;height:auto;left:-18.18%;top:-37.88%}
.story-content{position:relative;z-index:1;overflow:clip}
.marine-story .clients,.marine-story .marine-products,.marine-story .packaging,.marine-story .services,.marine-story .about,.marine-story footer{background:transparent;color:#fff}
.marine-story .clients:before,.marine-story .services:before{content:none}
.marine-story .clients .section-intro,.marine-story .services>div:first-child,.marine-story .service-list,.marine-story .about>div{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.marine-story h2,.marine-story h3{color:#fff;text-shadow:0 2px 18px #001b3699}
.marine-story h2 em{color:#b9e8df}
.marine-story .eyebrow,.marine-story .eyebrow.dark{color:#c4e7e3}
.marine-story .section-intro>p:last-child,.marine-story .section-heading>p,.marine-story .about p:not(.eyebrow),.marine-story .service-list p,.marine-story .collection-foot,.marine-story .draft-note{color:#e0edee;text-shadow:0 1px 10px #001b36}
.marine-story .about-word{color:#fff;opacity:.07}
.marine-story .client-logos a{background:#ffffffe0;box-shadow:0 10px 25px #001a3326}
.marine-story .client-logos a:first-child{background:#113b50d9}
.marine-story .scroll-reveal{transform:translateX(-65px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.marine-story .scroll-reveal[data-reveal="right"]{transform:translateX(65px)}
.marine-story .scroll-reveal.is-visible{opacity:1;transform:translateX(0)}
@media(max-width:700px){.story-harbor{background-position:54% center;filter:blur(3px)}.story-logo{width:240px;opacity:.2}.marine-story .scroll-reveal{transform:translateX(-30px)}.marine-story .scroll-reveal[data-reveal="right"]{transform:translateX(30px)}.marine-story .scroll-reveal.is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.marine-story .scroll-reveal,.marine-story .scroll-reveal[data-reveal="right"]{opacity:1;transform:none;transition:none}}
/* Language welcome screen and bilingual layout. */
.language-toggle{border:1px solid #ffffff70;border-radius:100px;background:#082a3859;color:white;padding:7px 13px;font-size:13px;white-space:nowrap;align-self:center;backdrop-filter:blur(8px)}
.language-toggle:hover{background:#ffffff25}
body.choosing-language{overflow:hidden}
.language-dialog{width:min(560px,calc(100% - 32px));max-width:560px;padding:42px 38px;text-align:center;color:#fff;background:linear-gradient(145deg,#0c3948f5,#041d2df7);border:1px solid #c7e8e65c;border-radius:18px;box-shadow:0 35px 100px #00101b80}
.language-dialog::backdrop{background:#021d29bd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.language-brand{display:flex;justify-content:center;margin-bottom:22px}
.language-brand .logo-crop{width:88px;height:88px}
.language-brand .logo-crop img{width:120px;left:-16px;top:-33.3px}
.language-dialog .language-welcome{color:#b8ddd8;font-size:12px;letter-spacing:2px;margin:0 0 18px}
.language-dialog h2{margin-bottom:30px;font-size:34px;letter-spacing:0;line-height:1.5}
.language-dialog h2 span{display:block;font-family:Arial,Tahoma,sans-serif}
.language-dialog h2 span:last-child{font-size:20px;font-weight:400;color:#c4dbdf;margin-top:5px}
.language-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;direction:ltr}
.language-options button{display:flex;align-items:center;justify-content:center;gap:13px;padding:21px 12px;border:1px solid #ffffff5c;border-radius:10px;background:#ffffff0d;color:white;font-family:Arial,Tahoma,sans-serif;font-size:20px;transition:background .2s,transform .2s,border-color .2s}
.language-options button:hover{background:#ffffff20;border-color:#b9e8df;transform:translateY(-3px)}
.language-flag{width:42px;height:28px;flex-shrink:0;border-radius:3px;box-shadow:0 2px 8px #00152066}
html[lang="ar"] body{font-family:Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] em,html[lang="ar"] .product-title,html[lang="ar"] .brand{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-style:normal}
html[lang="ar"] h1,html[lang="ar"] h2{line-height:1.5}
html[lang="ar"] .eyebrow,html[lang="ar"] .product-top,html[lang="ar"] .product-category,html[lang="ar"] .fish-hero-bottom,html[lang="ar"] .brand small,html[lang="ar"] .packaging-copy>span{letter-spacing:0}
html[lang="ar"] header{direction:ltr}
html[lang="ar"] header nav,html[lang="ar"] header .brand{direction:rtl}
html[lang="ar"] .fish-hero-content{left:auto;right:8%;text-align:right}
html[lang="ar"] .fish-hero-content h1{font-size:clamp(40px,4.5vw,68px)}
html[lang="ar"] .product{text-align:right}
html[lang="ar"] .marine-products .product-top{left:auto;right:22px}
html[lang="ar"] .about-word{right:auto;left:0;font-size:170px}
html[lang="ar"] .contact-button{text-align:right}
@media(max-width:700px){header nav{max-width:240px;gap:10px 15px}.language-toggle{font-size:12px;padding:6px 10px}.language-dialog{padding:32px 20px}.language-options{gap:12px}.language-options button{font-size:18px;padding:18px 9px;gap:10px}.language-flag{width:36px;height:24px}html[lang="ar"] .fish-hero-content{right:5%}html[lang="ar"] .fish-hero-content h1{font-size:clamp(32px,8vw,46px)}html[lang="ar"] .packaging-copy h2{font-size:42px}html[lang="ar"] .about-word{font-size:120px}}
/* Keep the Arabic introduction readable over the fish and allow its copy to fit. */
.hero-about{margin-top:26px;padding-top:16px;border-top:1px solid #bde3de70;max-width:480px}
.hero-about h2{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 8px;color:#b9e8df}
.hero-about p{font-size:14px;line-height:1.8;margin:0;color:#e2eeee;text-shadow:0 1px 10px #021a28}
html[lang="en"] .fish-hero{min-height:800px}
html[lang="ar"] .fish-hero{height:auto;min-height:100svh;display:flex;align-items:center;justify-content:flex-start}
html[lang="ar"] .fish-hero-shade{background:linear-gradient(270deg,#061d2bf2 0%,#082938ba 45%,#10263220 85%),linear-gradient(0deg,#071d2a9c 0%,transparent 45%)}
html[lang="ar"] .fish-hero-content{position:relative;top:auto;left:auto;right:auto;transform:none;width:min(620px,55%);margin:0 7%;padding:155px 0 115px;opacity:1;visibility:visible;color:#fff;text-shadow:0 2px 15px #021a2899}
html[lang="ar"] .fish-hero-content h1{font-size:clamp(36px,4vw,58px);line-height:1.45;color:#fff}
html[lang="ar"] .fish-hero-content>p:not(.eyebrow){max-width:520px;line-height:1.9;color:#f0f7f7}
html[lang="ar"] .fish-hero-content .eyebrow{font-size:13px;line-height:1.8;color:#d4efeb}
html[lang="ar"] .hero-about{max-width:520px}
html[lang="ar"] .hero-about h2{font-size:16px;line-height:1.7;color:#b9e8df}
html[lang="ar"] .hero-about p{font-size:15px;line-height:1.9;color:#f0f7f7}
@media(max-width:700px){html[lang="en"] .fish-hero{min-height:850px}.hero-about{max-width:340px;margin-top:20px;padding-top:12px}html[lang="ar"] .fish-hero-content{width:88%;margin:0 6%;padding:170px 0 110px}html[lang="ar"] .fish-hero-content h1{font-size:clamp(30px,7.5vw,44px);line-height:1.5}html[lang="ar"] .fish-hero-shade{background:linear-gradient(180deg,#061b2be6 0%,#092e3ec9 50%,#092d3f70 80%,#061b2ba6 100%)}html[lang="ar"] .fish-hero-bottom{gap:16px;flex-wrap:wrap;line-height:1.8}html[lang="ar"] .hero-about{max-width:100%}}
/* Examples of packaged orders, continuing over the shared harbor scene. */
.delivery-examples{grid-column:1/-1;width:100%;margin-top:45px;padding-top:55px;border-top:1px solid #c9e8e44d}
.delivery-heading{max-width:780px;margin-bottom:35px}
.delivery-heading h2{font-size:clamp(34px,3.5vw,52px);line-height:1.3;margin-bottom:20px}
.delivery-heading>p:last-child{font-size:17px;line-height:1.85;color:#e0edee;max-width:720px;text-shadow:0 1px 10px #001b36}
.delivery-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.delivery-example{margin:0;min-width:0}
.delivery-example>img{display:block;width:100%;height:auto;border-radius:5px;border:1px solid #e1f4f355;box-shadow:0 20px 45px #001b2f55}
.delivery-example figcaption{display:flex;gap:18px;padding:24px 0 0;border-top:0}
.delivery-number{font-size:13px;color:#b9e8df;padding-top:5px}
.delivery-example h3{font-size:22px;line-height:1.5;margin:0 0 9px}
.delivery-example p{font-size:15px;line-height:1.85;color:#d9e9e9;margin:0;max-width:460px}
@media(max-width:700px){.delivery-examples{margin-top:20px;padding-top:35px}.delivery-gallery{grid-template-columns:1fr;gap:38px}.delivery-heading h2{font-size:34px}.delivery-heading>p:last-child{font-size:16px}.delivery-example figcaption{padding-top:19px}.delivery-example h3{font-size:20px}}
.contact-icons{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}
.contact-icon{display:flex;align-items:center;gap:12px;border:1px solid #b9e8df75;border-radius:8px;background:#ffffff08;color:#e4f2f1;padding:17px 21px;font-size:16px;transition:background .25s,transform .25s,border-color .25s}
.contact-icon svg{width:30px;height:30px;flex-shrink:0}
.whatsapp-icon svg{color:#6fe0a0}
.email-icon svg{color:#b9e8df}
.contact-icon:hover{background:#ffffff18;border-color:#b9e8df;transform:translateY(-3px)}
@media(max-width:600px){.contact-icons{gap:12px}.contact-icon{padding:14px 16px;font-size:15px}.contact-icon svg{width:27px;height:27px}}
.delivery-example figcaption{position:relative;z-index:1;opacity:1;visibility:visible;color:#fff;text-shadow:0 1px 12px #001b36}
.delivery-example figcaption h3{color:#fff}
.delivery-example figcaption p{color:#e5f0f0}
/* A clearer editorial voice for the descriptive copy. */
.fish-hero-content>p:not(.eyebrow),.hero-about p,.marine-story .section-intro>p:last-child,.marine-story .section-heading>p,.marine-story .packaging-copy>p:not(.eyebrow),.marine-story .service-list p,.marine-story .about p:not(.eyebrow),.marine-story .delivery-heading>p:last-child,.marine-story .delivery-example figcaption p,.marine-story .contact-block>p{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(18px,1.25vw,20px);font-weight:500;line-height:1.9;letter-spacing:.12px;color:#eef7f6;text-wrap:pretty;text-shadow:0 2px 14px #001b3666}
.hero-about{border-top-color:#b9e8df8c}
.hero-about h2{font-size:18px;letter-spacing:.3px}
.marine-story .section-heading>p{max-width:340px}
.marine-story .service-list p{max-width:520px}
.marine-products .product-description{font-size:17px;font-weight:500;line-height:1.75;color:#edf7f5}
.product:hover .product-description,.product:focus-visible .product-description,.product[aria-expanded=true] .product-description{max-height:230px}
html[lang="en"] .fish-hero{height:auto;min-height:100svh}
html[lang="en"] .fish-hero-content{position:relative;top:auto;left:7%;transform:none;width:min(530px,44vw);padding:clamp(175px,27svh,290px) 0 115px}
html[lang="ar"] .fish-hero-content>p:not(.eyebrow),html[lang="ar"] .hero-about p,html[lang="ar"] .marine-story .section-intro>p:last-child,html[lang="ar"] .marine-story .section-heading>p,html[lang="ar"] .marine-story .packaging-copy>p:not(.eyebrow),html[lang="ar"] .marine-story .service-list p,html[lang="ar"] .marine-story .about p:not(.eyebrow),html[lang="ar"] .marine-story .delivery-heading>p:last-child,html[lang="ar"] .marine-story .delivery-example figcaption p,html[lang="ar"] .marine-story .contact-block>p{font-family:Tahoma,Arial,sans-serif;font-size:clamp(18px,1.25vw,20px);letter-spacing:0;line-height:1.95}
@media(max-width:700px){html[lang="en"] .fish-hero-content{left:6%;width:88%;padding:175px 0 120px}.fish-hero-content>p:not(.eyebrow){max-width:360px}.hero-about{max-width:380px}.marine-story .section-heading>p{max-width:100%}.marine-products .product-description{font-size:16px}}

/* A unified, softer geometric typeface in each language. */
:root{--site-font:'Outfit',Arial,sans-serif}
html[lang="ar"]{--site-font:'Cairo',Tahoma,Arial,sans-serif}
body,body h1,body h2,body h3,body p,body em,body button,body a,body span,body small{font-family:var(--site-font)!important}
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.025em}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] p,html[lang="ar"] button{letter-spacing:0}
.language-dialog [lang="ar"]{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
.language-dialog [lang="en"]{font-family:'Outfit',Arial,sans-serif!important}

html[lang="zh"]{--site-font:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',Arial,sans-serif}
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,html[lang="zh"] em,html[lang="zh"] p,html[lang="zh"] .product-title{letter-spacing:0;font-style:normal;line-height:1.6}
html[lang="zh"] .fish-hero-content{position:relative;top:auto;left:7%;transform:none;width:min(530px,44vw);padding:clamp(175px,27svh,290px) 0 115px}
.language-dialog [lang="zh"]{font-family:'Microsoft YaHei','PingFang SC',sans-serif!important}
.language-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.language-options button{gap:8px;font-size:18px;padding:20px 8px}
.language-toggle{font-size:12px}
@media(max-width:700px){html[lang="zh"] .fish-hero-content{left:6%;width:88%;padding:175px 0 120px}.language-toggle{font-size:11px;padding:6px 8px}.language-options{grid-template-columns:1fr}.language-options button{padding:15px}.language-dialog{max-height:calc(100svh - 32px);overflow:auto}}

.contact-block{min-width:0;scroll-margin-top:115px}
.contact-block .contact-heading{font-size:clamp(28px,2.4vw,36px);font-weight:600;color:#b9e8df;margin-bottom:16px}
.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}
.contact-details a{font-size:clamp(18px,1.4vw,22px);font-weight:500;line-height:1.6;color:#f1faf9;overflow-wrap:anywhere;max-width:100%}
.contact-details a:hover{color:#b9e8df;text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep delivery copy inside the packaging section on every viewport. */
.delivery-example figcaption{height:auto;min-width:0;padding:22px 18px;margin-top:16px;background:#062b3ac9;border:1px solid #c9e8e433;border-radius:6px}
.delivery-example figcaption>div{min-width:0}
.delivery-example figcaption h3,.delivery-example figcaption p{opacity:1;visibility:visible;overflow:visible;height:auto;max-height:none}
@media(max-width:700px){.delivery-example figcaption{padding:20px 14px}}

.marine-story .packaging{overflow:visible}

.delivery-gallery .delivery-example{width:90%;max-width:460px;justify-self:center}

/* Business scope notice in the cover and footer. */
.business-notice{color:#eef7f6;background:#062b3ae6;border:1px solid #9dd9ce70;border-inline-start:3px solid var(--teal);border-radius:4px;padding:14px 18px;font-size:15px;line-height:1.8;text-align:start;overflow-wrap:break-word}
.business-notice strong{color:#b9e8df;font-weight:700}
.business-notice--hero{margin:0 0 24px;max-width:100%}
.business-notice--footer{margin:36px 0 24px;width:100%}
html[lang="ar"] .business-notice{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.9}
html[lang="zh"] .fish-hero{height:auto;min-height:100svh}
@media(max-width:700px){.business-notice{padding:12px 14px;font-size:14px}}