/* Annai public website — shared maritime editorial system. */
:root {
  --site-navy:#071e2b;
  --site-navy-2:#0d2b39;
  --site-teal:#426e70;
  --site-sea:#96bbb6;
  --site-paper:#f7f6f1;
  --site-mist:#eceee8;
  --site-line:#d4d9d1;
  --site-ink:#122c35;
  --site-muted:#5c6d6c;
  --site-sand:#efaf76;
}
.site-body { margin:0; overflow-x:hidden; background:var(--site-paper); color:var(--site-ink); font-family:Arial,Helvetica,sans-serif; }
.site-body:not(.page-home):before,.site-body:not(.page-home) .site-grain { display:none; }
.site-container { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.site-body main { overflow:clip; }
.site-body:not(.page-home) h1,.site-body:not(.page-home) h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.055em; text-wrap:balance; }
.site-body:not(.page-home) h2 { font-size:clamp(40px,4.4vw,66px); line-height:1.05; }
.site-body:not(.page-home) h2 em,.site-body:not(.page-home) h1 em { color:var(--site-sea); font-weight:400; }
.site-label { display:flex; align-items:center; gap:12px; margin:0; color:var(--site-teal); font-size:9px; line-height:1.6; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.site-label:before { content:''; width:24px; height:1px; flex:none; background:currentColor; opacity:.65; }
.site-label-light { color:#c7d9d7; }
.site-section { padding:110px 0; }
.site-button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:54px; padding:15px 21px; border:1px solid #e4a36b; border-radius:4px; background:var(--site-sand); color:#132732; font-size:12px; font-weight:700; line-height:1.3; transition:background .22s ease,transform .22s ease; }
.site-button>span { font-size:19px; line-height:1; transition:transform .22s ease; }
.site-button:hover { background:#f6c497; transform:translateY(-2px); }
.site-button:hover>span { transform:translate(2px,-2px); }
.site-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; padding:12px 0; border-bottom:1px solid #9facaa; color:var(--site-ink); font-size:12px; font-weight:700; }
.site-text-link>span { font-size:19px; transition:transform .2s ease; }
.site-text-link:hover>span { transform:translate(2px,-2px); }
.site-body a:focus-visible,.site-body button:focus-visible,.site-body input:focus-visible,.site-body select:focus-visible,.site-body textarea:focus-visible { outline:3px solid var(--site-sand); outline-offset:4px; }

/* Shared header refinement */
.site-header .header-row { border-color:#ffffff24; background:rgba(7,30,43,.94); box-shadow:0 12px 34px rgba(2,14,23,.2); }
.site-header.is-scrolled .header-row { background:rgba(7,30,43,.98); box-shadow:0 8px 28px rgba(2,14,23,.28); }
.site-header .nav-link { color:#c9d5d8; }
.site-header .nav-link:hover { background:#ffffff0c; }
.site-header .nav-link.is-active { background:#ffffff0e; }

/* Inner page hero */
.inner-hero { position:relative; min-height:720px; display:flex; flex-direction:column; justify-content:center; isolation:isolate; background:var(--site-navy); color:#fff; }
.inner-hero>img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; animation:site-image-in 1.4s ease-out both; }
.inner-hero:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,24,35,.96),rgba(5,24,35,.82) 38%,rgba(5,24,35,.2) 75%),linear-gradient(0deg,rgba(5,24,35,.82),transparent 35%); }
.inner-hero-products>img { object-position:65% center; }
.inner-hero-about>img { object-position:center 46%; }
.inner-hero-about:after { background:linear-gradient(90deg,rgba(5,24,35,.94),rgba(5,24,35,.72) 42%,rgba(5,24,35,.16) 77%),linear-gradient(0deg,rgba(5,24,35,.82),transparent 38%); }
.inner-hero-exports>img { object-position:64% center; }
.inner-hero-content { padding-top:150px; padding-bottom:115px; }
.inner-hero .site-label { color:#d8e3e3; }
.inner-hero h1 { max-width:780px; margin:25px 0 23px!important; font-size:clamp(58px,6.6vw,96px); line-height:.98; }
.inner-hero-content>p:not(.site-label) { max-width:480px; margin:0; color:#cad7da; font-size:15px; line-height:1.8; }
.inner-hero .site-button { margin-top:31px; }
.inner-hero-foot { position:absolute; left:0; right:0; bottom:28px; display:flex; justify-content:space-between; gap:24px; padding-top:22px; border-top:1px solid #ffffff30; color:#c0d0d4; font-size:8px; letter-spacing:.13em; }

/* Shared section heading */
.site-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; margin-bottom:48px; }
.site-section-head h2 { margin-top:20px!important; }
.site-section-head>p { max-width:365px; margin:0 0 4px; color:var(--site-muted); font-size:14px; line-height:1.8; }
.site-section-head h2 em { color:var(--site-teal)!important; }

/* Seafood */
.seafood-range { background:var(--site-paper); }
.seafood-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:62px 28px; }
.seafood-card { min-width:0; }
.seafood-card-image { position:relative; height:430px; overflow:hidden; border-radius:3px; background:#16333e; }
.seafood-card-image:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,25,36,.45),transparent 45%); pointer-events:none; }
.seafood-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.65,.3,1); }
.seafood-card:nth-child(4n+1) img { object-position:14% center; }
.seafood-card:nth-child(4n+2) img { object-position:68% center; }
.seafood-card:nth-child(4n+3) img { object-position:82% center; }
.seafood-card:nth-child(4n+4) img { object-position:91% center; }
.seafood-card:hover .seafood-card-image img { transform:scale(1.04); }
.seafood-card-image>span { position:absolute; z-index:1; top:20px; left:20px; color:#fff; font-size:9px; letter-spacing:.14em; }
.seafood-card-content { display:grid; grid-template-columns:1fr auto; align-items:start; column-gap:24px; padding:24px 2px 0; }
.seafood-card-content .site-label { grid-column:1/-1; font-size:8px; }
.seafood-card-content h3 { margin:12px 0 5px; color:var(--site-ink); font-family:Georgia,serif; font-size:29px; font-weight:400; letter-spacing:-.04em; }
.seafood-card-content .seafood-scientific { grid-column:1; margin:0; color:#71817d; font-family:Georgia,serif; font-size:12px; font-style:italic; }
.seafood-card-content>p:not(.site-label):not(.seafood-scientific) { grid-column:1; max-width:490px; margin:18px 0 0; color:var(--site-muted); font-size:13px; line-height:1.75; }
.seafood-card-content>a { grid-column:2; grid-row:2/5; display:flex; align-items:center; align-self:end; gap:16px; padding:11px 0; border-bottom:1px solid #a8b3ad; color:var(--site-ink); font-size:11px; font-weight:700; white-space:nowrap; }
.seafood-card-content>a span { font-size:18px; transition:transform .2s; }
.seafood-card-content>a:hover span { transform:translate(2px,-2px); }
.product-service { background:var(--site-navy); color:#fff; }
.product-service-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:start; }
.product-service h2 { margin-top:22px!important; }
.product-service h2 em { color:var(--site-sea)!important; }
.service-list { display:grid; grid-template-columns:1fr 1fr; }
.service-list>div { min-height:178px; padding:0 28px 30px; border-left:1px solid #ffffff24; }
.service-list>div:nth-child(n+3) { padding-top:30px; border-top:1px solid #ffffff24; }
.service-list h3 { margin:0 0 16px; color:#fff; font-family:Georgia,serif; font-size:24px; font-weight:400; }
.service-list p { margin:0; color:#acbec3; font-size:12px; line-height:1.8; }

/* Export network */
.network-section { background:var(--site-navy); color:#fff; }
.network-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:54px; align-items:center; }
.network-copy h2 { margin:22px 0 24px!important; }
.network-copy h2 em { color:var(--site-sea)!important; }
.network-copy>p:not(.site-label):not(.network-note) { max-width:430px; margin:0; color:#afc1c6; font-size:14px; line-height:1.8; }
.market-list { display:grid; grid-template-columns:1fr 1fr; gap:0 26px; margin-top:34px; border-top:1px solid #ffffff24; }
.market-list>div { display:flex; align-items:center; gap:15px; padding:15px 0; border-bottom:1px solid #ffffff20; }
.market-list b { width:25px; color:var(--site-sand); font-size:9px; font-weight:500; }
.market-list span { color:#f2f5f4; font-size:11px; }
.market-list small { display:block; margin-top:4px; color:#80999f; font-size:8px; }
.network-note { margin:18px 0 0; color:#82989e; font-size:10px; line-height:1.6; }
.network-visual { min-width:0; padding:20px 20px 18px; border:1px solid #ffffff20; border-radius:5px; background:#0a2634; }
.site-body .site-globe { position:relative; inset:auto; width:100%; height:500px; overflow:hidden; opacity:1; animation:none; }
.network-visual-foot { display:flex; justify-content:space-between; align-items:center; padding-top:17px; border-top:1px solid #ffffff1c; color:#8fa7ad; font-size:8px; letter-spacing:.12em; }
.network-visual-foot span { display:flex; align-items:center; gap:8px; }
.network-visual-foot i { width:6px; height:6px; border-radius:50%; background:var(--site-sand); }
.shipment-section { background:var(--site-paper); }
.shipment-steps { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; }
.shipment-steps li { min-height:220px; padding:0 28px; border-left:1px solid var(--site-line); }
.shipment-steps li:first-child { padding-left:0; border:0; }
.shipment-steps li:last-child { padding-right:0; }
.shipment-steps li>span { color:var(--site-teal); font-size:9px; letter-spacing:.12em; }
.shipment-steps h3 { margin:37px 0 16px; font-family:Georgia,serif; font-size:29px; font-weight:400; }
.shipment-steps p { margin:0; color:var(--site-muted); font-size:13px; line-height:1.75; }

/* Story */
.foundation-section { background:var(--site-paper); }
.foundation-grid { display:grid; grid-template-columns:1fr 1fr; gap:54px 90px; }
.foundation-title h2 { margin-top:22px!important; }
.foundation-title h2 em { color:var(--site-teal)!important; }
.foundation-copy p { max-width:520px; margin:0 0 21px; color:var(--site-muted); font-size:15px; line-height:1.9; }
.foundation-stat { display:flex; align-items:center; gap:30px; padding-top:24px; border-top:1px solid var(--site-line); }
.foundation-stat strong { color:var(--site-ink); font-family:Georgia,serif; font-size:67px; font-weight:400; line-height:1; letter-spacing:-.055em; }
.foundation-stat strong span { color:var(--site-teal); font-size:36px; vertical-align:top; }
.foundation-stat p { margin:0; color:var(--site-muted); font-size:11px; line-height:1.65; }
.purpose-section { background:var(--site-mist); }
.purpose-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:90px; align-items:center; }
.purpose-image { margin:0; }
.purpose-image img { width:100%; aspect-ratio:1.08; object-fit:cover; border-radius:3px; }
.purpose-image figcaption { display:flex; justify-content:space-between; gap:20px; margin-top:17px; color:#627872; font-size:8px; letter-spacing:.12em; }
.purpose-copy h2 { margin-top:22px!important; }
.purpose-copy h2 em { color:var(--site-teal)!important; }
.purpose-copy>p:not(.site-label) { max-width:480px; margin:25px 0 0; color:var(--site-muted); font-size:14px; line-height:1.85; }
.purpose-copy blockquote { margin:28px 0 10px; padding:24px 0; border-top:1px solid #cbd3ca; border-bottom:1px solid #cbd3ca; color:#345957; font-family:Georgia,serif; font-size:20px; font-style:italic; line-height:1.55; }
.values-section { background:var(--site-paper); }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.values-grid article { min-height:240px; padding:0 28px; border-left:1px solid var(--site-line); }
.values-grid article:first-child { padding-left:0; border-left:0; }
.values-grid article:last-child { padding-right:0; }
.values-grid article>span { display:block; width:9px; height:9px; border-radius:50%; background:var(--site-sand); }
.values-grid h3 { margin:34px 0 16px; color:var(--site-ink); font-family:Georgia,serif; font-size:25px; font-weight:400; }
.values-grid p { margin:0; color:var(--site-muted); font-size:13px; line-height:1.75; }

/* Contact */
.contact-hero { min-height:590px; display:flex; align-items:center; padding:150px 0 80px; background:var(--site-navy); color:#fff; }
.contact-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; }
.contact-hero h1 { max-width:760px; margin:24px 0!important; font-size:clamp(58px,6.5vw,94px); line-height:.98; }
.contact-hero h1 em { color:var(--site-sea)!important; }
.contact-hero-copy>p:not(.site-label) { max-width:480px; margin:0; color:#b8c9cd; font-size:15px; line-height:1.8; }
.contact-direct { padding:28px 0 4px; border-top:1px solid #ffffff2c; }
.contact-direct>p { margin:0 0 18px; color:#8fa8ae; font-size:8px; letter-spacing:.15em; }
.contact-direct>a { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid #ffffff1e; color:#fff; font-size:13px; }
.contact-direct>a span { color:var(--site-sand); font-size:19px; transition:transform .2s; }
.contact-direct>a:hover span { transform:translate(2px,-2px); }
.enquiry-section { background:var(--site-paper); }
.enquiry-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:90px; align-items:start; }
.enquiry-aside { position:sticky; top:115px; }
.enquiry-aside h2 { margin-top:20px!important; font-size:clamp(39px,3.4vw,53px)!important; }
.enquiry-aside h2 em { color:var(--site-teal)!important; }
.enquiry-aside>p:not(.site-label) { margin:24px 0 0; color:var(--site-muted); font-size:13px; line-height:1.8; }
.enquiry-aside ul { margin:32px 0 0; padding:0; border-top:1px solid var(--site-line); list-style:none; }
.enquiry-aside li { display:flex; gap:16px; padding:15px 0; border-bottom:1px solid var(--site-line); color:#425b5b; font-size:12px; }
.enquiry-aside li span { color:var(--site-teal); font-size:9px; }
.enquiry-address { margin-top:28px; padding:21px; background:var(--site-mist); }
.enquiry-address span { color:var(--site-teal); font-size:8px; letter-spacing:.14em; }
.enquiry-address p { margin:11px 0 0; color:var(--site-muted); font-size:11px; line-height:1.7; }
.enquiry-form-wrap { padding:35px; border:1px solid var(--site-line); border-radius:5px; background:#fff; }
.form-heading { display:flex; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid var(--site-line); }
.form-heading span { color:var(--site-ink); font-size:10px; font-weight:700; letter-spacing:.13em; }
.form-heading p { margin:0; color:#788681; font-size:9px; }
.site-form { display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; margin-top:28px; }
.form-honeypot { position:absolute!important; left:-9999px!important; }
.site-field { display:flex; flex-direction:column; gap:9px; min-width:0; }
.site-field-full { grid-column:1/-1; }
.site-field label { color:#3d5655; font-size:10px; font-weight:700; letter-spacing:.02em; }
.site-field input,.site-field select,.site-field textarea { width:100%; border:1px solid #cdd5cd; border-radius:3px; background:#fafaf7; color:var(--site-ink); font-size:13px; outline:none; transition:border-color .2s,background .2s; }
.site-field input,.site-field select { height:50px; padding:0 14px; }
.site-field textarea { min-height:145px; padding:14px; resize:vertical; line-height:1.65; }
.site-field input::placeholder,.site-field textarea::placeholder { color:#98a39e; }
.site-field input:hover,.site-field select:hover,.site-field textarea:hover { border-color:#a6b3aa; }
.site-field input:focus,.site-field select:focus,.site-field textarea:focus { border-color:var(--site-teal); background:#fff; }
.form-submit { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; padding-top:5px; }
.form-submit>p { max-width:340px; margin:0; color:#788681; font-size:9px; line-height:1.55; }
.form-submit>button { display:flex; align-items:center; justify-content:space-between; gap:28px; min-width:205px; min-height:53px; padding:14px 18px; border:1px solid var(--site-navy); border-radius:4px; background:var(--site-navy); color:#fff; font-size:11px; font-weight:700; cursor:pointer; transition:background .2s,transform .2s; }
.form-submit>button span { color:var(--site-sand); font-size:19px; }
.form-submit>button:hover { background:#123543; transform:translateY(-2px); }
.notice { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; padding:15px 17px; border:1px solid #8dbba8; border-radius:3px; background:#edf7f1; color:#285b49; font-size:12px; line-height:1.5; }
.notice.error { border-color:#d7a58d; background:#fff2eb; color:#87462d; }
.notice button { border:0; background:transparent; color:inherit; font-size:20px; cursor:pointer; }
.contact-assurance { background:var(--site-mist); }
.contact-assurance .site-container { display:grid; grid-template-columns:repeat(3,1fr); }
.contact-assurance p { display:flex; align-items:center; justify-content:center; gap:15px; margin:0; padding:27px 15px; border-right:1px solid var(--site-line); color:#435c5a; font-size:11px; }
.contact-assurance p:first-child { border-left:1px solid var(--site-line); }
.contact-assurance span { color:var(--site-teal); font-size:8px; }

/* Calls to action */
.site-cta { padding:72px 0; background:#dfe8e0; color:var(--site-ink); }
.site-cta-inner { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:center; }
.site-cta h2 { margin-top:18px!important; font-size:clamp(39px,4vw,58px)!important; }
.site-cta-inner>div:last-child>p { max-width:360px; margin:0 0 23px; color:#4d6460; font-size:14px; line-height:1.75; }
.site-cta-dark { background:#0c2937; color:#fff; }
.site-cta-dark .site-cta-inner>div:last-child>p { color:#afc0c4; }

/* Footer */
.site-footer { margin:0!important; padding:64px 0 25px!important; border:0!important; border-radius:0!important; background:var(--site-navy)!important; color:#a9bbc0!important; font-family:Arial,Helvetica,sans-serif; }
.footer-lead { display:flex; justify-content:space-between; align-items:center; gap:50px; padding-bottom:31px; border-bottom:1px solid #ffffff20; }
.footer-identity { display:flex; align-items:center; gap:17px; color:#fff; font-family:Georgia,serif; font-size:20px; }
.footer-identity img { width:48px; height:48px; object-fit:contain; }
.footer-identity span,.footer-identity small { display:block; }
.footer-identity small { margin-bottom:5px; color:#91a7ad; font-family:Arial,sans-serif; font-size:7px; font-weight:600; letter-spacing:.16em; }
.footer-lead>p { max-width:430px; margin:0; color:#91a7ad; font-size:11px; line-height:1.7; text-align:right; }
.site-footer .footer-grid { display:grid; grid-template-columns:2fr .7fr 1fr; gap:70px; padding:58px 0 55px; }
.footer-label { margin:0 0 21px; color:#839ba1; font-size:8px; letter-spacing:.16em; }
.footer-statement h2 { margin:0 0 27px; color:#fff; font-family:Georgia,serif; font-size:clamp(38px,3.5vw,52px); font-weight:400; line-height:1.04; letter-spacing:-.045em; }
.footer-statement h2 em { color:var(--site-sea); font-weight:400; }
.footer-enquiry { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; padding:12px 0; border-bottom:1px solid #ffffff50; color:#fff; font-size:11px; font-weight:600; }
.footer-enquiry span { color:var(--site-sand); font-size:19px; transition:transform .2s; }
.footer-enquiry:hover span { transform:translate(2px,-2px); }
.footer-nav,.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.footer-nav .footer-label,.footer-contact .footer-label { margin-bottom:9px; }
.footer-nav a,.footer-contact a,.footer-contact>p:not(.footer-label) { color:#acbdc1; font-size:11px; line-height:1.7; }
.footer-nav a:hover,.footer-contact a:hover { color:#fff; }
.footer-contact>p:not(.footer-label) { max-width:260px; margin:7px 0 0; }
.site-footer .footer-base { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding-top:22px; border-top:1px solid #ffffff20; color:#718a90; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.site-footer .footer-base p { margin:0; }
.site-footer .footer-base p:nth-child(2) { text-align:center; }
.site-footer .footer-base a { justify-self:end; color:#718a90; }
.site-footer .footer-base a:hover { color:#fff; }

/* Motion */
.site-body:not(.page-home) .reveal { opacity:1; transform:none; }
.site-body.home-motion:not(.page-home) .reveal { opacity:0; transform:translateY(22px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.site-body.home-motion:not(.page-home) .reveal.is-visible { opacity:1; transform:none; }
.seafood-grid .reveal:nth-child(even),.values-grid .reveal:nth-child(2),.shipment-steps .reveal:nth-child(2) { transition-delay:.06s; }
.values-grid .reveal:nth-child(3),.shipment-steps .reveal:nth-child(3) { transition-delay:.12s; }
.values-grid .reveal:nth-child(4),.shipment-steps .reveal:nth-child(4) { transition-delay:.18s; }
@keyframes site-image-in { from { transform:scale(1.035); } to { transform:scale(1); } }

@media (max-width:1100px) {
  .site-container { width:calc(100% - 64px); }
  .site-section { padding:92px 0; }
  .seafood-card-image { height:380px; }
  .product-service-grid,.purpose-grid,.enquiry-grid { gap:55px; }
  .network-layout { gap:35px; }
  .site-body .site-globe { height:430px; }
  .site-footer .footer-grid { gap:40px; }
}
@media (max-width:820px) {
  .inner-hero { min-height:690px; }
  .inner-hero:after { background:linear-gradient(90deg,rgba(5,24,35,.9),rgba(5,24,35,.4)),linear-gradient(0deg,rgba(5,24,35,.9),transparent 62%); }
  .inner-hero-content { padding-top:140px; padding-bottom:120px; }
  .inner-hero h1 { font-size:clamp(51px,9vw,73px); }
  .site-section-head { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:36px; }
  .seafood-card-image { height:330px; }
  .seafood-card-content { display:block; }
  .seafood-card-content>a { margin-top:17px; width:max-content; }
  .product-service-grid,.network-layout,.purpose-grid,.contact-hero-grid,.enquiry-grid { grid-template-columns:1fr; }
  .product-service-grid,.purpose-grid { gap:45px; }
  .network-layout { gap:48px; }
  .product-service .service-list { margin-top:5px; }
  .site-body .site-globe { height:460px; }
  .shipment-steps,.values-grid { grid-template-columns:1fr 1fr; gap:38px 30px; }
  .shipment-steps li,.values-grid article { min-height:0; padding:19px 0 0; border:0; border-top:1px solid var(--site-line); }
  .shipment-steps li:first-child,.values-grid article:first-child { padding-top:19px; border-top:1px solid var(--site-line); }
  .shipment-steps h3,.values-grid h3 { margin-top:23px; }
  .foundation-grid { gap:38px 50px; }
  .contact-hero { padding-top:145px; }
  .contact-hero-grid { gap:50px; }
  .contact-direct { max-width:540px; }
  .enquiry-aside { position:static; }
  .site-cta-inner { grid-template-columns:1fr 1fr; gap:45px; }
  .site-footer .footer-grid { grid-template-columns:1.5fr .7fr 1fr; gap:28px; }
}
@media (max-width:620px) {
  .site-container { width:calc(100% - 40px); }
  .site-section { padding:70px 0; }
  .inner-hero { min-height:710px; }
  .inner-hero-content { padding-top:135px; padding-bottom:140px; }
  .inner-hero h1 { font-size:50px; }
  .inner-hero-content>p:not(.site-label) { font-size:13px; }
  .inner-hero-foot { flex-wrap:wrap; bottom:23px; row-gap:10px; }
  .inner-hero-foot span { width:45%; }
  .inner-hero-foot span:nth-child(2) { text-align:right; }
  .inner-hero-foot span:last-child { width:100%; }
  .seafood-grid { grid-template-columns:1fr; gap:45px; }
  .seafood-card-image { height:auto; aspect-ratio:1.25; }
  .product-service-grid { gap:35px; }
  .service-list { grid-template-columns:1fr; }
  .service-list>div,.service-list>div:nth-child(n+3) { min-height:0; padding:24px 0; border:0; border-top:1px solid #ffffff24; }
  .service-list>div:last-child { border-bottom:1px solid #ffffff24; }
  .market-list { gap:0 17px; }
  .market-list span { font-size:10px; }
  .site-body .site-globe { height:340px; }
  .network-visual { padding:10px 10px 15px; }
  .shipment-steps,.values-grid { gap:32px 20px; }
  .foundation-grid { grid-template-columns:1fr 1fr; gap:34px 18px; }
  .foundation-title,.foundation-copy { grid-column:1/-1; }
  .foundation-stat { flex-direction:column; align-items:flex-start; gap:12px; }
  .foundation-stat strong { font-size:56px; }
  .purpose-grid { gap:35px; }
  .purpose-image figcaption { font-size:7px; }
  .contact-hero { min-height:680px; padding:130px 0 60px; }
  .contact-hero h1 { font-size:50px; }
  .contact-hero-grid { gap:42px; }
  .enquiry-grid { gap:45px; }
  .enquiry-form-wrap { padding:24px 18px; }
  .form-heading { flex-direction:column; gap:8px; }
  .site-form { grid-template-columns:1fr; gap:20px; }
  .site-field-full { grid-column:auto; }
  .form-submit { flex-direction:column; align-items:stretch; }
  .form-submit>button { width:100%; }
  .contact-assurance .site-container { grid-template-columns:1fr; }
  .contact-assurance p,.contact-assurance p:first-child { justify-content:flex-start; border-left:0; border-right:0; border-bottom:1px solid var(--site-line); }
  .site-cta { padding:58px 0; }
  .site-cta-inner { grid-template-columns:1fr; gap:28px; }
  .footer-lead { align-items:flex-start; flex-direction:column; gap:25px; }
  .footer-lead>p { text-align:left; }
  .site-footer .footer-grid { grid-template-columns:1fr 1fr; gap:38px 25px; padding:44px 0; }
  .footer-statement { grid-column:1/-1; }
  .site-footer .footer-base { grid-template-columns:1fr; gap:12px; }
  .site-footer .footer-base p:nth-child(2) { text-align:left; }
  .site-footer .footer-base a { justify-self:start; }
}
@media (max-width:390px) {
  .inner-hero h1,.contact-hero h1 { font-size:45px; }
  .shipment-steps,.values-grid { grid-template-columns:1fr; }
  .foundation-grid { grid-template-columns:1fr; }
  .foundation-stat { grid-column:auto; }
  .market-list { grid-template-columns:1fr; }
  .site-body .site-globe { height:300px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-body *,.site-body *:before,.site-body *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .site-body:not(.page-home) .reveal { opacity:1; transform:none; }
}