*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-base)/1.65 var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;color:var(--navy);font-weight:800;letter-spacing:-.035em}h1{font-size:var(--title-lg);margin-bottom:24px}h2{font-size:var(--title-md);margin-bottom:24px}h3{font-size:23px;letter-spacing:-.02em}p{color:var(--muted);margin-bottom:24px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e8a840;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.container{width:calc(100% - var(--gutter)*2);max-width:var(--container);margin-inline:auto}.section{padding-block:var(--section-space)}.section-bottom{padding-bottom:var(--section-space)}.skip{position:absolute;top:-100px;z-index:200}.skip:focus{top:10px;background:white;padding:12px}.site-header{height:88px;background:var(--navy);color:white;position:relative;z-index:40}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{flex-shrink:0}.brand img{width:136px;height:80px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.desktop-nav a{font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;padding-block:12px;border-bottom:2px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current]{border-color:#51bed0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:12px 22px;border:1px solid transparent;border-radius:var(--radius);font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.045em;background:var(--blue);color:white;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.button:hover{background:var(--blue-dark)}.button.secondary{background:transparent;border-color:var(--navy);color:var(--navy)}.button.secondary:hover{background:var(--surface)}.button.light{border-color:#ffffff7d;color:white}.button.light:hover{background:#ffffff17}.button.white{background:white;color:var(--navy)}.header-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle img{filter:invert(1)}[hidden]{display:none!important}.mobile-nav{position:absolute;top:88px;left:0;right:0;background:var(--navy);padding:16px var(--gutter) 28px;box-shadow:0 12px 18px #0002}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid #ffffff20;font-size:14px;font-weight:600}.hero{height:610px;position:relative;overflow:hidden;background:#031924;color:white}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);object-position:center}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{width:610px;max-width:53%;padding-block:50px}.hero-copy h1{font-size:clamp(46px,5.3vw,76px);line-height:1.01;color:white;font-weight:800;letter-spacing:-.045em;text-shadow:0 2px 15px #00132266}.hero-copy p{max-width:425px;font-size:19px;line-height:1.55;color:white;text-shadow:0 1px 8px #001322}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero .actions .button{font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.section-heading h2{margin:0}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.4}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.species-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.species-card{min-width:0}.fish-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface)}.fish-image img{width:100%;height:100%;object-fit:cover;object-position:left center}.species-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:21px}.species-caption h3{margin:0 0 6px}.species-caption p{margin:0;font-size:14px}.icon-link{padding:10px}.image-placeholder{display:flex;align-items:center;justify-content:center;min-height:240px;height:100%;padding:24px;color:var(--muted);background:var(--surface);font-size:14px}.about-section{background:var(--surface);padding-block:var(--section-space)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about-copy{max-width:460px}.about-photo{width:100%;height:460px;object-fit:cover}.production{display:grid;grid-template-columns:1fr 1fr;gap:90px}.production>div:first-child p{max-width:350px}.production-list article{display:grid;grid-template-columns:.95fr 1.1fr;gap:24px;padding-block:28px;border-top:1px solid var(--line)}.production-list article:first-child{padding-top:0;border-top:0}.production-list h3{font-size:20px;line-height:1.25;margin:0}.production-list p{font-size:15px;margin:0}.research-section{padding-bottom:var(--section-space)}.research-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:85px;align-items:center}.research-photo{height:390px;background:var(--navy)}.research-photo img{width:100%;height:100%;object-fit:cover;object-position:left}.partners-banner{background:var(--blue);padding-block:64px;color:white}.partners-banner>.container{display:flex;justify-content:space-between;align-items:center;gap:50px}.partners-banner h2{color:white;font-size:40px;margin-bottom:18px}.partners-banner p{color:#e4f1f4;margin:0}.partners-banner .button{flex-shrink:0}.site-footer{background:var(--navy);color:#c0cedb;padding-top:64px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.4fr .8fr;gap:42px;padding-bottom:60px}.footer-grid>div:not(:first-child){border-left:1px solid #ffffff17;padding-left:30px}.footer-grid h2{font-size:17px;letter-spacing:0;color:white;margin:13px 0 25px}.footer-grid a:not(.button){display:block;margin-bottom:12px;overflow-wrap:anywhere}.footer-grid p{color:inherit;margin-bottom:12px}.footer-brand img{width:160px;height:100px;object-fit:contain;margin-bottom:24px}.footer-brand .button{font-size:11px}.footer-bottom{border-top:1px solid #ffffff17;display:flex;justify-content:space-between;gap:24px;padding-block:23px;font-size:12px;color:#a4b5c7}.page-heading{padding-top:64px;padding-bottom:36px}.page-heading p{max-width:640px;margin:0;font-size:19px}.filters{display:flex;align-items:end;gap:18px;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:36px;flex-wrap:wrap}.filters label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:160px}.filters label:first-child{flex:1}.filters input,.filters select{height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;background:white;color:var(--ink);width:100%;min-width:0}.filters .text-link{padding-bottom:13px}.catalog-section{padding-bottom:var(--section-space)}.empty-state{grid-column:1/-1;border-top:1px solid var(--line);padding:35px 0;max-width:700px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.editorial-photo{width:100%;height:450px;object-fit:cover}.research-crop{object-position:left}.reading-width{max-width:760px}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.contact-list>div{border-top:1px solid var(--line);padding:24px 0}.contact-list h3{font-size:17px;margin-bottom:12px}.contact-list p{margin:0}.contact-list a{overflow-wrap:anywhere}.species-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;margin:40px 0 60px}.detail-image{width:100%;height:auto;object-fit:cover}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:50px}.info-grid article{border-top:1px solid var(--line);padding-top:25px}.eyebrow{font-size:14px}.stores-heading{max-width:730px}.stores-area{background:var(--surface);padding-block:32px var(--section-space)}.stores-area .filters{border:0;margin-bottom:22px;padding-bottom:0}.store-count{margin:0 0 20px;font-size:14px}.stores-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:30px;align-items:start}.stores-list{max-height:680px;overflow:auto;scroll-margin-top:20px}.store-card{border:1px solid var(--line);background:white;padding:25px;margin-bottom:14px;border-radius:var(--radius);transition:border-color .15s}.store-card.selected{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.store-card h2{font-size:20px;margin:0 0 8px;letter-spacing:-.02em}.store-card p{font-size:14px;margin:0 0 7px;line-height:1.6}.store-card .city{color:var(--ink);font-weight:600}.store-card .store-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.store-actions a,.store-actions button{font-size:13px;font-weight:600;color:var(--blue-dark);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:30px}.store-map{height:680px;min-width:0;z-index:1;background:#dce7eb;border:1px solid var(--line);border-radius:var(--radius)}.map-region{position:sticky;top:24px;min-width:0}.map-message{font-size:12px;margin-top:12px;line-height:1.5}.leaflet-popup-content{font-family:var(--font-body);line-height:1.5}.leaflet-popup-content h3{font-size:17px;margin-bottom:10px}.leaflet-popup-content p{font-size:13px;margin:6px 0}.leaflet-popup-content a{display:block;margin-top:10px}.leaflet-container a:focus-visible{outline:3px solid var(--blue)}.store-detail{display:grid;grid-template-columns:.8fr 1.3fr;gap:60px;padding-bottom:var(--section-space)}.store-detail .store-map{height:500px}.store-logo{max-width:170px;max-height:100px;object-fit:contain;margin-bottom:30px}.store-contact-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.store-detail-address{color:var(--ink)}
@media(max-width:1150px){.header-inner{gap:20px}.desktop-nav{gap:16px}.desktop-nav a{font-size:10px}.header-cta{padding-inline:16px;font-size:10px}.about-grid,.research-grid{gap:45px}.production{gap:45px}.hero{height:570px}.hero-copy{max-width:58%}.footer-grid{gap:20px}.footer-grid>div:not(:first-child){padding-left:20px}.stores-layout{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:900px){.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:block}.hero{height:540px}.hero-copy{max-width:65%}.hero-copy h1{font-size:56px}.hero-copy p{font-size:17px}.about-grid,.research-grid{gap:35px}.about-photo{height:380px}.production{grid-template-columns:1fr;gap:30px}.production-list article{grid-template-columns:1fr 1.5fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:not(:first-child){border:0;padding-left:0}.partners-banner>.container{gap:30px}.partners-banner h2{font-size:34px}.stores-layout{grid-template-columns:1fr 1.1fr;gap:18px}.store-card{padding:20px}.store-map{height:610px}.editorial-grid,.contact-layout{gap:35px}.species-detail{gap:35px}}
@media(max-width:700px){.site-header{height:80px}.brand img{height:72px;width:120px}.header-inner{gap:12px}.header-cta{font-size:9px;min-height:40px;padding:9px 12px}.menu-toggle{padding:6px}.mobile-nav{top:80px}.hero{height:590px}.hero-photo{object-position:35% center;opacity:.52}.hero-copy{max-width:100%;width:100%}.hero-copy h1{font-size:52px;max-width:520px}.hero-copy p{max-width:380px}.hero .actions{max-width:350px}.hero .actions .button{font-size:10px}.section-heading{align-items:start;gap:20px}.section-heading .text-link{font-size:13px;max-width:120px}.species-grid{grid-template-columns:1fr;gap:34px}.fish-image{aspect-ratio:1.5}.species-caption{padding-top:16px}.about-grid,.research-grid,.editorial-grid,.contact-layout,.species-detail,.store-detail{grid-template-columns:1fr}.about-grid{gap:35px}.about-photo{height:330px}.production-list article{grid-template-columns:1fr;gap:12px}.research-grid{gap:30px}.research-photo{height:300px}.partners-banner>.container{align-items:start;flex-direction:column}.partners-banner{padding-block:45px}.partners-banner h2{font-size:34px}.footer-grid{gap:32px}.footer-grid>div:nth-child(3){grid-column:1/-1}.footer-grid>div:nth-child(4){grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.page-heading{padding-top:44px;padding-bottom:30px}.page-heading p{font-size:17px}.filters{gap:14px}.filters label{flex:1;min-width:140px}.filters label:first-child{flex-basis:100%}.filters .button{flex-shrink:0}.info-grid{grid-template-columns:1fr}.stores-layout{display:flex;flex-direction:column}.map-region{order:-1;position:static;width:100%}.store-map{height:350px}.stores-list{max-height:none;overflow:visible;width:100%}.store-detail .store-map{height:350px}.store-detail{gap:35px}.editorial-photo{height:320px}.contact-list a{font-size:16px}.store-count{font-size:13px}.store-card{margin-bottom:15px}.map-message{margin-bottom:10px}.store-detail .map-region{order:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.site-header{position:sticky;top:0;transition:box-shadow .25s,background .25s}.site-header.scrolled{background:#071e39f7;box-shadow:0 3px 18px #071e3920}.desktop-nav{gap:5px}.desktop-nav a{padding:10px 13px;border:0;border-radius:18px;transition:background .25s,color .25s}.desktop-nav a:hover{background:#ffffff1c;border:0}.desktop-nav a[aria-current]{background:transparent;color:var(--color-brand-accent);border-radius:0;box-shadow:inset 0 -2px var(--color-brand-accent)}.mobile-nav a{border-bottom:0;border-radius:5px;padding:12px 15px;margin-block:4px}.mobile-nav a:hover,.mobile-nav a[aria-current]{background:transparent;color:var(--color-brand-accent)}.visitor-postal{margin-top:34px;max-width:520px}.visitor-postal label{display:block;font-weight:600;margin-bottom:10px}.visitor-postal>div{display:flex;gap:12px}.visitor-postal input{border:1px solid var(--line);border-radius:var(--radius);min-width:0;flex:1;padding:10px 15px;width:180px}.visitor-postal small{display:block;color:var(--muted);margin-top:10px;font-size:12px}.location-notice{padding:15px 18px;border-left:3px solid var(--blue);background:white;font-size:14px}.store-distance{font-weight:600;color:var(--blue-dark)}@media(max-width:1150px){.desktop-nav a{padding-inline:9px}}@media(max-width:480px){.visitor-postal>div{flex-wrap:wrap}.visitor-postal .button{font-size:10px;padding-inline:13px}}

/* Fotografia real com área editorial independente para leitura e enquadramento. */
.hero-editorial{height:600px;background:#08283b}.hero-editorial .hero-photo{left:auto;width:52%;transform:none;opacity:1;object-position:55% center}.hero-editorial .hero-copy{width:46%;max-width:540px;padding-block:48px}.hero-editorial h1{font-size:clamp(46px,4.6vw,66px);text-shadow:none}.hero-editorial p{text-shadow:none;color:#d7e3e9;font-size:18px}.hero-editorial .actions{margin-top:30px}.fish-image img,.research-photo img,.research-crop{object-position:center}.editorial-topics{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:36px 70px}.editorial-topics article{border-top:1px solid var(--line);padding-top:26px}.editorial-topics h2{font-size:25px}.publications{margin-top:60px}.publications a{display:block;border-top:1px solid var(--line);padding:25px 0;font-size:23px;font-weight:600;line-height:1.4;color:var(--navy)}.publications a:hover{text-decoration:underline}.photo-credit{font-size:12px;color:var(--muted)}.map-region{top:110px}.stores-list{scroll-margin-top:110px}
@media(max-width:900px){.hero-editorial{height:530px}.hero-editorial .hero-copy{width:47%}.hero-editorial h1{font-size:46px}.hero-editorial .hero-photo{width:49%}}
@media(max-width:700px){.hero-editorial{height:auto;display:flex;flex-direction:column}.hero-editorial .hero-inner{order:0;display:block;height:auto}.hero-editorial .hero-copy{width:100%;max-width:100%;padding-block:38px}.hero-editorial h1{font-size:45px;max-width:450px;margin-bottom:19px}.hero-editorial p{font-size:17px;max-width:440px;margin-bottom:0}.hero-editorial .hero-photo{position:relative;order:1;width:100%;height:300px;object-position:center 58%}.hero-editorial .actions{margin-top:24px}.editorial-topics{grid-template-columns:1fr;gap:20px}.map-region{top:auto}}
.partnership-form{max-width:900px}.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.application-field{min-width:0}.application-field label{font-weight:600}.application-field input:not([type=checkbox]),.application-field select,.application-field textarea{display:block;width:100%;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:2px;background:white}.application-field small{display:block}.application-field input[type=checkbox]{margin:10px}.full-width{grid-column:1/-1}.errorlist{color:var(--danger);padding-left:20px}#photo-preview{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}#photo-preview img{width:120px;height:100px;object-fit:cover}.partner-apply-cta{margin-top:24px}.desktop-nav a:hover{color:var(--color-brand-accent)}@media(max-width:600px){.application-fields{grid-template-columns:1fr}}

/* Provisional legacy public theme; refresh during the ECOREEF frontend phase. */
.button.secondary{border-color:var(--brand-orange);color:var(--brand-orange-ink)}
.button.secondary:hover{border-color:var(--brand-orange);background:var(--brand-orange);color:var(--navy)}
.button.secondary.light{border-color:var(--brand-orange);color:white}
.button.secondary.light:hover{background:var(--brand-orange);color:var(--navy)}
.text-link:hover,.store-actions a:hover,.store-actions button:hover{color:var(--brand-orange-ink)}
.store-card.selected{border-color:var(--brand-orange);box-shadow:inset 3px 0 var(--brand-orange)}
.leaflet-container a:focus-visible{outline-color:var(--brand-orange)}
.partner-apply-cta{border-width:2px}

.hero-editorial{height:auto;min-height:0;display:grid;grid-template-columns:48% 52%;align-items:stretch;overflow:hidden}
.hero-editorial .hero-inner{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0;padding-left:max(var(--gutter),calc((100vw - var(--container))/2));padding-right:clamp(22px,3vw,50px)}
.hero-editorial .hero-copy{width:100%;max-width:580px;padding-block:65px}
.hero-editorial h1{font-size:clamp(42px,4.25vw,68px)}
.hero-video{grid-column:2;grid-row:1;position:relative;align-self:stretch;min-height:480px;background:#08283b;overflow:hidden}
.hero-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.section-kicker{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--brand-orange-ink);margin:0 0 18px}
.home-intro .about-copy{max-width:550px}
.home-intro .about-photo{height:540px}
.home-intro .about-copy>p:not(.section-kicker){color:var(--ink);font-size:18px}
.founded{display:flex;align-items:center;gap:18px;border-top:1px solid #cbd3d8;border-bottom:1px solid #cbd3d8;padding:16px 0;margin:24px 0 30px}
.founded strong{font-size:clamp(40px,4vw,58px);line-height:1;color:var(--navy)}
.founded span{font-size:14px;line-height:1.4;max-width:205px}
.pelagic-section{background:var(--navy);padding-block:var(--section-space)}
.pelagic-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,7vw,115px)}
.pelagic-grid h2{color:white;font-size:clamp(38px,4vw,58px);max-width:580px;margin:0}
.pelagic-grid p:not(.section-kicker){color:#d4e0e8;font-size:18px;line-height:1.6}
.pelagic-grid p:last-child{margin-bottom:0}
.mandarin-section{padding-block:var(--section-space)}
.mandarin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,6vw,95px);align-items:center}
.mandarin-image{min-width:0;aspect-ratio:1.35;background:var(--navy);overflow:hidden}
.mandarin-image img{width:100%;height:100%;object-fit:cover}
.mandarin-copy p:not(.section-kicker){font-size:18px;max-width:520px}
.stewardship{border-top:1px solid var(--line)}
.stewardship-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,6vw,95px);align-items:start}
.stewardship-grid h2{max-width:690px;margin:0}
.stewardship-grid p{font-size:18px;margin:0}
.partners-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.partnership-dialog{width:min(940px,calc(100vw - 32px));max-width:none;max-height:min(90dvh,900px);padding:0;border:1px solid var(--line);border-top:5px solid var(--brand-orange);border-radius:8px;background:white;box-shadow:0 24px 80px #071e3980;color:var(--ink);overflow:hidden}
.partnership-dialog::backdrop{background:#071e39b8}
.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:25px;padding:26px 34px 20px;border-bottom:1px solid var(--line)}
.dialog-top h2{font-size:clamp(27px,3vw,38px);margin:0}
.dialog-top .section-kicker{margin-bottom:8px}
.dialog-close{flex:none;border:1px solid var(--brand-orange);border-radius:50%;width:42px;height:42px;background:white;color:var(--brand-orange-ink);font-size:28px;line-height:1;cursor:pointer}
.dialog-close:hover{background:var(--brand-orange);color:var(--navy)}
.dialog-body{overflow-y:auto;max-height:calc(min(90dvh,900px) - 105px);padding:28px 34px 34px}
.dialog-body .partnership-entry>p{margin-bottom:28px}
.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}
.partnership-success{padding:42px 12px;text-align:center}
.partnership-success h3{font-size:30px}
.partnership-success p{max-width:500px;margin:0 auto 24px}
.application-errors:not(:empty),.field-errors:not(:empty){color:var(--danger);font-size:14px}
.application-errors:not(:empty){margin:0 0 18px}
.field-errors p{margin:5px 0 0;color:var(--danger)}
.application-field [aria-invalid=true]{border-color:var(--danger)!important}
@media(max-width:1100px){.hero-editorial{grid-template-columns:48% 52%}.hero-editorial .hero-copy{padding-block:45px}.hero-video{min-height:430px}.hero-editorial h1{font-size:clamp(38px,4.2vw,54px)}.about-grid{gap:45px}}
@media(max-width:950px){.hero-editorial{display:flex;flex-direction:column}.hero-editorial .hero-inner{width:calc(100% - var(--gutter)*2);max-width:var(--container);margin-inline:auto;padding:0;display:block}.hero-editorial .hero-copy{max-width:650px;padding-block:45px}.hero-video{width:100%;aspect-ratio:16/9;min-height:0;align-self:auto}.hero-editorial h1{font-size:clamp(42px,6vw,60px)}.pelagic-grid,.stewardship-grid{gap:35px}}
@media(max-width:700px){.hero-editorial .hero-copy{padding-block:38px}.hero-editorial h1{font-size:clamp(38px,9vw,48px)}.hero-video{aspect-ratio:16/9;height:auto}.home-intro .about-photo{height:320px}.pelagic-grid,.mandarin-grid,.stewardship-grid{grid-template-columns:1fr}.pelagic-grid h2{font-size:38px}.mandarin-grid{gap:27px}.mandarin-image{aspect-ratio:1.45}.stewardship-grid h2{font-size:34px}.partners-actions{justify-content:flex-start}.dialog-top{padding:18px 18px 14px}.dialog-body{padding:20px 18px 24px;max-height:calc(90dvh - 83px)}.partnership-dialog{width:calc(100vw - 16px);max-height:90dvh}.application-fields{gap:18px}.dialog-actions .button{flex:1;min-width:130px}}
/* A local image remains visible while the embedded video loads or is unavailable. */
.hero-video{background:#08283b;aspect-ratio:16/9;min-height:0}
@media(max-width:1100px){.hero-editorial{display:flex;flex-direction:column}.hero-editorial .hero-inner{width:calc(100% - var(--gutter)*2);max-width:var(--container);margin-inline:auto;padding:0;display:block}.hero-editorial .hero-copy{max-width:650px;padding-block:44px}.hero-video{width:100%;align-self:auto}}
@media(min-width:1101px){.hero-editorial .hero-copy{padding-block:34px}.hero-editorial h1{font-size:clamp(42px,4.05vw,62px)}}

/* Home editorial and public product index. */
.hero-editorial .hero-inner{isolation:isolate}
.hero-editorial .hero-inner::before{content:"";position:absolute;z-index:-1;inset:0 0 0 34%;background:linear-gradient(90deg,#08283b 0%,#08283b66 40%,#08283b17 100%);opacity:.24;mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%);pointer-events:none}
.hero-editorial .hero-copy{position:relative;z-index:1}
.home-intro .about-copy{max-width:580px}
.home-intro .about-copy h2{font-size:clamp(32px,3.3vw,48px);line-height:1.13;margin-bottom:24px}
.home-intro .about-copy>p:not(.section-kicker){font-size:16px;line-height:1.65;margin-bottom:16px}
.home-intro .about-copy .about-lead{font-size:19px!important;color:var(--navy)!important;font-weight:600}
.about-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}
.about-highlights>span{font-size:13px;line-height:1.4;color:var(--navy);border:1px solid #d1dce2;padding:9px 12px;background:#fff}
.about-highlights span span{margin-right:5px}
.home-catalog .section-heading{align-items:end}
.home-catalog .section-heading h2{margin:0 0 12px}
.home-catalog .section-heading p:last-child{margin:0;max-width:550px;font-size:18px}
.product-groups{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:42px 55px}
.product-group{min-width:0}
.product-group-animals{grid-row:span 2}
.product-group-title{border-top:2px solid var(--navy);padding:18px 0 16px;display:flex;align-items:baseline;gap:13px}
.product-group-title>span{font-size:12px;font-weight:800;color:var(--brand-orange-ink)}
.product-group-title h3{font-size:25px;margin:0}
.product-group-title p{font-size:13px;margin:0 0 0 auto}
.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.product-group:not(.product-group-animals) .product-list{grid-template-columns:1fr}
.product-row{display:flex;gap:12px;align-items:center;min-width:0;padding:12px 0;border-top:1px solid var(--line)}
.product-thumb{flex:none;width:58px;height:58px;overflow:hidden;background:linear-gradient(135deg,#e8eff1,#dbe5e9);display:grid;place-items:center}
.product-thumb img{width:100%;height:100%;object-fit:cover}
.product-thumb>span{font-weight:800;letter-spacing:.08em;color:#9eafb9;font-size:13px}
.product-row-copy{min-width:0}
.product-code{color:var(--brand-orange-ink)!important;font-size:10px!important;font-weight:800;letter-spacing:.1em;margin:0 0 2px!important}
.product-row h4{color:var(--navy);font-size:15px;line-height:1.28;margin:0 0 3px;font-weight:700}
.product-row-copy>p:last-child{font-size:12px;line-height:1.4;color:var(--muted);margin:0}
.home-species,.catalog-species{margin-top:clamp(55px,6vw,85px);padding-top:28px;border-top:1px solid var(--line)}
.home-species .section-heading h3{font-size:clamp(26px,3vw,36px);margin:0}
.catalog-section .product-groups{margin-top:5px}
.about-page-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,6vw,85px);align-items:center}
.about-page-copy{max-width:680px}
.about-page-copy h2{font-size:clamp(32px,3.5vw,50px);line-height:1.12;margin-bottom:28px}
.about-page-copy p:not(.section-kicker){font-size:17px;line-height:1.7;color:var(--ink)}
.about-page-copy .about-page-lead{color:var(--navy)!important;font-size:20px!important;font-weight:600}
.about-page-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.about-practices{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,120px);padding-block:clamp(60px,7vw,100px);margin-top:clamp(50px,7vw,95px);border-top:1px solid var(--line)}
.about-practices-heading h2{font-size:clamp(32px,3.5vw,48px)}
.about-practices-heading>p:last-child{font-size:17px}
.about-practices-list article{display:grid;grid-template-columns:36px 1fr;gap:20px;border-top:1px solid var(--line);padding:22px 0}
.about-practices-list article:first-child{border-color:var(--navy)}
.about-practices-list article>span{color:var(--brand-orange-ink);font-weight:800;font-size:12px}
.about-practices-list h3{font-size:22px;margin:0 0 8px}
.about-practices-list p{font-size:15px;margin:0}
.about-page-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px}
.about-page-cta p{font-size:18px;margin:0;color:var(--navy);font-weight:600}
@media(max-width:1100px){.product-groups{gap:28px}.product-list{grid-template-columns:1fr}.hero-editorial .hero-inner::before{inset:0 0 0 40%}}
@media(max-width:800px){.product-groups,.about-page-hero,.about-practices{grid-template-columns:1fr}.product-group-animals{grid-row:auto}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page-photo img{aspect-ratio:16/10}.about-practices{gap:20px}.home-catalog .section-heading{align-items:start}}
@media(max-width:600px){.hero-editorial .hero-inner::before{inset:0 0 0 25%;opacity:.18}.product-list{grid-template-columns:1fr}.home-catalog .section-heading{display:block}.home-catalog .section-heading .text-link{display:inline-flex;margin-top:18px;max-width:none}.about-highlights{gap:6px}.about-highlights>span{font-size:12px}.about-page-cta{align-items:start;flex-direction:column}}

/* Video edge blends into the dark editorial panel without covering player controls. */
.hero-video::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(8,40,59,.72) 0%,rgba(8,40,59,.42) 14%,rgba(8,40,59,.12) 37%,transparent 60%),linear-gradient(0deg,rgba(7,30,57,.08),rgba(7,30,57,.08));pointer-events:none}
.header-cta{background:transparent;border:2px solid var(--brand-orange);color:var(--brand-orange)}
.header-cta:hover,.header-cta[aria-current=page]{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--navy)}
.header-cta:focus-visible{outline-color:var(--brand-orange)}
@media(max-width:1100px){.hero-video::after{background:linear-gradient(180deg,rgba(8,40,59,.46),rgba(8,40,59,.14) 22%,transparent 48%),linear-gradient(90deg,rgba(8,40,59,.16),transparent 48%)}}

/* Photo-led catalog cards; product-specific uploads always take precedence. */
.product-groups{gap:38px 42px}
.product-group-animals .product-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-group:not(.product-group-animals) .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-list{gap:16px}
.product-row{display:block;padding:0;border:1px solid var(--line);background:white;overflow:hidden;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s}
.product-row:hover{border-color:var(--brand-orange);transform:translateY(-2px);box-shadow:0 10px 30px #071e3914}
.product-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8eef0}
.product-card-media>img,.product-package-photos img{width:100%;height:100%;object-fit:cover}
.product-card-category{position:absolute;left:12px;bottom:12px;background:var(--brand-orange);color:var(--navy);font-size:10px;font-weight:800;letter-spacing:.1em;padding:6px 9px}
.product-card-body{min-height:142px;padding:16px 16px 18px;display:flex;flex-direction:column}
.product-row h4{font-size:17px;line-height:1.25;margin:1px 0 5px}
.product-code{font-size:11px!important;margin-bottom:4px!important}
.product-card-body .product-scientific{color:var(--ink);font-size:13px;line-height:1.35;margin:0 0 7px}
.product-image-note{font-size:11px;line-height:1.4;margin:auto 0 0;color:var(--muted)}
.product-package-photos{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;background:var(--navy)}
.product-card-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#d8e4e9,#eef3f4 62%,#d7e2e7);color:#527084;text-align:center;padding:18px}
.product-card-placeholder span{font-size:11px;letter-spacing:.25em;font-weight:800}
.product-card-placeholder strong{font-size:17px;line-height:1.2;font-weight:600}
.catalog-credits{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7}
.catalog-credits li{margin-bottom:8px}
.catalog-credits a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.product-group-animals .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product-group:not(.product-group-animals) .product-list{grid-template-columns:1fr}}
@media(max-width:800px){.product-group-animals .product-list,.product-group:not(.product-group-animals) .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.product-group-animals .product-list,.product-group:not(.product-group-animals) .product-list{grid-template-columns:1fr}.product-card-media{aspect-ratio:1.48}.product-card-body{min-height:0}.product-row h4{font-size:18px}}
/* Keep the shorter product and package groups together beside the animal grid. */
.product-groups{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);align-items:start}
.product-groups-right{display:grid;gap:32px;min-width:0}
.product-groups>.product-group-animals:only-child,.product-groups>.product-groups-right:only-child{grid-column:1/-1}
.product-group-animals{grid-row:auto}
@media(max-width:800px){.product-groups{grid-template-columns:1fr}.product-groups-right{gap:28px}}
/* Product details are a single native dialog shared by all public catalog cards. */
.product-row{position:relative}
.product-card-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.product-row:has(.product-card-open:focus-visible){outline:3px solid var(--brand-orange);outline-offset:3px}
.product-dialog{width:min(920px,calc(100vw - 32px));max-width:none;max-height:min(88dvh,760px);padding:0;border:0;border-top:5px solid var(--brand-orange);border-radius:8px;background:white;color:var(--ink);box-shadow:0 24px 80px #071e3980;overflow:auto}
.product-dialog::backdrop{background:#071e39c7}
.product-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.product-dialog-close{position:sticky;top:14px;z-index:2;grid-column:1/-1;grid-row:1;justify-self:end;margin:14px 16px -60px 0;width:42px;height:42px;border:2px solid var(--brand-orange);border-radius:50%;background:white;color:var(--navy);font-size:28px;line-height:1;cursor:pointer}
.product-dialog-close:hover{background:var(--brand-orange)}
.product-dialog-media{grid-column:1;grid-row:1;min-height:430px;background:#e8eef0}
.product-dialog-media>img{display:block;width:100%;height:100%;max-height:700px;object-fit:cover}
.product-dialog-media .product-card-placeholder{min-height:430px}
.product-dialog-copy{grid-column:2;grid-row:1;align-self:center;padding:68px clamp(28px,4vw,62px)}
.product-dialog-kicker{display:inline-block;margin:0 0 22px;padding:6px 10px;background:var(--brand-orange);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.12em}
.product-dialog-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.1;margin-bottom:18px}
.product-dialog-scientific{font-style:italic;color:var(--navy);margin-bottom:14px}
.product-dialog-volume{color:var(--navy);font-weight:700;margin-bottom:14px}
#product-dialog-description{color:var(--ink);font-size:17px;line-height:1.55;margin-bottom:18px}
.product-dialog-note{border-top:1px solid var(--line);padding-top:14px;font-size:12px;margin:0}
@media(max-width:700px){.product-dialog{width:calc(100vw - 20px);max-height:90dvh}.product-dialog[open]{display:block}.product-dialog-media{height:260px;min-height:0}.product-dialog-media>img{height:100%}.product-dialog-media .product-card-placeholder{min-height:260px}.product-dialog-copy{padding:28px 25px 30px}.product-dialog-close{position:sticky;float:right;margin:12px 12px -54px 0}.product-dialog-copy h2{font-size:31px}}
.product-groups>.product-group:only-child{grid-column:1/-1}
/* Two distinct milestones: Mandarim first, Anthias immediately after it. */
.anthias-section{padding-block:var(--section-space);background:var(--surface)}
.anthias-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,6vw,95px);align-items:center}
.anthias-copy{max-width:560px}
.anthias-copy h2{font-size:clamp(34px,3.3vw,48px);line-height:1.1;margin-bottom:16px}
.anthias-copy p:not(.section-kicker){font-size:18px;line-height:1.6}
.anthias-copy .anthias-scientific{font-size:16px!important;color:var(--navy)}
.anthias-image{min-width:0;aspect-ratio:1.35;background:var(--navy);overflow:hidden}
.anthias-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.partners-banner{background:var(--brand-orange);color:var(--navy)}
.partners-banner h2,.partners-banner p{color:var(--navy)}
.partners-banner .button.secondary.light{border-color:var(--navy);color:var(--navy);background:transparent}
.partners-banner .button.secondary.light:hover{background:var(--navy);color:white;border-color:var(--navy)}
@media(max-width:700px){.anthias-grid{grid-template-columns:1fr;gap:27px}.anthias-image{aspect-ratio:1.45}.anthias-copy h2{font-size:clamp(34px,9vw,42px)}}
.company-phone{display:inline-flex!important;align-items:center;gap:8px;line-height:1.4}
.company-phone img{width:19px;height:19px;filter:invert(74%) sepia(79%) saturate(1319%) hue-rotate(327deg) brightness(101%) contrast(92%)}
.contact-list .company-phone{font-size:17px;color:var(--navy);font-weight:600}
