@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-thai-thai-400-normal-BEOmKAI1.woff2) format("woff2"),url(./noto-sans-thai-thai-400-normal-Dxb_unuU.woff) format("woff")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-thai-thai-700-normal-Cm52XUnT.woff2) format("woff2"),url(./noto-sans-thai-thai-700-normal-C9ISMlQq.woff) format("woff")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#182f3c;font:16px/1.65 Noto Sans Thai,Tahoma,sans-serif}a{color:inherit}aside,footer,nav{background:#14374a;color:#fff}aside,footer{text-align:center;padding:8px}header,nav,.promos,#products,#contact{padding-inline:max(5vw,calc((100vw - 1200px)/2))}header,nav,form,.brand{display:flex;align-items:center}header{justify-content:space-between;gap:20px;padding-block:12px}.brand{font-weight:700;font-size:24px;text-decoration:none}.brand img{width:85px;height:66px;object-fit:contain;margin-right:12px}form{flex:1;max-width:470px}input,button{font:inherit;padding:8px 14px;border:1px solid #c6c3b9}input{width:100%;min-width:0}button,.cta{background:#17516a;color:#fff;cursor:pointer}nav{gap:28px;padding-block:11px;flex-wrap:wrap}nav a,.cta{text-decoration:none}.hero{background:linear-gradient(90deg,#10252cf5,#10252c99 45%,transparent 78%),url(../images/processed-seafood-hero.png) center/cover;color:#fff;padding:70px max(5vw,calc((100vw - 1200px)/2));min-height:410px}h1{font-size:clamp(36px,5vw,72px);line-height:1.14;margin:14px 0}.cta{display:inline-block;padding:10px 22px;background:#edcc80;color:#182f3c;font-weight:700}.promos,.catalog{display:grid;gap:18px}.promos{grid-template-columns:repeat(3,1fr);margin:24px 0}.promos a{position:relative;height:160px;overflow:hidden}.promos img,article img,.split img{width:100%;height:100%;object-fit:cover}.promos strong{position:absolute;inset:auto 0 0;padding:24px 16px 10px;background:linear-gradient(transparent,#14252bd9);color:#fff;font-size:21px}#products,#contact{padding-block:45px}h2{font-size:clamp(26px,3vw,42px);margin:0 0 20px}.catalog,.split{grid-template-columns:1fr 1fr}article{display:flex;border:1px solid #e5dfd2}article img{width:48%;height:230px}article div{padding:16px}article h3{margin:4px 0;font-size:24px}article a{display:block;margin-top:8px}.split{display:grid;background:#eef3f1}.split div{padding:8%;align-self:center}.split img{max-height:450px;min-height:300px}.gold{background:#d5b36e;color:#342610}footer{padding:25px}@media(max-width:750px){header{flex-wrap:wrap;gap:8px}.brand{font-size:19px}.brand img{width:50px;height:46px}form{order:3;flex-basis:100%;max-width:none}nav{font-size:14px;gap:12px}.hero{padding-block:48px;min-height:320px}.promos{gap:6px}.promos a{height:105px}.promos strong{font-size:14px;padding:15px 5px 5px}.catalog,.split{grid-template-columns:1fr}article img{height:210px}.split img{height:250px;min-height:0}.hero p{max-width:310px}}.hero{background:#183746 url(../images/fish.png) right center/auto 100% no-repeat}.hero>div{max-width:55%}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}article{display:block}article .pack,.pack{position:relative;padding:0;aspect-ratio:4/3;overflow:hidden;background:#f3f2ef}.pack img,article .pack img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.sticker{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);background:#ffda72;color:#982224;border:3px solid #aa2924;border-radius:12px;text-align:center;padding:.2em .7em;line-height:1.2;box-shadow:0 1px 3px #0003}.sticker strong,.sticker em{display:block}.sticker strong{font-size:clamp(16px,2vw,30px)}.sticker em{font:700 italic 13px Georgia}.gold .pack{padding:0}.channels{display:flex;gap:10px;flex-wrap:wrap}.channels a{border:1px solid #b5c6cb;padding:8px 14px;border-radius:4px;text-decoration:none}.channels a:hover{background:#edf3f3}@media(max-width:750px){.catalog{grid-template-columns:1fr}.hero{background-size:auto 48%;background-position:right bottom;padding-bottom:190px}.hero>div{max-width:100%}}.sticker{width:25%;aspect-ratio:1.23;top:59%;padding:0;border:0;border-radius:5%;background:#ffda72 url(../images/fish.png) 24.5% 49%/310% auto no-repeat;overflow:hidden}.sticker strong{position:static!important;inset:auto!important;background:#ffda72!important;padding:2% 0!important;color:#aa2121!important;text-shadow:1px 1px white;font-size:clamp(12px,1.5vw,22px)}.sticker em{font-size:clamp(7px,.85vw,12px);background:#ffda72}.promos .pack{height:100%;width:100%;aspect-ratio:auto}.promos .pack img{object-fit:contain}.promos .sticker{width:auto;height:34%}.promos .sticker strong{font-size:11px}.promos .sticker em{font-size:6px}.promo-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#14252bda);color:#fff;padding:16px 10px 4px}.hero{background:linear-gradient(90deg,#10252cf5,#10252c99 47%,transparent 83%),url(../images/processed-seafood-hero.png) center/cover;padding-block:70px}.hero>div{max-width:680px}.map-photo{display:block;background:#5b7567 url(../images/location-reference.jpg) 100% 46.2% / 200% auto no-repeat;aspect-ratio:779/682}.location{background:#c8a45e;color:#302512}.location .map-photo{align-self:center;width:100%}.promos .map-photo{width:100%;height:100%;background-size:200% auto}.gold>img{align-self:stretch;max-height:520px}.promos>a{display:block}.catalog article{border-radius:3px;overflow:hidden}.location p,.gold p{max-width:50ch}@media(max-width:750px){.hero{padding-block:45px;background-position:60% center}.location .map-photo{min-height:230px}.gold>img{height:260px}}.company-panel{position:relative;container-type:inline-size;background:#c3a25e;color:#fff}.company-panel>img{display:block;width:100%;height:auto}.panel-copy{position:absolute;inset:0 50% 0 0;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;padding:1.4cqw 2.5cqw}#location .panel-copy{bottom:27%}.panel-copy h2{font-size:2.8cqw;line-height:1.4;margin:0}.panel-copy p,.panel-copy blockquote{margin:0 auto;font-size:1.8cqw;max-width:38ch;text-wrap:pretty}.panel-copy blockquote{font-style:italic;max-width:none}#location .panel-copy p{font-size:1.38cqw;max-width:55ch}.panel-copy dl{display:grid;grid-template-columns:1.05fr 1.25fr .75fr;gap:.8cqw;font-size:1.13cqw;text-align:left;margin:0}.panel-copy dt{font-weight:700;color:#442f19}.panel-copy dd{margin:.4em 0 0}.panel-map{position:absolute;inset:0 0 0 50%;display:flex;align-items:flex-end;justify-content:flex-end;padding:1em;text-decoration:none}.panel-map span{background:#14374a;color:#fff;padding:.35em .8em;border-radius:4px}@media(max-width:840px){.company-panel{display:flex;flex-direction:column}.panel-copy{position:static;order:-1;gap:1em;padding:24px 6%}.panel-copy h2{font-size:clamp(22px,5vw,32px)}.panel-copy p,#location .panel-copy p,.panel-copy blockquote,.panel-copy dl{font-size:16px}.panel-copy dl{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.company-panel>img{display:none}#location:before{content:"";aspect-ratio:779/184;background:url(../images/company-location.jpg) left bottom/200% auto no-repeat}.panel-map{position:static;aspect-ratio:779/681;background:url(../images/company-location.jpg) right/200% auto no-repeat}#about:after{content:"";aspect-ratio:776/676;background:url(../images/company-about.jpg) right/200.77% auto no-repeat}}.promos .about-thumb{display:block;height:100%;background:url(../images/company-about.jpg) right center / 201% auto no-repeat}footer .channels{justify-content:center;margin-top:.75rem}footer .channels a:hover{color:#14374a}@media(max-width:600px){.promos{grid-template-columns:1fr}.promos a{height:100px}}.catalog article .pack{background:#fff}.catalog article .pack img{width:100%;height:100%;object-fit:contain}.why{text-align:center;padding:clamp(36px,6vw,85px) 6%;color:#193445}.why h2{margin:0}.why p{line-height:1.75}.reasons,.service-strip,.site-end{display:grid;gap:2rem}.reasons{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:3rem auto 0}.reasons h3{margin:.8rem 0 .3rem}.reasons p{margin:0 auto;max-width:32ch}.service-strip{border-top:1px solid #e4dfd4;grid-template-columns:repeat(4,1fr);padding:2rem max(5vw,calc((100vw - 1160px)/2));color:#233846}.service-strip a,.site-end a{color:inherit;text-decoration:none}.service-strip small{display:block;margin-top:.3rem}.service-strip a:hover,.site-end a:hover{text-decoration:underline}.site-end{background:#151b20;color:#fff;grid-template-columns:repeat(3,1fr);padding:3rem max(5vw,calc((100vw - 1160px)/2));text-align:left}.site-end b,.site-end a{display:block;margin-bottom:.55rem}.site-end .channels{display:block}.site-end .channels a{padding:0;border:0;color:inherit;background:none}.site-end b{color:#efd69e}@media(max-width:720px){.reasons,.site-end{grid-template-columns:1fr}.service-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reasons{gap:2rem}}