:root{--ink:#262722;--muted:#62635e;--paper:#f4f4f0;--line:#d8d9d2;--accent:#844637;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:19px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:6px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.5;font-weight:700;letter-spacing:.045em}h1{font-size:clamp(34px,3.4vw,52px);line-height:1.5}h2{font-size:34px}h3{font-size:26px}h4{font-size:23px}p+p{margin-top:20px}img{display:block;max-width:100%;object-fit:cover;height:auto}button{border-radius:0}hr{border:0;border-top:1px solid var(--line);margin:30px 0}::selection{background:#deddd3}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:#fff;padding:12px 24px}.skip-link:focus{top:10px}.site-header{height:100px;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-size:29px;font-weight:700;letter-spacing:.15em;white-space:nowrap}.wordmark:hover{text-decoration:none}#primary-nav{display:flex;align-items:center;gap:28px}#primary-nav>a{white-space:nowrap;padding-block:10px;font-size:19px}#primary-nav a[aria-current]{border-bottom:2px solid currentColor}.nav-contact{border:1px solid currentColor;padding:10px 22px!important}.nav-contact>span[aria-hidden]{display:none}.menu-toggle{display:none;background:none;border:1px solid currentColor;color:inherit;padding:7px 12px;min-height:44px}.home .site-header{position:absolute;top:0;width:100%;background:transparent;color:#fff;border-bottom:0}.home .site-header.is-scrolled{position:fixed;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.hero{position:relative;min-height:720px;height:min(840px,57vw)}.hero>img{position:absolute;width:100%;height:100%;object-position:center center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent 27%,transparent 85%,rgba(0,0,0,.14))}.hero-content{position:relative;display:flex;height:100%;min-height:inherit;align-items:center;padding-top:90px}.hero-panel{background:rgba(255,255,255,.98);padding:34px 38px 28px;max-width:570px;margin-top:45px}.hero-panel h1{font-size:clamp(34px,3.1vw,46px);letter-spacing:.035em;line-height:1.5}.hero-panel p{margin-top:19px;font-size:22px;line-height:1.7}.hero-panel .text-link{margin-top:25px}.hero-footnote{position:absolute;right:48px;bottom:22px;color:#fff;font-size:18px;letter-spacing:.1em}.text-link{display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid currentColor;padding:7px 0;min-height:44px;line-height:1.55}.text-link:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.button{background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 28px;min-height:58px;border:1px solid var(--ink);line-height:1.6}.button:hover{background:#45473f;color:#fff;text-decoration:none}.button.secondary{background:#fff;color:var(--ink)}.button.secondary:hover{background:var(--paper)}.section{padding:96px 0}.section.compact{padding-top:20px}.quiet{background:var(--paper)}.rail-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:48px}.section-rail{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:20px;align-items:flex-start}.section-rail .eyebrow{writing-mode:vertical-rl;letter-spacing:.22em;margin:3px 0 0;font-size:19px}.section-rail h2{writing-mode:vertical-rl;font-size:32px;line-height:1.65;letter-spacing:.16em}.eyebrow{font-size:18px;font-weight:500;letter-spacing:.1em;line-height:1.7;margin-bottom:20px}.section-body{min-width:0}.section-body>.text-link,.section-body>.button{margin-top:30px}.service-grid,.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.image-link{display:block;overflow:hidden}.image-link img{width:100%;aspect-ratio:1.32;object-fit:cover;transition:transform .4s}.image-link:hover img{transform:scale(1.025)}.service-grid h3{margin-top:21px;font-size:29px}.service-grid p{margin-top:8px}.service-grid .text-link{margin-top:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split h2{font-size:39px}.lead{font-size:24px;line-height:1.85;letter-spacing:.025em}.split .lead+p{margin-top:25px}.split .text-link{margin-top:30px}.region-links{display:flex;flex-wrap:wrap;gap:15px 36px;margin-top:35px}.region-links .text-link{font-size:24px}.story-grid img{aspect-ratio:1.45}.story-grid .eyebrow{margin:20px 0 12px;color:var(--muted)}.story-grid h3{font-size:24px}.story-grid p:not(.eyebrow){margin-top:15px}.contact-band{padding:84px 0;background:#e9e9e2}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-band h2{font-size:39px;margin-bottom:18px}.contact-band .button{min-width:210px}.site-footer{padding-top:66px}.footer-grid{display:grid;grid-template-columns:1fr .8fr 1.25fr;gap:55px}.site-footer p{margin-top:20px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-content:start}.footer-nav a{padding:7px 0}.footer-contact{min-width:0}.footer-contact a{overflow-wrap:anywhere}.footer-contact p:first-child{margin-top:0}.footer-contact>.text-link{margin-top:25px}.footer-bottom{display:flex;gap:35px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:55px;padding:26px 0 34px;font-size:18px;line-height:1.8}.footer-bottom p{margin:0}.footer-bottom span{color:var(--muted)}.breadcrumb{display:flex;gap:15px;color:var(--muted);padding-top:28px;font-size:18px}.page-intro{padding-top:54px;padding-bottom:65px}.page-intro h1{margin-bottom:26px}.page-intro .lead{max-width:800px}.wide-photo{width:100%;height:440px;object-fit:cover;object-position:center 56%}.wide-photo.about-photo{height:520px;object-position:65% 55%}.editorial-row{display:grid;grid-template-columns:42px 240px minmax(0,1fr);gap:25px;padding:30px 0;border-top:1px solid var(--line)}.editorial-row:first-child{padding-top:0;border-top:0}.row-no{font-size:18px;color:var(--muted);letter-spacing:.08em;line-height:2}.region-list{margin-top:42px}.region-list article{display:grid;grid-template-columns:35px 110px 1fr;gap:25px;border-top:1px solid var(--line);padding:35px 0;scroll-margin-top:130px}.region-list h3{font-size:29px}.region-list p{margin:16px 0}.category-list{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 35px}.category-list p{border:1px solid var(--line);padding:18px 26px;margin:0}.formats-teaser{gap:40px;align-items:center}.formats-teaser h3{font-size:28px}.formats-teaser p{margin-top:22px}.formats-teaser .button{margin-top:25px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px}.filter-bar button{background:#fff;color:var(--ink);border:1px solid var(--line);padding:10px 23px;min-height:48px}.filter-bar button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}#filter-status{font-size:18px;color:var(--muted);margin:20px 0 30px}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}.sprite{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:var(--paper)}.formats-sprite{background-image:url('/assets/formats.webp');background-size:300% 300%}.pos-0{background-position:0 0}.pos-1{background-position:50% 0}.pos-2{background-position:100% 0}.pos-3{background-position:0 50%}.pos-4{background-position:50% 50%}.pos-5{background-position:100% 50%}.pos-6{background-position:0 100%}.pos-7{background-position:50% 100%}.pos-8{background-position:100% 100%}.format-card h2{font-size:28px;margin-top:22px}.format-card>p{margin-top:12px}.format-card details{margin-top:20px;border-block:1px solid var(--line)}summary{cursor:pointer;min-height:50px;padding:15px 28px 15px 0;position:relative;list-style:none;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'＋';position:absolute;right:0;top:15px;font-size:20px}details[open]>summary:after{content:'−'}details>p{margin-bottom:22px;color:var(--muted)}.format-card .text-link{margin-top:15px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.packaging-sprite{background-image:url('/assets/packaging.webp');background-size:300% 200%}.pack-0{background-position:0 0}.pack-1{background-position:50% 0}.pack-2{background-position:100% 0}.pack-3{background-position:0 100%}.pack-4{background-position:50% 100%}.pack-5{background-position:100% 100%}.pack-grid h3{margin:20px 0 12px;font-size:25px}.note{margin-top:35px;font-size:18px;color:var(--muted)}.two-col-list{display:grid;grid-template-columns:1fr 1fr;gap:45px}.two-col-list h3{margin-bottom:18px}.two-col-list .text-link{margin-top:22px}.company-info{margin:0}.company-info>div{display:grid;grid-template-columns:135px 1fr;padding:22px 0;border-bottom:1px solid var(--line);gap:25px}.company-info dt{color:var(--muted)}.company-info dd{margin:0;overflow-wrap:anywhere}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:65px 1fr;gap:30px;padding:34px 0;border-top:1px solid var(--line)}.process-list li:first-child{padding-top:0;border:0}.step-no{font-size:34px;font-weight:400}.step-title{font-size:24px;margin-top:12px}.step-output{color:var(--muted);border-left:2px solid var(--line);padding-left:20px}.faq details{border-bottom:1px solid var(--line)}.faq summary{font-size:23px;font-weight:500;padding-block:23px}.faq summary:after{top:24px}.faq details>p{max-width:820px}.prose{max-width:820px}.prose p{line-height:2}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:80px;padding-block:85px}.article-layout aside{align-self:start;position:sticky;top:140px}.article-layout aside nav{display:grid;gap:15px}.article-layout aside a{font-size:18px;border-bottom:1px solid var(--line);padding:10px 0}.article-body section{margin-bottom:52px;scroll-margin-top:130px}.article-body h2{font-size:30px;margin-bottom:25px}.takeaway{background:var(--paper);padding:35px}.takeaway .text-link{margin-top:20px}.contact-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:80px}.contact-aside{align-self:start;position:sticky;top:135px}.contact-aside h2{font-size:26px;margin-bottom:25px}.contact-aside>a{display:block;margin-top:20px;overflow-wrap:anywhere}.contact-aside p{margin-top:20px}.contact-layout form>h2{font-size:30px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:9px}.field label span{font-size:18px;color:var(--accent);margin-left:8px}.field input,.field select,.field textarea{width:100%;background:#fafaf8;border:1px solid #b6b8ae;border-radius:0;padding:12px 14px;color:var(--ink);min-height:55px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#707268;font-size:18px}.form-note{margin-top:30px}.contact-layout form>.button{margin-top:25px}.contact-layout form p a{text-decoration:underline}.inquiry-preview{background:var(--paper);padding:32px;margin-top:40px;scroll-margin-top:130px}.inquiry-preview h2{font-size:28px}.inquiry-preview>p{margin-top:18px}.inquiry-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#fff;border:1px solid var(--line);padding:24px;max-height:550px;overflow:auto}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action-row .button{font-size:18px;padding:12px 18px}.policy{padding-bottom:90px}.policy h2{font-size:28px;margin:40px 0 20px}.policy a{overflow-wrap:anywhere;text-decoration:underline}.error-links{padding-bottom:90px;display:flex;gap:30px;align-items:center}
@media(min-width:1600px){.hero{height:850px}.hero-panel{margin-top:0}.hero-panel h1{font-size:48px}}
@media(max-width:1150px){.header-inner{padding:0 30px}#primary-nav{gap:18px}#primary-nav>a{font-size:18px}.wordmark{font-size:26px}.wrap{width:calc(100% - 64px)}.rail-layout{grid-template-columns:155px minmax(0,1fr);gap:30px}.section-rail h2{font-size:28px}.section-rail{gap:12px}.service-grid,.story-grid{gap:20px}.service-grid h3{font-size:25px}.split{gap:45px}.editorial-row{grid-template-columns:32px 190px 1fr;gap:18px}.footer-grid{gap:30px;grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.footer-contact p{margin-top:0}.footer-contact>.text-link{margin-top:0;justify-self:start}.contact-layout{grid-template-columns:270px 1fr;gap:40px}.article-layout{gap:40px;grid-template-columns:210px 1fr}.hero-panel{max-width:530px}.hero-panel h1{font-size:40px}}
@media(max-width:900px){.site-header{height:82px}.header-inner{padding:0 28px}.menu-toggle{display:block}#primary-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;color:var(--ink);padding:20px 28px 30px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 82px);overflow:auto}#primary-nav.open{display:grid;gap:6px}#primary-nav>a{padding:12px 0;font-size:19px}.nav-contact{justify-self:start;margin-top:12px;padding:10px 22px!important}.home .site-header.menu-open{background:#fff;color:var(--ink)}.rail-layout{display:block}.section-rail{display:block;margin-bottom:35px}.section-rail .eyebrow,.section-rail h2{writing-mode:horizontal-tb;letter-spacing:.06em}.section-rail .eyebrow{margin-bottom:12px;font-size:18px}.section-rail h2{font-size:32px}.section-rail h2 br{display:none}.section{padding:70px 0}.hero{min-height:650px;height:82vw;max-height:760px}.hero-panel{max-width:500px}.hero-panel h1{font-size:38px}.hero-panel p{font-size:21px}.hero-content{padding-top:70px}.hero>img{object-position:62% center}.split h2,.contact-band h2{font-size:34px}.format-grid{gap:40px 22px}.format-card h2{font-size:25px}.contact-layout{display:flex;flex-direction:column;gap:45px}.contact-aside{position:static;width:100%;padding-bottom:25px;border-bottom:1px solid var(--line)}.contact-aside hr,.contact-aside hr~p{display:none}.contact-layout>div{width:100%}.article-layout{display:block}.article-layout aside{position:static;margin-bottom:40px}.article-layout aside nav{grid-template-columns:1fr 1fr}.page-intro{padding-top:40px;padding-bottom:50px}.wide-photo{height:360px}.prose{max-width:100%}}
@media(max-width:600px){body{font-size:19px}.wrap{width:calc(100% - 40px)}.header-inner{padding-inline:20px}.wordmark{font-size:25px}.menu-toggle{font-size:18px}.home .site-header{background:rgba(0,0,0,.14)}.hero{height:auto;max-height:none;min-height:0;padding-top:365px;background:var(--paper)}.hero>img{top:0;height:400px;object-position:65% center}.hero-shade{height:400px;bottom:auto;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 40%)}.hero-content{padding:0 0 26px;display:block;min-height:0}.hero-panel{position:relative;max-width:none;margin:0;background:#fff;padding:27px 24px 25px}.hero-panel h1{font-size:clamp(23px,7vw,30px);letter-spacing:.025em;line-height:1.6}.hero-panel p{font-size:19px;line-height:1.85;margin-top:16px}.hero-panel p br{display:none}.hero-panel .text-link{margin-top:20px}.hero-footnote{display:none}.section{padding:55px 0}.section-rail{margin-bottom:30px}.section-rail h2{font-size:28px;letter-spacing:.04em}.section-rail h2 br{display:inline}.service-grid,.story-grid,.split,.two-col-list{grid-template-columns:1fr;gap:38px}.service-grid .image-link img{aspect-ratio:1.5}.service-grid h3{font-size:28px;margin-top:18px}.service-grid p{margin-top:5px}.service-grid .text-link{margin-top:12px}.split h2{font-size:33px}.lead{font-size:22px}.split{gap:25px}.region-links{gap:16px 28px;margin-top:24px}.region-links .text-link{font-size:22px}.story-grid{gap:40px}.story-grid h3{font-size:25px}.story-grid .eyebrow{margin-top:16px}.contact-band{padding:50px 0}.contact-band .wrap{display:block}.contact-band h2{font-size:32px}.contact-band .button{margin-top:30px;min-width:190px}.site-footer{padding-top:45px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-contact{display:block;grid-column:auto}.footer-contact p{margin-top:18px}.footer-contact>.text-link{margin-top:15px}.footer-bottom{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:35px;font-size:18px}.footer-bottom p{width:100%}.breadcrumb{padding-top:20px;font-size:18px;gap:10px}.page-intro{padding-top:35px;padding-bottom:40px}.page-intro h1{font-size:33px;letter-spacing:.02em}.page-intro .eyebrow{font-size:18px;margin-bottom:18px}.page-intro .lead{font-size:21px}.wide-photo,.wide-photo.about-photo{height:300px;object-position:60% center}.editorial-row{grid-template-columns:30px 1fr;gap:10px 14px;padding:26px 0}.editorial-row h3{font-size:25px}.editorial-row p{grid-column:2}.region-list article{grid-template-columns:30px 1fr;gap:10px 15px}.region-list article>div{grid-column:2}.region-list h4{font-size:22px}.region-list h3{font-size:27px}.category-list{gap:12px}.category-list p{padding:10px 15px}.format-grid{grid-template-columns:1fr;gap:40px}.filter-bar{gap:8px}.filter-bar button{font-size:18px;padding:8px 16px}.format-card{display:block}.format-card .sprite{aspect-ratio:1;max-width:420px;margin:auto}.format-card h2{font-size:28px}.pack-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.pack-grid h3{font-size:22px}.pack-grid p{font-size:19px}.two-col-list{gap:35px}.company-info>div{grid-template-columns:1fr;gap:6px;padding:18px 0}.process-list li{grid-template-columns:40px 1fr;gap:18px}.step-no{font-size:28px}.process-list h3{font-size:26px}.step-title{font-size:22px}.faq summary{font-size:21px}.article-layout{padding-block:45px}.article-layout aside nav{grid-template-columns:1fr}.article-body h2{font-size:27px}.takeaway{padding:25px}.form-grid{grid-template-columns:1fr;gap:20px}.field.full{grid-column:auto}.inquiry-preview{padding:23px 18px}.inquiry-preview h2{font-size:25px}.inquiry-preview pre{padding:16px}.action-row{display:grid}.contact-layout form>h2{font-size:28px}.error-links{align-items:flex-start;flex-direction:column}.policy h2{font-size:26px}.policy{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Ingredient catalogue and in-place dosage-form reading. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.format-grid{align-items:start}.format-card .format-overview{margin-top:14px;line-height:1.9}.format-details .read-less{display:none}.format-details[open] .read-less{display:inline}.format-details[open] .read-more{display:none}.format-card .format-details{margin-top:24px}.format-details summary{padding-block:17px;font-weight:500}.format-details summary:after{top:17px}.format-detail-content{padding:8px 0 8px}.format-detail-content section{margin-bottom:24px}.format-detail-content h3{font-size:21px;letter-spacing:.025em;margin-bottom:10px}.format-detail-content p{font-size:19px;line-height:1.9;color:var(--muted)}
.catalog-intro{margin-top:20px}.catalog-nav{display:flex;flex-wrap:wrap;gap:10px 25px;padding:25px 0 40px}.catalog-nav .text-link{font-size:19px;gap:12px}.ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 40px}.ingredient-card{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:125px;min-width:0}.ingredient-card .eyebrow{margin-bottom:12px;color:var(--muted)}.ingredient-card h3{font-size:27px}.ingredient-description{margin:16px 0 25px;line-height:1.9}.ingredient-card h4{font-size:19px;letter-spacing:.025em;margin:0 0 12px}.ingredient-items{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.ingredient-items li{padding:9px 0;border-bottom:1px solid var(--line);line-height:1.7;overflow-wrap:anywhere}.global-sources{display:grid;grid-template-columns:repeat(5,1fr);margin:35px 0;border-block:1px solid var(--line)}.global-sources>div{padding:22px 10px 22px 0;scroll-margin-top:130px}.global-sources h3{font-size:25px;margin-top:7px}
@media(max-width:1100px){.ingredient-grid{gap:35px 28px}.ingredient-card h3{font-size:24px}.ingredient-items{grid-template-columns:1fr}.global-sources{grid-template-columns:repeat(3,1fr);row-gap:0}}
@media(max-width:600px){.ingredient-grid{grid-template-columns:1fr;gap:38px}.ingredient-card h3{font-size:27px}.ingredient-items{grid-template-columns:1fr 1fr;gap:0 15px}.catalog-nav{gap:8px 20px;padding-bottom:30px}.global-sources{grid-template-columns:repeat(2,1fr)}.global-sources h3{font-size:24px}}

/* Pet OEM keeps the same quiet editorial layout as the material catalogue. */
#pet-oem{scroll-margin-top:100px}
.pet-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 40px;margin:38px 0}
.pet-product-grid article{border-top:1px solid var(--line);padding-top:24px}
.pet-product-grid .eyebrow{color:var(--muted);margin-bottom:12px}
.pet-product-grid h3{font-size:27px;margin-bottom:15px}
@media(max-width:600px){.pet-product-grid{grid-template-columns:1fr;gap:30px}.pet-product-grid h3{font-size:25px}}

/* Exclusive materials use the existing in-place reading interaction. */
.material-page-nav{display:flex;flex-wrap:wrap;gap:12px 32px;padding-bottom:38px}
.material-page-nav .text-link{margin-top:0}
.material-page-nav .text-link:first-child{color:var(--accent);font-weight:600}
#exclusive-materials,#material-catalog,#global-sourcing{scroll-margin-top:100px}
.exclusive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 40px;margin-top:40px;align-items:start}
.exclusive-card{border-top:1px solid var(--line);padding-top:25px;scroll-margin-top:130px;min-width:0}
.exclusive-card .eyebrow{color:var(--muted);margin-bottom:13px}
.exclusive-card h3{font-size:27px;line-height:1.65;letter-spacing:.025em}
.exclusive-subtitle{font-size:18px;color:var(--accent);margin-top:10px}
.exclusive-description{margin-top:18px;line-height:1.9}
.exclusive-card details{border-block:1px solid var(--line);margin-top:23px}
.exclusive-card .format-detail-content p{margin:0 0 20px}
@media(max-width:600px){.material-page-nav{gap:8px 20px;padding-bottom:30px}.material-page-nav .text-link{font-size:18px}.exclusive-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}.exclusive-card h3{font-size:26px}.exclusive-subtitle{font-size:18px}}

.home-material-feature{margin-top:30px;padding-top:28px;border-top:1px solid var(--line);max-width:850px}
.home-material-feature h3{font-size:27px;line-height:1.65;margin-bottom:17px}
.home-material-feature p{color:var(--muted);line-height:1.9}
@media(max-width:600px){.home-material-feature h3{font-size:25px}}

/* Keep complete editorial words together; preserve natural paragraph wrapping. */
p,li,dd,dt,summary{ text-wrap:pretty; line-break:strict; word-break:normal; }
h1,h2,h3,h4{ text-wrap:balance; }
.text-unit{white-space:nowrap;font:inherit!important;letter-spacing:inherit;color:inherit!important;margin:0!important;display:inline!important;transform:none!important}

#cosmetic-formats,#cosmetic-oem,#health-formats{scroll-margin-top:100px}

/* Product form images share the existing editorial card layout. */
.cosmetic-sprite{background-image:url('/assets/cosmetic-formats.webp');background-size:300% 200%}
.cosmetic-0{background-position:0 0}.cosmetic-1{background-position:50% 0}.cosmetic-2{background-position:100% 0}.cosmetic-3{background-position:0 100%}.cosmetic-4{background-position:50% 100%}.cosmetic-5{background-position:100% 100%}
.pet-sprite{background-image:url('/assets/pet-formats.webp');background-size:200% 200%}
.pet-0{background-position:0 0}.pet-1{background-position:100% 0}.pet-2{background-position:0 100%}.pet-3{background-position:100% 100%}
.pet-product-grid .sprite{margin-bottom:24px}
.cosmetic-teaser{margin-bottom:42px;align-items:center}
.cosmetic-teaser img{height:auto;aspect-ratio:3/2;object-fit:contain}
#health-oem{scroll-margin-top:100px}

#pet-formats{scroll-margin-top:100px}
#pet-formats .format-detail-content h4{font-size:22px;margin:0 0 12px}

/* Shared, keyboard-accessible return to the very top on every page. */
.back-to-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 3px 12px #0002;transition:background .2s}
.back-to-top:hover{background:var(--accent);text-decoration:none}
.back-to-top:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.back-to-top svg{display:block;pointer-events:none}
.footer-bottom{padding-bottom:100px}
@media(max-width:600px){.back-to-top{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:48px;height:48px}}
@media(max-width:600px){.page-intro h1{font-size:clamp(28px,8vw,33px)}}

/* News uses the site's existing type, paper colour and editorial spacing. */
.news-empty{background:var(--paper);padding:52px 40px;margin-bottom:80px;border-block:1px solid var(--line)}
.news-empty h2{font-size:28px;margin-bottom:16px}
.news-empty .eyebrow{color:var(--muted);margin-bottom:18px}
@media(max-width:600px){.news-empty{padding:34px 24px;margin-bottom:55px}.news-empty h2{font-size:25px}}