/* V3: full-screen photography, original partners and production film. */
:root{--paper:#f8f7f2;--ink:#173b2e;--line:#daddd0}
html{scroll-padding-top:106px}.utility{position:absolute;z-index:31;top:0;left:0;width:100%;height:34px;background:#0b211bbf;border-bottom:1px solid #ffffff18}
.site-header{position:fixed;top:34px;width:100%;color:#fffdf3;background:transparent;border-bottom:1px solid #ffffff26;backdrop-filter:none;transition:background .25s,top .25s}
.nav-inner{min-height:92px}.site-header nav a:after{background:currentColor}.site-header .nav-cta{background:#fffdf210;border-color:#fffdf26b;color:#fffdf3}.site-header .nav-cta:hover{background:#fffdf2;color:#193a2c}
.site-header .menu-toggle{border-color:#ffffff66}.site-header .menu-toggle span{background:currentColor}
.has-scrolled .site-header{top:0;background:#faf9f2f5;color:var(--ink);border-color:var(--line);backdrop-filter:blur(16px)}
.has-scrolled .site-header .nav-cta{background:var(--ink);color:#fff;border-color:var(--ink)}
.has-scrolled .site-header .menu-toggle{border-color:var(--line)}
.immersive-hero{display:flex;position:relative;isolation:isolate;width:100%;margin:0;min-height:max(760px,100svh);padding:0;overflow:hidden;background:#122a21;color:#fffdf3;align-items:center;gap:0}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,22,16,.75) 0%,rgba(7,22,16,.51) 33%,rgba(7,22,16,.12) 67%,rgba(7,22,16,.03)),linear-gradient(0deg,rgba(6,22,17,.88) 0%,transparent 25%,transparent 80%,rgba(6,22,17,.45))}
.hero-content{padding-top:162px;padding-bottom:146px}
.immersive-hero .hero-copy{max-width:670px;padding:0;display:block}
.immersive-hero .eyebrow{color:#e4e9cb;font-size:9px;letter-spacing:2.1px;margin-bottom:27px}
.immersive-hero .line{background:#c9d4a6;width:30px}
.immersive-hero h1{font-size:clamp(62px,6.2vw,96px);line-height:1.01;letter-spacing:-3px;font-weight:400;margin-bottom:28px;color:#fffdf3}
.immersive-hero h1 em{color:#d4dfb6;font-weight:400}
.immersive-hero .hero-description{color:#e5e9dd;max-width:445px;font-size:15px;line-height:1.9;margin-bottom:32px}
.immersive-hero .hero-actions{gap:30px;flex-direction:row;align-items:center}
.immersive-hero .primary{background:#e1e9c6;border-color:#e1e9c6;color:#173b2e;min-height:56px;padding:14px 24px}
.immersive-hero .primary:hover{background:#f4f6e7}
.hero-film-link{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;min-height:52px}
.play-mini{display:grid;place-items:center;width:37px;height:37px;border:1px solid #f6ffe080;border-radius:50%;font-size:10px;padding-left:2px;transition:background .2s}
.hero-film-link:hover .play-mini{background:#ffffff30}
.hero-bottom{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;gap:28px;align-items:center;border-top:1px solid #f3f9e33d;padding-top:23px}
.hero-bottom-copy>span{font-size:9px;letter-spacing:1.6px;color:#e1e7c8}.hero-bottom-copy>p{font-size:11px;margin:6px 0 0;color:#d1d9c9}
.hero-scroll{display:flex;align-items:center;gap:18px;min-height:46px;font-size:8px;letter-spacing:1.6px}
.scroll-circle{border:1px solid #eff5e482;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:19px;transition:transform .2s}.hero-scroll:hover .scroll-circle{transform:translateY(3px)}
[lang="zh"] .immersive-hero h1{font-size:clamp(54px,5.2vw,80px);line-height:1.22;letter-spacing:-1.5px}
[lang="zh"] .immersive-hero .hero-copy{max-width:720px}
[lang="zh"] .immersive-hero .hero-description{max-width:415px;color:#e5e9dd}
.audience{padding-block:28px;border-top:0}.audience .eyebrow{font-size:8px}
.partner-section{background:#fff;padding:58px 0 35px;border-bottom:1px solid var(--line)}
.partner-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}
.partner-heading h2{font-size:40px;letter-spacing:-1.2px}.partner-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:10px;color:#73846b}
.partner-heading .text-link{font-size:11px;margin-bottom:5px}
.partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.partner-logo{display:flex;align-items:center;justify-content:center;min-height:99px;padding:23px 28px;border-right:1px solid #eef0e9;border-bottom:1px solid #eef0e9}
.partner-logo:nth-child(6n){border-right:0}.partner-logo img{object-fit:contain;width:135px;height:51px;mix-blend-mode:multiply;filter:grayscale(1);opacity:.7;transition:filter .25s,opacity .25s}
.partner-logo:hover img{filter:grayscale(0);opacity:1}
.all-partners>summary{display:flex;justify-content:center;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:52px;padding-top:12px;font-size:11px;color:#66795e}
.all-partners>summary::-webkit-details-marker{display:none}.all-partners[open]>summary{margin-bottom:20px}.all-partners[open]>summary>span:last-child{transform:rotate(45deg)}
.all-partners .partner-grid{max-height:590px;overflow:auto;border-top:1px solid var(--line)}
.network-section{background:#ecefe5}
.supplier-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9d2bf;border-bottom:1px solid #c9d2bf}
.supplier-grid article{padding:30px 24px;position:relative;border-right:1px solid #c9d2bf}.supplier-grid article:first-child{padding-left:0}.supplier-grid article:last-child{border-right:0}
.supplier-num{display:block;font-size:10px;letter-spacing:1px;margin-bottom:30px;color:#708463}
.supplier-name{font-size:20px;font-weight:600;letter-spacing:1px;line-height:1.3;min-height:27px}
.supplier-grid h3{font-size:13px;margin:9px 0 20px;font-weight:400;letter-spacing:2px;color:#657660}
.supplier-grid p{font-size:11px;color:#596c55;line-height:1.65;margin-bottom:0}
.production-section{background:#132d23;color:#f5f3e7;padding:90px 0 55px}
.film-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:37px}
.film-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#c6d4aa;margin-bottom:20px}
.film-heading h2{color:#fffbea;font-size:clamp(40px,4.2vw,62px);line-height:1.07}.film-heading h2 em{color:#cad8b2}
.film-heading-right{max-width:430px;justify-self:end}.film-heading-right>p{font-size:13px;line-height:1.8;color:#cbd6c3;max-width:350px;margin-bottom:22px}
.film-switch{display:flex;gap:0;border:1px solid #65816b;width:fit-content}.film-switch button{border:0;background:none;color:#e1e9d5;font-size:11px;min-height:43px;padding:10px 18px}.film-switch button.active{background:#dce5c8;color:#173b2e}
.film-stage{position:relative;overflow:hidden;background:#07180f;aspect-ratio:16/9}
.film-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#07180f}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:13px;background:none;border:0;color:#fff;font-size:9px;letter-spacing:2px;padding:25px;filter:drop-shadow(0 2px 8px #0008)}
.film-play[hidden]{display:none}.play-circle{display:grid;place-items:center;height:90px;width:90px;border:1px solid #ffffffc2;border-radius:50%;font-size:20px;padding-left:4px;background:#122a2280;backdrop-filter:blur(6px);transition:background .2s,transform .2s}.film-play:hover .play-circle{background:#345943;transform:scale(1.05)}
.film-footer{display:flex;justify-content:space-between;gap:40px;padding-top:22px;font-size:10px;line-height:1.7;color:#b6c9ae}.film-footer>p:first-child{white-space:nowrap}.film-footer>p:last-child{max-width:630px;text-align:right}
.category-image{border-radius:0}.category-copy h3{font-size:30px}.catalog-product{box-shadow:none}.catalog-product-copy{padding:24px}
@media(min-width:1800px){.hero-backdrop{object-position:center 57%}.immersive-hero .hero-copy{max-width:760px}}
@media(max-width:1180px){.site-header nav{gap:18px}.site-header .nav-cta{font-size:10px}.immersive-hero h1{font-size:72px}.immersive-hero .hero-copy{max-width:580px}.hero-backdrop{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#071610bb,#07161070 50%,#07161008),linear-gradient(0deg,#061611d9,transparent 26%,transparent 78%,#06161155)}.hero-content{padding-top:176px;padding-bottom:150px}.supplier-name{font-size:17px}.film-heading{gap:32px}.partner-logo{padding:22px}.film-heading h2{font-size:47px}}
@media(max-width:960px){.site-header .nav-inner{min-height:80px}.immersive-hero{min-height:max(740px,100svh)}.immersive-hero .hero-copy{max-width:530px}.immersive-hero h1{font-size:68px}.immersive-hero .hero-description{font-size:14px;max-width:370px}.immersive-hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-bottom-copy>span{font-size:8px}.hero-bottom-copy>p{font-size:10px}.partner-heading h2{font-size:35px}.partner-grid{grid-template-columns:repeat(4,1fr)}.partner-logo:nth-child(6n){border-right:1px solid #eef0e9}.partner-logo:nth-child(4n){border-right:0}.supplier-grid{grid-template-columns:repeat(2,1fr)}.supplier-grid article{padding:25px!important}.supplier-grid article:nth-child(2){border-right:0}.supplier-grid article:nth-child(-n+2){border-bottom:1px solid #c9d2bf}.film-heading{grid-template-columns:1fr 1fr}.film-heading h2{font-size:40px}.film-switch button{font-size:10px;padding-inline:12px}.film-heading-right>p{font-size:12px}.production-section{padding-top:72px}.film-footer>p:last-child{max-width:440px}}
@media(max-width:700px){html{scroll-padding-top:88px}.utility{height:32px}.site-header{top:32px}.site-header .nav-inner{min-height:72px}.site-header nav{color:#fffdf3;background:#15362b;border-color:#ffffff26}.has-scrolled .site-header nav{color:var(--ink);background:var(--paper)}
.immersive-hero{min-height:max(780px,100svh);display:flex;flex-direction:row;align-items:center;padding:0}
.hero-backdrop{object-position:67% center}
.hero-shade{background:linear-gradient(90deg,#071610c7,#07161068 80%),linear-gradient(0deg,#061611eb,transparent 30%,#06161121 60%,#0616116b)}
.hero-content{padding-top:160px;padding-bottom:166px}.immersive-hero .hero-copy{max-width:100%}
.immersive-hero .eyebrow{font-size:7px;letter-spacing:1px;max-width:280px;margin-bottom:23px;gap:10px}.immersive-hero .line{width:20px}
.immersive-hero h1{font-size:clamp(51px,12.8vw,78px);line-height:1.04;letter-spacing:-1.5px;margin-bottom:25px}.immersive-hero .hero-description{font-size:13px;line-height:1.9;max-width:350px;margin-bottom:28px}
.immersive-hero .hero-actions{gap:19px;flex-wrap:wrap}.immersive-hero .primary{min-height:50px;padding:12px 18px;font-size:11px;gap:18px}
.hero-film-link{font-size:11px;gap:8px}.play-mini{width:31px;height:31px;font-size:8px}
.hero-bottom{bottom:22px;padding-top:17px;align-items:flex-end;gap:15px}.hero-bottom-copy{max-width:245px}.hero-bottom-copy>span{font-size:7px;line-height:1.7;letter-spacing:1px;display:block}.hero-bottom-copy>p{font-size:9px;line-height:1.7;margin-top:8px;max-width:220px}
.hero-scroll>span:first-child{display:none}.scroll-circle{width:38px;height:38px;font-size:18px}
[lang="zh"] .immersive-hero h1{font-size:clamp(38px,10.8vw,63px);line-height:1.27;letter-spacing:-1px}
[lang="zh"] .immersive-hero .hero-description{font-size:13px;max-width:325px;line-height:2}
.audience{padding-block:22px}.partner-section{padding:42px 0 22px}.partner-heading{display:block;margin-bottom:18px}.partner-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.partner-heading h2,[lang="zh"] .partner-heading h2{font-size:31px}.partner-heading .text-link{font-size:10px;margin-top:9px;min-height:36px;gap:20px}
.partner-grid{grid-template-columns:repeat(3,1fr)}.partner-logo{min-height:76px;padding:18px 16px}.partner-logo img{width:95px;height:36px}.partner-logo:nth-child(4n){border-right:1px solid #eef0e9}.partner-logo:nth-child(3n){border-right:0}.all-partners>summary{font-size:10px}
.supplier-grid article{padding:23px 16px!important}.supplier-num{margin-bottom:23px;font-size:9px}.supplier-name{font-size:15px;letter-spacing:.5px;min-height:20px}.supplier-grid h3{font-size:11px;margin-bottom:16px}.supplier-grid p{font-size:10px}
.production-section{padding:55px 0 30px}.film-heading{display:block;margin-bottom:24px}.film-heading h2,[lang="zh"] .film-heading h2{font-size:36px}.film-heading .eyebrow{font-size:8px;margin-bottom:17px}.film-heading-right{margin-top:24px;max-width:none}.film-heading-right>p{font-size:12px;max-width:none;margin-bottom:20px}.film-switch{width:100%}.film-switch button{flex:1;min-height:44px;font-size:10px;padding-inline:10px}.play-circle{width:58px;height:58px;font-size:13px}.film-play{padding:12px;gap:7px;font-size:7px;letter-spacing:1.4px}.film-footer{display:block;padding-top:15px;font-size:9px}.film-footer>p:first-child{margin-bottom:9px}.film-footer>p:last-child{text-align:left;max-width:none;margin-bottom:0}.category-copy h3{font-size:29px}.catalog-product-copy{padding:20px 17px}
}
@media(max-width:370px){.immersive-hero .hero-actions{gap:15px}.hero-film-link{font-size:10px;gap:7px}.immersive-hero .primary{padding-inline:15px}.supplier-name{font-size:13px}.film-heading h2,[lang="zh"] .film-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.site-header,.hero-backdrop,.partner-logo img{transition:none;animation:none}}

@media(max-width:700px){.film-heading-right{width:100%;justify-self:stretch}}

/* V4: two continuous logo rows, with a right-aligned pause control. */
.partner-marquee{padding:43px 0 22px;background:#fff;border-bottom:0;overflow:hidden}
.partner-marquee h2,[lang="zh"] .partner-marquee h2{margin:0 20px 31px;text-align:center;font:600 17px/1.5 var(--sans);letter-spacing:.2px;color:#304137}
.partner-lanes{display:flex;flex-direction:column;gap:15px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.partner-lane{width:100%;overflow:hidden}
.partner-track{display:flex;align-items:center;width:max-content;animation:partner-travel var(--partner-duration,450s) linear infinite;will-change:transform}
.partner-lane:nth-child(2) .partner-track{animation-direction:reverse}
.partner-group{display:flex;align-items:center;gap:42px;flex-shrink:0;padding-right:42px}
.partner-item{flex:0 0 124px;display:flex;align-items:center;justify-content:center;height:53px}
.partner-item img{width:124px;height:43px;object-fit:contain;filter:grayscale(1);opacity:.7;mix-blend-mode:multiply}
.partner-item:hover img{opacity:1}
.partner-carousel-controls{display:flex;justify-content:flex-end;padding-top:14px}
.partner-pause{display:grid;place-items:center;padding:0;width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:#f1f2ef;color:#28352f;transition:background .2s}
.partner-pause:hover{background:#e3e7df}.partner-pause:focus-visible{outline:2px solid #214c39;outline-offset:4px}
.partner-pause svg{width:16px;height:16px;fill:currentColor}.partner-pause .resume-mark{display:none}
.partner-marquee.is-paused .pause-mark{display:none}.partner-marquee.is-paused .resume-mark{display:block}
.partner-marquee.is-paused .partner-track,.partner-marquee.is-outside .partner-track,.partner-marquee.is-hidden .partner-track{animation-play-state:paused}
@keyframes partner-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){
 .partner-marquee{padding:32px 0 16px}
 .partner-marquee h2,[lang="zh"] .partner-marquee h2{font-size:15px;margin-bottom:24px}
 .partner-lanes{gap:13px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
 .partner-group{gap:30px;padding-right:30px}
 .partner-item{flex-basis:101px;height:43px}.partner-item img{width:101px;height:34px}
 .partner-carousel-controls{padding-top:12px}.partner-pause{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
 #partners .partner-track{animation-name:partner-travel!important;animation-duration:var(--partner-duration,450s)!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}
}

@media(prefers-reduced-motion:reduce){
 #partners .partner-track{animation-play-state:running!important}
 #partners .partner-lane:nth-child(2) .partner-track{animation-direction:reverse!important}
 #partners.is-paused .partner-track,#partners.is-outside .partner-track,#partners.is-hidden .partner-track{animation-play-state:paused!important}
}
/* V5: exhibition and face-to-face industry exchanges. */
.exhibitions-section{background:#f6f3eb;padding-block:100px}
.exhibition-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;margin-bottom:42px}
.exhibition-heading .eyebrow{color:#758064}.exhibition-heading h2{font-size:clamp(40px,4.2vw,60px)}
.exhibition-intro{max-width:415px;justify-self:end}.exhibition-intro>p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:15px}.exhibition-intro .text-link{font-size:12px}
.exhibition-gallery{display:grid;grid-template-columns:1fr 1fr 1.35fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:22px}
.exhibition-photo{margin:0;display:flex;flex-direction:column;min-width:0;min-height:0}
.exhibition-photo--portrait{grid-row:span 2}
.exhibition-image{display:block;position:relative;flex:1;min-height:0;width:100%;padding:0;border:0;background:#e0e2d7;overflow:hidden;text-align:left;color:#fff}
.exhibition-photo--portrait .exhibition-image{flex:none;aspect-ratio:3/4}
.exhibition-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .6s ease}
.exhibition-photo--portrait img{object-position:center center}
.exhibition-image:hover img{transform:scale(1.035)}
.photo-expand{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:33px;height:33px;background:#132d23c9;border:1px solid #fff8;border-radius:50%;font:18px/1 var(--sans);backdrop-filter:blur(5px)}
.exhibition-photo figcaption{display:flex;gap:12px;align-items:baseline;font-size:12px;line-height:1.7;padding-top:13px;color:#2a4436}
.exhibition-photo figcaption>span:first-child{font-size:9px;letter-spacing:1px;color:#839078}
.exhibition-foot{display:flex;justify-content:space-between;gap:25px;margin-top:29px;padding-top:19px;border-top:1px solid #d8ddce;color:#738267;font-size:9px;letter-spacing:1px}
#exhibitionDialog{max-width:1120px;width:calc(100% - 72px);max-height:94dvh;padding:22px;background:#10281f;color:#f4f6eb;border:1px solid #6f8770;overflow:auto}
#exhibitionDialog::backdrop{background:#07150eea;backdrop-filter:blur(7px)}
#exhibitionDialog .dialog-close{position:absolute;right:17px;top:15px;background:#10281fd9;color:#fff;border:1px solid #a6b29b;z-index:1;width:42px;height:42px}
.exhibition-lightbox-image{display:block;width:100%;height:min(74dvh,770px);object-fit:contain;background:#0b1e17}
.exhibition-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:18px}
.exhibition-lightbox-copy p{margin:0;font-size:13px;line-height:1.7}.exhibition-lightbox-copy span{display:block;font-size:9px;letter-spacing:2px;color:#c7d5bb;margin-top:5px}
.exhibition-arrows{display:flex;gap:10px}.exhibition-arrows button{width:42px;height:42px;background:transparent;border:1px solid #9cab92;color:#fff;font-size:20px}.exhibition-arrows button:hover{background:#33523d}
.footer-main>div{flex-wrap:wrap}
@media(max-width:1100px){.exhibition-heading{gap:45px}.exhibition-gallery{gap:17px;grid-template-columns:1fr 1fr 1.2fr}.exhibition-photo figcaption{font-size:10px;gap:9px}.exhibition-intro>p{font-size:13px}}
@media(max-width:700px){
 .exhibitions-section{padding-block:60px}.exhibition-heading{display:block;margin-bottom:29px}
 .exhibition-heading h2,[lang="zh"] .exhibition-heading h2{font-size:36px}
 .exhibition-intro{max-width:none;justify-self:stretch;margin-top:22px}.exhibition-intro>p{font-size:13px}.exhibition-intro .text-link{font-size:11px}
 .exhibition-gallery{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:25px 14px}
 .exhibition-photo--portrait{grid-row:auto}
 .exhibition-photo:not(.exhibition-photo--portrait){grid-column:1/-1}
 .exhibition-photo:not(.exhibition-photo--portrait) .exhibition-image{flex:none;aspect-ratio:4/3}
 .exhibition-photo figcaption{font-size:10px;padding-top:10px;gap:7px}.exhibition-photo figcaption>span:first-child{font-size:8px}
 .photo-expand{width:29px;height:29px;right:9px;bottom:9px;font-size:16px}
 .exhibition-foot{flex-direction:column;gap:9px;font-size:8px;margin-top:25px;letter-spacing:.5px}
 #exhibitionDialog{width:calc(100% - 22px);padding:10px;max-height:95dvh}
 #exhibitionDialog .dialog-close{right:17px;top:17px;width:38px;height:38px}
 .exhibition-lightbox-image{height:69dvh}
 .exhibition-lightbox-bottom{gap:12px;padding:14px 6px 5px}
 .exhibition-lightbox-copy p{font-size:11px}.exhibition-arrows{gap:7px}.exhibition-arrows button{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.exhibition-image img{transition:none}}

/* V6: a sourced freeze-drying process and the complete supplier factory film. */
.manufacturing-section{padding:95px 0 60px;background:#f0f1e9}
.manufacturing-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.manufacturing-heading h2{font-size:clamp(40px,4.2vw,62px);line-height:1.1}
.manufacturing-heading .eyebrow{color:#6c7e5d}
.manufacturing-intro{max-width:390px;justify-self:end}
.manufacturing-intro>p{font-size:14px;line-height:1.85;color:#62705f;margin-bottom:18px}
.manufacturing-intro .text-link{font-size:12px}
.process-label{display:flex;justify-content:space-between;border-bottom:1px solid #cdd5c3;padding-bottom:17px;font-size:9px;letter-spacing:1.8px;color:#607450}
.manufacturing-flow{list-style:none;padding:0;margin:0 0 40px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.manufacturing-flow li{position:relative;min-width:0;padding:22px 20px 0 0}
.flow-number{display:block;font:italic 31px/1.2 var(--serif);color:#81946c;margin-bottom:20px}
.manufacturing-flow li:not(:last-child):after{content:"→";position:absolute;right:22px;top:25px;color:#9bab8a;font-size:19px;font-weight:400}
.manufacturing-flow h3{font:600 13px/1.45 var(--sans);margin:0 0 12px;color:#294635}
.manufacturing-flow p{font-size:11px;line-height:1.85;color:#63745e;margin:0;max-width:180px}
.factory-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.factory-photo-grid figure,.legacy-photo-grid figure{margin:0;min-width:0}
.factory-photo-grid img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:#dce3d5}
.factory-photo-grid h3{font:500 13px/1.5 var(--sans);margin:13px 0 4px}
.factory-photo-grid p{font-size:9px;line-height:1.6;color:#748368;margin:0}
.manufacturing-note{font-size:10px;line-height:1.8;color:#71816a;max-width:1000px;margin:27px 0 0}
.legacy-process{border-top:1px solid #ccd6bf;margin-top:32px}
.legacy-process summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:19px 0;font-size:12px;cursor:pointer}
.legacy-process summary::-webkit-details-marker{display:none}.legacy-plus{font-size:24px;line-height:1;transition:transform .2s}
.legacy-process[open] .legacy-plus{transform:rotate(45deg)}
.legacy-process>p{font-size:11px;line-height:1.8;color:#6a7b61;margin:0 0 20px}
.legacy-photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;padding-bottom:18px}
.legacy-photo-grid img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.legacy-photo-grid figcaption{font-size:10px;padding-top:10px}.legacy-photo-grid small{display:block;font-size:9px;color:#748469;margin-top:3px}
.factory-video-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.factory-video-layout .film-stage{min-width:0}
.film-library{display:flex;flex-direction:column;min-width:0}
.film-choice{display:flex;align-items:center;width:100%;gap:13px;background:none;border:0;border-bottom:1px solid #3a5340;text-align:left;color:#dbe5ca;min-height:98px;padding:19px 14px;transition:background .2s}
.film-choice:first-child{border-top:1px solid #3a5340}
.film-choice:hover{background:#284435}.film-choice.active{background:#dfe6cb;color:#16382b;border-color:#dfe6cb}
.film-choice-number{align-self:flex-start;font:11px/1.6 var(--serif);opacity:.7}
.film-choice-copy{display:block;min-width:0;flex:1}
.film-choice-copy strong{display:block;font-size:12px;line-height:1.6;font-weight:500}
.film-choice-copy small{display:block;font-size:9px;line-height:1.6;margin-top:7px;opacity:.75}
.film-duration{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.factory-video-layout+.film-footer{padding-top:20px;gap:30px}.film-footer>p:first-child{white-space:normal;min-width:210px}
[lang="zh"] .manufacturing-heading h2{font-size:clamp(36px,3.7vw,54px);line-height:1.3}
[lang="zh"] .manufacturing-flow h3{font-size:14px}
@media(max-width:1100px){
 .manufacturing-heading{gap:35px}
 .manufacturing-flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
 .manufacturing-flow li:nth-child(3):after{display:none}.manufacturing-flow p{max-width:230px}
 .factory-photo-grid{gap:13px}.factory-photo-grid h3{font-size:12px}
 .factory-video-layout{grid-template-columns:minmax(0,1fr) 255px;gap:19px}
 .film-choice{padding:13px 11px;min-height:81px;gap:9px}.film-choice-copy strong{font-size:11px}.film-choice-copy small{font-size:8px}.film-duration{font-size:9px}
 .legacy-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media(max-width:850px){
 .factory-video-layout{grid-template-columns:1fr;gap:18px}
 .film-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 .film-choice:nth-child(2){border-top:1px solid #3a5340}
 .film-choice{min-height:86px}
}
@media(max-width:700px){
 .manufacturing-section{padding:59px 0 35px}
 .manufacturing-heading{display:block;margin-bottom:32px}
 .manufacturing-heading h2,[lang="zh"] .manufacturing-heading h2{font-size:36px}
 .manufacturing-intro{max-width:none;margin-top:23px}
 .manufacturing-intro>p{font-size:13px}.manufacturing-intro .text-link{font-size:11px}
 .process-label{font-size:8px;letter-spacing:1px;padding-bottom:15px}
 .manufacturing-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:9px;margin-bottom:29px}
 .manufacturing-flow li{padding:20px 20px 0 0}
 .flow-number{font-size:28px;margin-bottom:13px}
 .manufacturing-flow li:nth-child(3):after{display:block}
 .manufacturing-flow li:nth-child(even):after{display:none}
 .manufacturing-flow h3,[lang="zh"] .manufacturing-flow h3{font-size:12px;margin-bottom:8px}
 .manufacturing-flow p{font-size:10px;line-height:1.85}
 .factory-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}
 .factory-photo-grid h3{font-size:11px;margin-top:11px}.factory-photo-grid p{font-size:8px}
 .manufacturing-note{font-size:9px;line-height:1.9;margin-top:23px}
 .legacy-process{margin-top:23px}.legacy-process summary{font-size:11px}
 .legacy-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}
 .legacy-photo-grid figcaption{font-size:10px}.legacy-photo-grid small{font-size:8px}
 .film-library{gap:0 8px}
 .film-choice{padding:13px 9px;gap:7px;min-height:96px;flex-wrap:wrap;align-content:center}
 .film-choice-number{font-size:9px;align-self:auto}
 .film-choice-copy{flex-basis:calc(100% - 24px)}
 .film-choice-copy strong{font-size:11px;line-height:1.5}
 .film-choice-copy small{font-size:8px;line-height:1.5}
 .film-duration{margin-left:17px;font-size:9px}
 .factory-video-layout+.film-footer{padding-top:18px}
 .film-heading-right>p{margin-bottom:0}
}

/* V7: only the user-selected J-Origin film; all visuals in this row are its original frames. */
.process-photo-label{font-size:9px;letter-spacing:1.2px;color:#64775a;margin:0 0 15px}
.own-film-badge{display:inline-block;font-size:9px;letter-spacing:1.3px;color:#dce5c8;border-top:1px solid #526d55;padding-top:14px}
.own-film-section .film-stage{max-width:1180px;margin-inline:auto}
.own-film-section .film-footer{max-width:1180px;margin-inline:auto}
@media(max-width:700px){.own-film-badge{margin-top:17px;font-size:8px}.process-photo-label{font-size:8px;letter-spacing:.6px}}

/* V8: certificate information cards, with no producer identifiers or image source captions. */
.factory-photo-grid figcaption h3{margin-bottom:0}
.certifications-section{padding:96px 0 72px;background:#fbfaf5}
.certifications-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
.certifications-heading .eyebrow{color:#6a7e58}.certifications-heading h2{font-size:clamp(40px,4.2vw,62px);line-height:1.1}
.certifications-intro{max-width:410px;justify-self:end}
.certifications-intro>p{font-size:14px;line-height:1.85;color:#62725f;margin:0 0 18px}.certifications-intro .text-link{font-size:12px}
.certification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.certification-card{background:#f1f2e9;border:1px solid #dce2d2;padding:25px 29px 16px;min-width:0;display:flex;flex-direction:column}
.cert-card-top{display:flex;align-items:baseline;gap:15px;color:#788866;font-size:8px;letter-spacing:1.1px;min-height:32px}
.cert-index{font:italic 17px/1 var(--serif);color:#718562}
.cert-card-identity{min-height:89px;padding-top:16px}
.cert-card-identity h3{font:500 clamp(27px,2.6vw,37px)/1.15 var(--sans);letter-spacing:-1px;margin:0 0 9px;color:#254f3a}
.cert-card-identity>p{font-size:10px;letter-spacing:.4px;color:#6b7d5f;margin:0}
.cert-card-description{font-size:12px;line-height:1.85;color:#5e7159;max-width:285px;margin:20px 0;flex:1}
.certification-card .text-link{font-size:11px;border-top:1px solid #cdd7bf;border-bottom:0;min-height:48px;display:flex;width:100%;padding-block:14px;gap:12px}
.certification-card:has(button:hover){border-color:#839874}.certification-card button:hover{color:#9b593e}
.certification-cta{padding:26px 29px;background:#173b2e;color:#eaf0de;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.certification-cta .eyebrow{color:#c4d2ae;font-size:8px;letter-spacing:1px;margin-bottom:25px}
.certification-cta h3{font:30px/1.15 var(--serif);letter-spacing:-.5px;color:#f6f5e9;margin:0 0 17px}.certification-cta h3 em{color:#c5d4a8;font-weight:400}
.certification-cta>p{font-size:12px;line-height:1.8;color:#ccdac0;margin:0 0 20px;max-width:260px}
.certification-cta .button{margin-top:auto;font-size:10px;min-height:44px;border-color:#9fb18c;color:#f2f4e9;gap:25px;padding:10px 17px}.certification-cta .button:hover{background:#335440}
.certifications-foot{display:flex;gap:13px;align-items:baseline;padding-top:23px;color:#718166}
.certifications-foot p{font-size:10px;line-height:1.8;max-width:950px;margin:0}.cert-foot-icon{font-size:18px}
#certificateDialog{width:calc(100% - 44px);max-width:650px;max-height:90dvh;border:1px solid #c0ccb3;background:#f8f8ef;padding:0}
#certificateDialog::backdrop{background:#10291ed1;backdrop-filter:blur(5px)}
#certificateDialog .dialog-close{position:absolute;right:17px;top:17px;width:42px;height:42px;background:none;border:1px solid #bdcaae;color:#244b36}
.certificate-dialog-body{padding:50px 44px 40px}
.certificate-dialog-body h2{font-size:40px;line-height:1.15;margin:0 0 30px;color:#264b37}
.certificate-dialog-body .eyebrow{font-size:9px;margin-bottom:16px}
.certificate-facts{margin:0}.certificate-facts>div{border-top:1px solid #d4ddc9;padding:18px 0}
.certificate-facts dt{font-size:10px;color:#7a896d;margin-bottom:7px}.certificate-facts dd{font-size:13px;line-height:1.85;margin:0;color:#39543f}
.certificate-dialog-note{font-size:11px;line-height:1.8;color:#6c7e60;margin:14px 0 27px}
.certificate-dialog-body .button{font-size:12px}
[lang="zh"] .certifications-heading h2{font-size:clamp(36px,3.7vw,54px);line-height:1.3}
[lang="zh"] .certification-cta h3{font-size:29px;line-height:1.35}
@media(max-width:1100px){
 .certifications-heading{gap:35px}.certification-grid{gap:14px}.certification-card,.certification-cta{padding:23px 22px 14px}
 .cert-card-identity h3{font-size:29px}.certification-cta h3{font-size:27px}
}
@media(max-width:850px){.certification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .certifications-section{padding:58px 0 44px}.certifications-heading{display:block;margin-bottom:30px}
 .certifications-heading h2,[lang="zh"] .certifications-heading h2{font-size:36px}.certifications-intro{margin-top:24px;max-width:none}
 .certifications-intro>p{font-size:13px}.certifications-intro .text-link{font-size:11px}
 .certification-grid{gap:12px}.certification-card,.certification-cta{padding:19px 16px 9px}
 .cert-card-top{align-items:flex-start;gap:8px;letter-spacing:.6px;font-size:7px;min-height:35px}.cert-index{font-size:15px}
 .cert-card-identity{min-height:85px;padding-top:10px}.cert-card-identity h3{font-size:24px;letter-spacing:-.8px}.cert-card-identity>p{font-size:9px;line-height:1.7}
 .cert-card-description{font-size:10px;line-height:1.8;margin:10px 0 16px}
 .certification-card .text-link{font-size:10px;gap:8px;line-height:1.6;min-height:49px}
 .certification-cta .eyebrow{font-size:7px;line-height:1.8;margin-bottom:17px;letter-spacing:.5px}
 .certification-cta h3,[lang="zh"] .certification-cta h3{font-size:23px;line-height:1.3;margin-bottom:15px}
 .certification-cta>p{font-size:10px;margin-bottom:18px;line-height:1.8}
 .certification-cta .button{font-size:9px;width:100%;gap:8px;padding:10px 7px;margin-bottom:7px}
 .certifications-foot p{font-size:9px}.certifications-foot{gap:10px;padding-top:20px}
 #certificateDialog{width:calc(100% - 26px)}
 .certificate-dialog-body{padding:49px 24px 27px}
 .certificate-dialog-body h2,[lang="zh"] .certificate-dialog-body h2{font-size:29px;margin-bottom:24px}
 .certificate-facts dd{font-size:12px}.certificate-dialog-note{font-size:10px}
 .certificate-dialog-body .button{font-size:11px;width:100%}
}
@media(max-width:380px){.certification-card,.certification-cta{padding-inline:13px}.cert-card-identity h3{font-size:22px}}


/* V9: six photo stages, connected in reading order. */
.journey-section{background:#f8f7f0;padding:80px 0 62px}
.journey-section .manufacturing-heading{margin-bottom:37px;gap:60px}
.journey-section .manufacturing-heading h2{font-size:clamp(37px,3.65vw,54px);line-height:1.1}
.journey-section .manufacturing-heading .eyebrow{color:#8b794b}
.journey-section .manufacturing-intro{max-width:390px}
.journey-section .manufacturing-intro>p{font-size:13px;line-height:1.85}
.journey-canvas{position:relative;padding-right:37px}
.journey-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#b0a16c}
.journey-paths path{fill:none;stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 38px;list-style:none;margin:0;padding:0}
.journey-step{position:relative;min-width:0;padding-top:43px}
.journey-step:nth-child(4){grid-column:3;grid-row:2}
.journey-step:nth-child(5){grid-column:2;grid-row:2}
.journey-step:nth-child(6){grid-column:1;grid-row:2}
.journey-number{position:absolute;top:0;left:50%;transform:translateX(-50%);width:31px;height:31px;display:grid;place-items:center;border:1px solid #b3a779;border-radius:50%;background:#f8f7f0;color:#224b3c;font:400 16px/1 var(--sans);letter-spacing:-.5px}
.journey-picture{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:1.92;overflow:hidden;border-top-right-radius:32px;background:#e2e7d9;box-shadow:0 4px 10px #203a2310}
.journey-picture-pair{grid-template-columns:1fr 1fr;gap:3px}
.journey-image{min-width:0;min-height:0;overflow:hidden}
.journey-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.journey-step[data-step="3"] .journey-image img{transform:scale(1.05)}
.journey-step[data-step="4"] .journey-image img{object-position:50% 42%}
.journey-caption{text-align:center;padding:14px 2px 0}
.journey-caption h3{font:600 15px/1.4 var(--sans);color:#244a39;letter-spacing:-.2px;margin:0 0 5px}
.journey-caption p{font:400 10px/1.7 var(--sans);color:#75806c;margin:0}
.journey-section .manufacturing-note{font-size:10px;line-height:1.85;color:#77826e;margin:31px 37px 0 0;max-width:none;padding:0;border:0}
[lang="zh"] .journey-section .manufacturing-heading h2{font-size:clamp(36px,3.4vw,51px);line-height:1.25}
[lang="zh"] .journey-caption h3{font-size:16px;letter-spacing:.3px}
[lang="zh"] .journey-caption p{font-size:11px}
@media(max-width:1100px){
 .journey-section{padding:65px 0 50px}
 .journey-section .manufacturing-heading{gap:35px}
 .journey-canvas{padding-right:27px}
 .journey-grid{column-gap:24px}
 .journey-caption h3{font-size:13px}
 .journey-caption p{font-size:9px}
 [lang="zh"] .journey-caption h3{font-size:14px}
 [lang="zh"] .journey-caption p{font-size:10px}
}
@media(max-width:850px){
 .journey-section .manufacturing-heading{display:block;margin-bottom:35px}
 .journey-section .manufacturing-intro{max-width:560px;margin:23px 0 0}
 .journey-canvas{padding-right:0}
 .journey-grid{grid-template-columns:1fr;gap:30px;padding-left:49px}
 .journey-step,.journey-step:nth-child(n){grid-column:auto;grid-row:auto;padding-top:0}
 .journey-number{left:-49px;top:4px;transform:none}
 .journey-picture{aspect-ratio:1.95;border-top-right-radius:28px}
 .journey-caption{text-align:left;padding:12px 0 0}
 .journey-caption h3,[lang="zh"] .journey-caption h3{font-size:16px;margin-bottom:4px}
 .journey-caption p,[lang="zh"] .journey-caption p{font-size:11px}
 .journey-section .manufacturing-note{margin:29px 0 0 49px;max-width:none;font-size:10px}
}
@media(max-width:700px){
 .journey-section{padding:58px 0 42px}
 .journey-section .manufacturing-heading h2,[lang="zh"] .journey-section .manufacturing-heading h2{font-size:35px}
 .journey-section .manufacturing-intro>p{font-size:12px}
 .journey-grid{padding-left:42px;gap:29px}
 .journey-number{left:-42px;width:28px;height:28px;font-size:14px}
 .journey-picture{aspect-ratio:1.6;border-top-right-radius:25px}
 .journey-caption h3,[lang="zh"] .journey-caption h3{font-size:14px}
 .journey-caption p,[lang="zh"] .journey-caption p{font-size:10px;line-height:1.75}
 .journey-section .manufacturing-note{margin-left:42px;font-size:9px}
}

/* Keep original frame borders outside the presentation crop. */
.journey-step[data-step="4"] .journey-image img,.journey-step[data-step="5"] .journey-image img{transform:scale(1.035)}
.journey-step[data-step="6"] .journey-image:last-child img{object-position:68% 42%;transform:scale(1.35);transform-origin:50% 35%}

/* V10: only freeze-drying facilities and process imagery. */
.journey-step[data-step="3"] .journey-image img{transform:scale(1.04);object-position:50% 54%}
.journey-step[data-step="4"] .journey-image img{transform:none;object-position:50% 50%}
.journey-step[data-step="5"] .journey-image img{transform:scale(1.16);transform-origin:50% 20%}
.journey-step[data-step="6"] .journey-image:last-child img{object-position:center;transform:none}
.journey-section .manufacturing-heading{grid-template-columns:1.4fr 1fr}

/* V11: authentic certificate artwork and marks, with a full-page document viewer. */
.certificate-gallery-section{background:#f8f7f1;padding:85px 0 59px}
.certificate-gallery-section .certifications-heading{grid-template-columns:1.4fr 1fr;gap:70px;margin-bottom:44px}
.certificate-gallery-section .certifications-heading h2{font-size:clamp(36px,3.65vw,54px);line-height:1.12}
.certificate-gallery-section .certifications-intro{max-width:355px}
.certificate-gallery-section .certifications-intro>p{font-size:13px;margin-bottom:17px}
.certificate-gallery-hint{display:flex;align-items:center;gap:10px;font-size:11px;color:#667951}
.certificate-gallery-hint>span:first-child{font-size:19px}
.certificate-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.certificate-artwork{display:block;min-width:0;padding:0;border:0;background:none;text-align:left;color:inherit}
.certificate-mark-row{display:flex;align-items:center;justify-content:center;height:88px;background:#fff;border:1px solid #e0e4d7;border-bottom:0}
.certificate-mark-row img{width:auto;height:auto;max-width:116px;max-height:59px;object-fit:contain}
.certificate-artwork[data-certificate="haccp"] .certificate-mark-row img{max-height:65px}
.certificate-artwork[data-certificate="halal"] .certificate-mark-row img{max-height:65px}
.certificate-paper-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#e8ebdf;border:1px solid #dce2d1;padding:23px 17px;aspect-ratio:.77;overflow:hidden}
.certificate-paper-stage>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #1b342521);transition:transform .25s ease}
.certificate-view-cue{position:absolute;right:12px;bottom:12px;width:29px;height:29px;display:grid;place-items:center;background:#173d2d;color:#f8f7f0;border-radius:50%;font-size:17px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.certificate-artwork:hover .certificate-paper-stage>img{transform:translateY(-3px)}
.certificate-artwork:hover .certificate-view-cue,.certificate-artwork:focus-visible .certificate-view-cue{opacity:1;transform:none}
.certificate-artwork:hover .certificate-mark-row,.certificate-artwork:hover .certificate-paper-stage{border-color:#a2b296}
.certificate-caption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:18px 0 2px}
.certificate-caption strong{display:block;font:600 17px/1.3 var(--sans);letter-spacing:-.3px;color:#284b38}
.certificate-caption small{display:block;margin-top:6px;font:400 9px/1.6 var(--sans);letter-spacing:.35px;color:#77846e}
.certificate-mini-arrow{font-size:18px;color:#67815a}
.certificate-gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:29px;margin-top:26px;border-top:1px solid #d3dcc8}
.certificate-gallery-footer>p{margin:0;font-size:10px;line-height:1.85;color:#78856f;max-width:715px}
.certificate-gallery-footer>.text-link{font-size:11px;flex-shrink:0;gap:30px}
[lang="zh"] .certificate-gallery-section .certifications-heading h2{font-size:clamp(36px,3.5vw,52px);line-height:1.25}
[lang="zh"] .certificate-caption small{font-size:10px;letter-spacing:.5px}
#certificateDialog.certificate-image-dialog{width:calc(100% - 60px);max-width:1200px;height:88dvh;max-height:940px;padding:0;overflow:hidden;background:#f8f8f0;border:1px solid #c4ceba}
.certificate-viewer-top{height:86px;display:flex;align-items:center;justify-content:space-between;padding:17px 28px;border-bottom:1px solid #d8dfce;background:#f8f8f0}
.certificate-viewer-top .eyebrow{font-size:8px;letter-spacing:1.3px;margin:0 0 7px;color:#768566}
.certificate-viewer-top h2,[lang="zh"] .certificate-viewer-top h2{font:500 25px/1.1 var(--sans);letter-spacing:-.5px;margin:0}
#certificateDialog.certificate-image-dialog .dialog-close{position:static;flex:none;width:38px;height:38px;border:1px solid #c4ceba;font-size:25px;background:none;margin-left:20px}
.certificate-viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100% - 86px)}
.certificate-preview-column{display:flex;flex-direction:column;min-height:0;min-width:0;background:#e5e9de}
.certificate-viewer-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;height:52px;padding:7px 18px;border-bottom:1px solid #cbd5c0;background:#eff2e8}
.certificate-pagination{display:flex;align-items:center;gap:12px}
.certificate-pagination button,#certificateZoom{border:1px solid #c8d2bd;background:#fafbf7;height:34px;min-width:36px;color:#284c38;padding:4px 10px}
.certificate-pagination button:disabled{cursor:default;opacity:.3}
.certificate-pagination button:not(:disabled):hover,#certificateZoom:hover{background:#e0e8d7}
#certificatePageCounter{font-size:11px;min-width:37px;text-align:center;color:#5e7652}
#certificateZoom{display:flex;align-items:center;gap:7px;font-size:11px}
#certificateZoom>span:first-child{font-size:23px;line-height:1}
.certificate-image-scroll{flex:1;min-height:0;overflow:auto;padding:23px;display:flex;align-items:flex-start;justify-content:center;overscroll-behavior:contain}
.certificate-image-scroll>img{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:calc(88dvh - 190px);object-fit:contain;background:white;box-shadow:0 5px 20px #20352621}
.certificate-image-scroll.is-zoomed{display:block}
.certificate-image-scroll.is-zoomed>img{width:1200px;height:auto;max-width:none;max-height:none;margin:0 auto}
.certificate-image-dialog .certificate-dialog-body{padding:25px 24px 28px;overflow:auto;border-left:1px solid #d3dcc8}
.certificate-dialog-mark{height:66px;display:flex;align-items:center;margin-bottom:23px}
.certificate-dialog-mark img{max-width:134px;max-height:66px;width:auto;height:auto}
.certificate-image-dialog .certificate-facts>div{padding:16px 0}
.certificate-image-dialog .certificate-facts dt{font-size:10px;margin-bottom:6px}
.certificate-image-dialog .certificate-facts dd{font-size:12px;line-height:1.8}
.certificate-image-dialog .certificate-dialog-note{font-size:10px;line-height:1.85;margin:14px 0 22px}
.certificate-image-dialog .certificate-dialog-body .button{font-size:10px;width:100%;gap:12px;min-height:45px;padding:10px 13px;justify-content:space-between}
@media(min-height:1100px){.certificate-image-scroll>img{max-height:750px}}
@media(max-width:1150px){
 .certificate-gallery{gap:14px}
 .certificate-paper-stage{padding:17px 11px}
 .certificate-caption strong{font-size:15px}
 .certificate-mark-row{height:79px}
 .certificate-mark-row img{max-width:98px;max-height:53px}
 .certificate-gallery-footer{gap:30px}
 .certificate-gallery-section .certifications-heading{gap:35px}
 .certificate-viewer-grid{grid-template-columns:minmax(0,1fr) 285px}
 .certificate-image-dialog .certificate-dialog-body{padding-inline:20px}
}
@media(max-width:900px){
 .certificate-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 18px}
 .certificate-gallery-section .certifications-heading{display:block}
 .certificate-gallery-section .certifications-intro{max-width:550px;margin:22px 0 0}
 .certificate-paper-stage{padding:21px 17px}
 .certificate-caption strong{font-size:17px}
 .certificate-gallery-footer{align-items:flex-start;flex-direction:column;gap:17px}
}
@media(max-width:700px){
 .certificate-gallery-section{padding:58px 0 40px}
 .certificate-gallery-section .certifications-heading{margin-bottom:29px}
 .certificate-gallery-section .certifications-heading h2,[lang="zh"] .certificate-gallery-section .certifications-heading h2{font-size:35px}
 .certificate-gallery-section .certifications-intro>p{font-size:12px}
 .certificate-gallery-hint{font-size:10px}
 .certificate-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
 .certificate-paper-stage{padding:14px 11px}
 .certificate-mark-row{height:76px}
 .certificate-mark-row img{max-width:96px;max-height:51px}
 .certificate-artwork[data-certificate="haccp"] .certificate-mark-row img,.certificate-artwork[data-certificate="halal"] .certificate-mark-row img{max-height:54px}
 .certificate-caption{padding-top:13px}
 .certificate-caption strong{font-size:15px}
 .certificate-caption small,[lang="zh"] .certificate-caption small{font-size:9px;letter-spacing:0}
 .certificate-mini-arrow{font-size:17px}
 .certificate-gallery-footer{padding-top:23px;margin-top:25px}
 .certificate-gallery-footer>p{font-size:9px}
 .certificate-gallery-footer>.text-link{font-size:10px;gap:18px}
 #certificateDialog.certificate-image-dialog{width:calc(100% - 20px);height:92dvh;max-height:92dvh;overflow-y:auto}
 .certificate-viewer-top{height:75px;padding:15px 16px;position:sticky;top:0;z-index:2}
 .certificate-viewer-top h2,[lang="zh"] .certificate-viewer-top h2{font-size:21px}
 .certificate-viewer-top .eyebrow{font-size:7px;margin-bottom:6px}
 .certificate-viewer-grid{display:block;height:auto}
 .certificate-viewer-toolbar{padding-inline:13px}
 .certificate-image-scroll{height:57dvh;max-height:640px;min-height:350px;flex:none;padding:15px}
 .certificate-image-scroll>img{max-height:calc(57dvh - 30px)}
 .certificate-image-scroll.is-zoomed>img{width:850px;max-height:none}
 .certificate-image-dialog .certificate-dialog-body{padding:23px 22px 27px;border-left:0;border-top:1px solid #d3dcc8}
 .certificate-dialog-mark{height:53px;margin-bottom:19px}
 .certificate-dialog-mark img{max-height:53px;max-width:116px}
 .certificate-image-dialog .certificate-facts>div{padding:14px 0}
}
@media(prefers-reduced-motion:reduce){.certificate-paper-stage>img,.certificate-view-cue{transition:none}}