/* Inter 4.1 by Rasmus Andersson — SIL Open Font License 1.1.
   Self-hosted originals; license: /assets/fonts/OFL.txt. */
@font-face {
  font-family: Inter;
  src: url('https://cdn-theme.myshopline.com/cdn/shop/s/prod/tn63gza82qtgnt13/public/auj/fonts/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('https://cdn-theme.myshopline.com/cdn/shop/s/prod/tn63gwgl67zpksvh/public/auj/fonts/InterVariable-Italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
:root { --font-sans: Inter, Arial, sans-serif; }
:root{--paper:#fafaf8;--ink:#171717;--yellow:#fff88a;--sand:#edeae0;--line:#bfbfba;--page:75rem;--gutter:2.25rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:0.9375rem;line-height:1.5}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.035em}
h1{font-size:2.75rem;line-height:1.07}
h2{font-size:2rem;line-height:1.15}
h3{font-size:1.3125rem;line-height:1.25}
p{margin:0 0 1rem}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button,a{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
img{display:block;max-width:100%;height:auto;object-fit:contain}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:0.125rem solid #987125;outline-offset:0.25rem}
button{border:0;background:none}
button svg{display:block}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0.625rem 1.5rem;border:1px solid #171717;border-radius:0;background:var(--paper);font-size:0.8125rem;line-height:1.3;font-weight:700;letter-spacing:.005em;text-align:center;transition:background .18s,color .18s}
.button:hover{background:var(--ink);color:white}
.button.black{color:white;background:var(--ink)}
.button.black:hover{background:#3b3b38}
.button.full{width:100%}
.text-link{display:inline-block;font-size:0.8125rem;font-weight:500;text-decoration:underline;text-underline-offset:0.3125rem}
.text-link:hover{opacity:.65}
.mono,.eyebrow{font-family:var(--font-sans)}
.eyebrow{font-size:0.8125rem;letter-spacing:.025em;line-height:1.4;margin-bottom:0.9375rem}
.highlight{display:inline-block;background:var(--yellow);padding:0.25rem 0.5rem}
.small{font-size:0.75rem;line-height:1.55}
.skip{position:absolute;left:0.75rem;top:-6.25rem;padding:0.75rem;z-index:1000;background:white}
.skip:focus{top:0.75rem}
.announcement{min-height:2.625rem;display:flex;justify-content:center;align-items:center;gap:0.25rem;flex-wrap:wrap;background:var(--yellow);padding:0.5rem 1.125rem;font-size:0.6875rem;line-height:1.4;text-align:center;border-bottom:1px solid #b4b499}
.announcement a{text-decoration:underline;text-underline-offset:0.125rem}
header{position:sticky;top:0;z-index:40;background:var(--paper)}
.nav-wrap{position:relative;height:4.375rem;max-width:var(--page);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
nav{display:flex;align-items:center;gap:1.375rem;font-size:0.875rem}
.nav-trigger{padding:1.5rem 0;font-size:0.875rem}
.nav-group{position:relative}
.nav-dropdown{display:none;position:absolute;top:4rem;left:-1.25rem;min-width:13.125rem;background:var(--paper);border:1px solid var(--line);padding:1.125rem;box-shadow:0 0.5rem 1rem #00000009}
.nav-dropdown a{display:block;padding:0.5rem 0}
.nav-group.is-open .nav-dropdown{display:block}
.brand{position:absolute;left:50%;transform:translateX(-50%)}
.logo{width:6.25rem;height:2.25rem;display:block}
.nav-tools{display:flex;align-items:center;gap:1.125rem}
.nav-note{font-family:var(--font-sans);font-size:0.6875rem}
.icon-button{position:relative;display:grid;place-items:center;width:1.875rem;height:2.5rem;padding:0}
.mobile-menu{display:none}
.bag-count{position:absolute;right:-0.375rem;top:0;background:var(--yellow);border-radius:50%;font-size:0.625rem;min-width:1.0625rem;line-height:1.0625rem}
.bag-count[hidden]{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:38.625rem;background:#d7c8af;overflow:hidden}
.hero-copy{padding:3.5rem 1.875rem 3.5rem 3.125rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-copy h1{max-width:33.75rem;margin:0.75rem 0 1.5rem;font-size:2.75rem;line-height:1}
.hero-copy>p:not(.eyebrow){font-size:1.375rem;line-height:1.35;max-width:30.625rem;margin-bottom:2.125rem}
.hero-copy .eyebrow{font-size:0.875rem}
.hero-media{display:flex;justify-content:center;align-items:center;background:#b4a083;min-width:0}
.hero-media img{height:38.625rem;width:100%;object-fit:contain}
.benefit-strip{min-height:5.875rem;background:var(--sand);display:flex;justify-content:space-around;align-items:center;gap:2.25rem;padding:1.375rem var(--gutter);font-family:var(--font-sans);font-size:0.875rem;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.section{max-width:var(--page);padding:3rem 0;margin:auto}
.section-heading{text-align:center;margin:0 auto 1.875rem}
.section-heading h2{margin-bottom:1rem}
.section-heading>p:not(.eyebrow){font-size:0.875rem;max-width:48.75rem;margin:0 auto;line-height:1.6}
.section-heading.left{text-align:left}
.section-heading.left>p{margin-left:0}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.card-media{position:relative;display:block;overflow:hidden;background:#f2f2ef;aspect-ratio:1}
.card-media img{width:100%;height:100%;object-fit:contain}
.card-tag{position:absolute;left:0.75rem;top:0.75rem;background:var(--yellow);padding:0.1875rem 0.4375rem;font:0.6875rem var(--font-sans)}
.product-card h3{font-size:1.25rem;margin:1.125rem 0 0.5rem;min-height:1.5625rem}
.product-card p{font-size:0.8125rem;margin-bottom:0.625rem}
.product-card .mono{font-size:0.75rem;min-height:2.25rem}
.product-card .button{margin-top:0.5rem}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.three-grid img{width:100%;aspect-ratio:1.26984;object-fit:contain;background:#f0ede5}
.three-grid h3{margin:1.125rem 0 0.625rem}
.three-grid p{font-size:0.875rem;line-height:1.6}
.pillars .three-grid{text-align:center}
.pillars .three-grid p{max-width:20.625rem;margin:auto}
.ingredient-section{overflow:hidden}
.rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:0.5rem}
.rail::-webkit-scrollbar{display:none}
.ingredient-card{flex:0 0 calc((100% - 3rem)/4);min-width:0;scroll-snap-align:start;display:block}
.ingredient-photo{position:relative;aspect-ratio:.8;background:var(--sand);overflow:hidden}
.ingredient-photo img{width:100%;height:100%;object-fit:contain}
.amount{position:absolute;bottom:1rem;left:1rem;background:var(--yellow);font:1.125rem var(--font-sans);padding:0.375rem 0.5625rem}
.ingredient-card .eyebrow{margin:1rem 0 0.4375rem;font-size:0.6875rem;min-height:1.875rem}
.ingredient-card h3{font-size:1.25rem;margin-bottom:0.375rem}
.ingredient-card>p:not(.eyebrow){font-size:0.75rem;margin-bottom:0.75rem}
.rail-controls{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1.125rem}
.rail-controls button{border:1px solid var(--ink);border-radius:50%;width:2.125rem;height:2.125rem;font-size:1.25rem;line-height:1}
.rail-controls button:hover{background:var(--yellow)}
.ritual .three-grid img{aspect-ratio:1;object-fit:contain}
.split{max-width:var(--page);display:grid;grid-template-columns:1fr 1fr;margin:0 auto 3rem;background:var(--sand)}
.split.reverse{direction:rtl}
.split>*{direction:ltr}
.split-media{display:flex;background:#efede6;min-width:0}
.split-media img{width:100%;height:100%;max-height:40.625rem;object-fit:contain}
.split-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3.75rem}
.split-copy h2{font-size:2.25rem;margin-bottom:1.375rem}
.split-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.55;max-width:27.5rem;margin-bottom:1.625rem}
.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.journal-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#eeeae1}
.journal-card .eyebrow{margin:1.125rem 0 0.625rem;font-size:0.6875rem}
.journal-card h3{font-size:1.3125rem;margin-bottom:0.875rem}
.journal-card>p{font-size:0.8125rem}
.journal-card .text-link{font-size:0.75rem}
footer{background:var(--sand);margin-top:3rem}
.footer-inner{max-width:var(--page);margin:auto;padding:3.75rem 0 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.8125rem}
.footer-lead h2{font-size:1.875rem;margin-bottom:1.125rem}
.footer-lead p{font-size:0.9375rem}
.footer-inner>div>h3{font:0.75rem var(--font-sans);letter-spacing:.02em;margin-bottom:1.125rem}
.footer-inner>div:not(.footer-lead):not(.footer-bottom)>a{display:block;font-size:0.8125rem;margin-bottom:0.6875rem}
.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:2rem;display:flex;align-items:center;gap:2.1875rem}
.footer-bottom .logo{width:8.125rem;height:3rem}
.footer-bottom p{font-size:0.75rem;margin:0}
.footer-bottom>span{margin-left:auto;font-size:0.75rem}
.disclaimer{grid-column:1/-1;font-size:0.625rem;max-width:53.125rem;margin:0;color:#555}
.breadcrumbs{max-width:var(--page);margin:1.125rem auto;font-size:0.6875rem}
.breadcrumbs a{text-decoration:underline}
.pdp{max-width:var(--page);margin:0 auto 3.75rem;display:grid;grid-template-columns:1fr 1fr;gap:2.25rem;align-items:start}
.gallery{min-width:0}
.main-image{background:#f3f3f1;aspect-ratio:1}
.main-image img{width:100%;height:100%;object-fit:contain}
.thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.5rem;margin-top:0.75rem}
.thumbnails button{padding:0;border:1px solid transparent;background:white}
.thumbnails button[aria-pressed=true]{border-color:#171717}
.thumbnails img{width:100%;aspect-ratio:1;object-fit:contain}
.product-info>.eyebrow{font-size:0.75rem;margin-top:0.4375rem;margin-bottom:0.625rem}
.product-info h1{font-size:2.125rem;line-height:1.07;margin-bottom:0.75rem}
.product-subtitle{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:1.125rem}
.product-intro{font-size:0.875rem;max-width:34.375rem}
.product-info .highlight{font-size:0.75rem;margin:0 0 1.125rem}
.formula-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.375rem}
.formula-tags span{border:1px solid var(--line);border-radius:1.5rem;font-size:0.6875rem;padding:0.375rem 0.75rem}
.purchase{border:1px solid #bab6a9;background:#f0ede5;margin-bottom:1.5rem}
.purchase-title{font:0.8125rem var(--font-sans);background:var(--yellow);padding:0.75rem 1.125rem;border-bottom:1px solid #bab6a9}
.purchase-body{padding:1.125rem}
.purchase-body>strong{font-size:0.875rem}
.purchase-body>span{float:right;font-size:0.8125rem}
.purchase-body>p{font-size:0.75rem;margin:0.5rem 0 0.9375rem}
.purchase-actions{display:flex;gap:0.75rem}
.quantity{display:flex;align-items:center;border:1px solid var(--ink);background:var(--paper);height:2.875rem;flex-shrink:0}
.quantity button{width:2.0625rem;height:2.75rem;font-size:1.125rem}
.quantity input{width:2rem;border:0;text-align:center;background:transparent;font-size:0.875rem;-moz-appearance:textfield}
.quantity input::-webkit-inner-spin-button{display:none}
.purchase-actions>.button{flex:1}
.purchase-body .purchase-note{font-size:0.625rem;margin:0.75rem 0 0;color:#52514b}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1.5625rem;align-items:center;padding:1.1875rem 0;font-size:0.875rem;font-weight:500}
summary::-webkit-details-marker{display:none}
summary span{font-size:1.4375rem;font-weight:400;line-height:1;flex-shrink:0}
details[open] summary span{transform:rotate(45deg)}
.answer{font-size:0.875rem;line-height:1.7;padding:0 1.875rem 1.375rem 0}
.facts-section{display:grid;grid-template-columns:1fr 1fr;gap:4.375rem;align-items:center}
.facts{max-width:40rem;border:1px solid #171717;background:white;padding:1.5rem}
.facts h2{font-size:1.875rem;font-weight:700;letter-spacing:-.04em;margin-bottom:0.625rem;border-bottom:0.5rem solid #171717;padding-bottom:0.5625rem}
.facts>p{font-size:0.8125rem}
.facts table{border-collapse:collapse;width:100%;font-size:0.8125rem}
.facts caption{text-align:left;border-bottom:0.25rem solid black;font-size:0.75rem;padding:0.5rem 0;font-weight:700}
.facts th{text-align:left;font-weight:500}
.facts td{text-align:right;white-space:nowrap}
.facts td,.facts th{border-bottom:1px solid #999;padding:0.625rem 0;vertical-align:top}
.facts small{display:block;font-size:0.625rem;font-weight:400;margin-top:0.1875rem}
.facts>p.small{font-size:0.625rem;margin:1.125rem 0 0}
.facts-image img{max-height:42.5rem;width:100%;object-fit:contain}
.faq-short{max-width:50rem}
.page-intro{max-width:59.375rem;margin:0 auto;padding:4.375rem 1.5625rem 1.875rem}
.page-intro h2{font-size:2.75rem}
.page-intro .section-heading>p:not(.eyebrow){font-size:1.0625rem;max-width:43.75rem}
.ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.375rem 1.25rem}
.ingredient-grid .ingredient-photo{aspect-ratio:1}
.footnote{margin:2.5rem auto 0;max-width:50rem}
.facts-wide .facts{margin:auto}
.ingredient-detail{max-width:var(--page);display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;margin:2.1875rem auto 4.375rem;align-items:center}
.ingredient-visual{position:relative}
.ingredient-visual img{width:100%;aspect-ratio:1;object-fit:contain}
.ingredient-visual .amount{font-size:1.5625rem}
.ingredient-copy h1{font-size:2.4375rem;margin-bottom:1.375rem}
.ingredient-copy h2{font-size:1.5rem;line-height:1.2;margin:1.75rem 0 1.125rem}
.ingredient-copy p{font-size:0.875rem;line-height:1.7}
.ingredient-copy .button{margin-top:0.9375rem}
.editorial-hero{max-width:var(--page);margin:2.1875rem auto 4.375rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--sand)}
.editorial-hero>div{padding:3.4375rem}
.editorial-hero h1{margin-bottom:1.5625rem}
.editorial-hero>img,.editorial-hero> .auj-editor-picture > img{width:100%;max-height:41.25rem;object-fit:contain}
.editorial-hero>div>p:not(.eyebrow){font-size:1.0625rem;line-height:1.6}
.editorial-sections{max-width:var(--page);margin:0 auto 4.375rem}
.editorial-row{display:grid;grid-template-columns:3.125rem 1fr 1.4fr;gap:2.5rem;border-top:1px solid var(--line);padding:2.5rem 0}
.editorial-row h2{font-size:1.75rem}
.editorial-row p{font-size:1rem;line-height:1.7;margin-bottom:0}
.faq-page{max-width:53.125rem;padding-bottom:5rem}
.faq-page summary{font-size:1.0625rem;padding:1.5rem 0}
.article{max-width:var(--page);margin:auto}
.article-heading{text-align:center;max-width:48.75rem;margin:3.75rem auto 2.25rem}
.article-heading h1{margin:0.9375rem 0 1.5625rem}
.article-heading>p:not(.eyebrow){font-size:1.125rem}
.article-image{max-width:50rem;margin:auto;background:var(--sand)}
.article-image img{width:100%;max-height:40.625rem;object-fit:contain}
.article-body{max-width:45rem;margin:3.125rem auto;font-size:1.0625rem;line-height:1.75}
.article-body h2{font-size:1.75rem;margin:2.375rem 0 1.125rem}
.article-body p{margin-bottom:1.5rem}
.article-body>.button{margin-top:1.25rem}
.use-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.125rem;align-items:start}
.use-layout>img,.use-layout> .auj-editor-picture > img{width:100%;object-fit:contain}
.site-map{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.map-link{padding:1.25rem;border-bottom:1px solid var(--line)}
.map-link:hover{background:var(--sand)}
dialog{padding:0;border:1px solid #aaa;color:var(--ink);background:var(--paper);max-width:calc(100% - 1.5rem)}
dialog::backdrop{background:#0006}
.drawer{position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;width:28.75rem;margin:0;padding:1.5rem;overflow:auto;border-width:0 0 0 1px}
.left-drawer{inset:0 auto 0 0}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;border-bottom:1px solid var(--line);padding-bottom:1.125rem;margin-bottom:1.5rem}
.dialog-top h2{font-size:1.5625rem}
.drawer .dialog-top>span{font-size:1.5rem}
.mobile-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
.mobile-nav a{padding:1.0625rem 0;border-bottom:1px solid var(--line);font-size:1.25rem}
.mobile-nav a span{float:right}
.search-dialog{width:50rem;padding:1.875rem}
.search-dialog input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;border-radius:0;padding:1rem 0;font-size:1.125rem;outline-offset:0.1875rem}
#search-results{max-height:55vh;overflow:auto;margin-top:0.9375rem}
.search-result{display:block;padding:1.0625rem 0;border-bottom:1px solid #deded8}
.search-result strong{font-size:1rem;font-weight:500}
.search-result p{font-size:0.75rem;margin:0.25rem 0 0}
.bag-item{display:grid;grid-template-columns:6.875rem 1fr;gap:1.25rem}
.bag-item img{width:100%;object-fit:contain}
.bag-item h3{font-size:1.1875rem}
.bag-item p{font-size:0.75rem;margin:0.625rem 0}
.bag-item button{font-size:0.75rem;text-decoration:underline;padding:0}
.bag-item .quantity{width:max-content;margin:0.625rem 0}
.bag-item .quantity button{text-decoration:none;padding:0;font-size:1.125rem}
.bag-foot{margin-top:2.1875rem;border-top:1px solid var(--line);padding-top:1.5rem}
.empty-bag{padding:2.1875rem 0}
.empty-bag h3{margin-bottom:0.9375rem}
#toast{position:fixed;bottom:1.5625rem;left:50%;transform:translateX(-50%);background:#171717;color:white;padding:0.875rem 1.25rem;z-index:200;width:max-content;max-width:90%;font-size:0.8125rem}
@media(min-width:1600px){
.hero-copy{padding-left:max(3.125rem,calc((100vw - 87.5rem)/2))}
.hero{min-height:42.5rem}
.hero-media img{height:42.5rem}}
@media(max-width:1272px){
.nav-wrap,.section,.split,.pdp,.breadcrumbs,.ingredient-detail,.editorial-hero,.editorial-sections,.article,.footer-inner{margin-left:var(--gutter);margin-right:var(--gutter)}
.hero-copy{padding-left:2.25rem}
.nav-wrap nav{gap:1rem;font-size:0.8125rem}
.nav-note{display:none}
.section.faq-short,.section.faq-page{margin-left:auto;margin-right:auto;max-width:calc(100% - 4.5rem)}
.facts-section{gap:1.875rem}
.split-copy{padding:2.5rem}
.footer-inner{gap:1.875rem}
.ingredient-detail{gap:2.1875rem}}
@media(max-width:1000px){
:root{--gutter:1.5rem}
.nav-wrap>nav{gap:0.9375rem;font-size:0.75rem}
.nav-wrap>nav>a:last-child{display:none}
.nav-trigger{font-size:0.75rem}
.nav-tools{gap:0.875rem}
.hero{min-height:33.75rem}
.hero-media img{height:33.75rem}
.hero-copy{padding:2.1875rem 1.5rem}
.hero-copy h1{font-size:2.3125rem}
.hero-copy>p:not(.eyebrow){font-size:1.125rem}
.hero-copy .eyebrow{font-size:0.6875rem}
.benefit-strip{justify-content:flex-start;min-height:5rem;font-size:0.75rem;gap:2.1875rem}
.section{padding:2.5rem 0}
.section-heading h2{font-size:1.8125rem}
.overview-grid{gap:0.75rem}
.product-card h3{font-size:1.0625rem;min-height:2.625rem}
.product-card .mono{font-size:0.625rem}
.product-card .button{font-size:0.625rem;padding:0.625rem 0.5rem}
.product-card>p{font-size:0.75rem}
.card-tag{left:0.4375rem;top:0.4375rem;font-size:0.5625rem}
.ingredient-card{flex-basis:calc((100% - 2rem)/3)}
.split-copy{padding:1.875rem}
.split-copy h2{font-size:1.875rem}
.split-copy>p:not(.eyebrow){font-size:0.9375rem}
.journal-grid{gap:0.9375rem}
.journal-card h3{font-size:1.125rem}
.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:1.875rem}
.footer-inner>div:nth-child(4){grid-column:2/4}
.footer-lead{grid-row:span 2}
.pdp{gap:1.5rem}
.product-info h1{font-size:1.8125rem}
.product-subtitle{font-size:1.0625rem}
.purchase-body{padding:0.875rem}
.purchase-actions{gap:0.5rem}
.quantity button{width:1.6875rem}
.purchase-actions .button{font-size:0.75rem;padding:0.625rem}
.product-info .formula-tags{gap:0.375rem}
.formula-tags span{font-size:0.5625rem;padding:0.3125rem 0.5rem}
.editorial-hero>div{padding:2.1875rem}
.editorial-hero h1{font-size:2.25rem}
.editorial-row{grid-template-columns:1.875rem 1fr 1.5fr;gap:1.375rem}
.editorial-row h2{font-size:1.5625rem}
.editorial-row p{font-size:0.875rem}
.ingredient-copy h1{font-size:1.9375rem}
.article-body{padding:0 1.5rem}
.page-intro h2{font-size:2.4375rem}}
@media(max-width:749px){
:root{--gutter:1.125rem}
body{font-size:0.875rem}
.announcement{min-height:2.5rem;font-size:0.5625rem;gap:0.125rem;padding:0.5rem 0.9375rem}
.nav-wrap{height:3.875rem;margin:0 1rem}
.nav-wrap>nav{display:none}
.mobile-menu{display:grid}
.nav-tools{gap:0.75rem}
.logo{width:5.5rem;height:2rem}
.hero{grid-template-columns:1fr;min-height:0}
.hero-copy{padding:1.875rem 1.375rem 2rem}
.hero-copy h1{font-size:2rem;line-height:1.05;margin:0.5625rem 0 1.0625rem;max-width:23.125rem}
.hero-copy .eyebrow{font-size:0.625rem;margin-bottom:0.5rem}
.hero-copy>p:not(.eyebrow){font-size:0.9375rem;max-width:22.5rem;margin-bottom:1.375rem}
.hero-copy .button{font-size:0.6875rem;min-height:2.5rem;padding:0.625rem 1.125rem}
.hero-media{height:26.25rem}
.hero-media img{height:26.25rem;width:100%;object-fit:contain}
.benefit-strip{min-height:4.25rem;padding:1.1875rem 1.125rem;font-size:0.6875rem;gap:1.75rem}
.section{padding:2.125rem 0}
.section-heading{margin-bottom:1.5rem}
.section-heading h2{font-size:1.625rem;line-height:1.16;margin-bottom:0.8125rem}
.section-heading>p:not(.eyebrow){font-size:0.8125rem}
.eyebrow{font-size:0.6875rem}
.overview-grid{grid-template-columns:1fr 1fr;gap:1.75rem 0.75rem}
.product-card h3{font-size:1.0625rem;min-height:2.625rem;margin:0.8125rem 0 0.4375rem}
.product-card p{font-size:0.75rem}
.product-card .mono{font-size:0.625rem;min-height:1.875rem}
.product-card .button{font-size:0.625rem;min-height:2.625rem;padding:0.625rem 0.4375rem}
.card-tag{font-size:0.5rem;padding:0.1875rem 0.3125rem;left:0.375rem;top:0.375rem}
.three-grid{grid-template-columns:repeat(3,82%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0.875rem}
.three-grid>article{scroll-snap-align:start}
.three-grid img{aspect-ratio:1.26984}
.three-grid h3{font-size:1.375rem}
.three-grid p{font-size:0.8125rem}
.pillars .three-grid p{max-width:18.75rem}
.ingredient-card{flex-basis:70%}
.ingredient-photo{aspect-ratio:.85}
.ingredient-card h3{font-size:1.3125rem}
.ingredient-card .eyebrow{min-height:0}
.rail-controls{margin-top:0.875rem}
.rail-controls button{width:1.875rem;height:1.875rem}
.split,.split.reverse{display:flex;flex-direction:column;margin-bottom:1.75rem}
.split-media{max-height:30rem}
.split-media img{height:auto;max-height:30rem}
.split-copy{padding:2.125rem 1.5625rem}
.split-copy h2{font-size:1.875rem;max-width:21.25rem;margin-bottom:1.1875rem}
.split-copy>p:not(.eyebrow){font-size:0.9375rem;margin-bottom:1.4375rem}
.split-copy .button{font-size:0.6875rem}
.journal-grid{grid-template-columns:1fr 1fr;gap:1.875rem 0.875rem}
.journal-card .eyebrow{font-size:0.5625rem;line-height:1.45}
.journal-card h3{font-size:1.125rem;line-height:1.2}
.journal-card>p{font-size:0.75rem}
.journal-card .text-link{font-size:0.6875rem}
footer{margin-top:1.5625rem}
.footer-inner{padding:2.375rem 0 1.5rem;grid-template-columns:1fr 1fr;gap:1.875rem 1.5rem}
.footer-lead{grid-column:1/-1;grid-row:auto;margin-bottom:0.375rem}
.footer-lead h2{font-size:1.8125rem}
.footer-inner>div:nth-child(4){grid-column:auto}
.footer-inner>div>h3{font-size:0.6875rem}
.footer-inner>div:not(.footer-lead):not(.footer-bottom)>a{font-size:0.75rem}
.footer-bottom{flex-wrap:wrap;gap:1.375rem;padding-top:1.5625rem}
.footer-bottom .logo{width:6.25rem;height:2.25rem}
.footer-bottom p{font-size:0.6875rem;max-width:15rem}
.footer-bottom>span{width:100%;font-size:0.6875rem}
.disclaimer{font-size:0.5625rem}
.breadcrumbs{font-size:0.625rem;margin-top:0.875rem;margin-bottom:0.875rem}
.pdp{grid-template-columns:1fr;gap:1.625rem;margin-bottom:1.5rem}
.product-info h1{font-size:2rem}
.product-subtitle{font-size:1.25rem}
.product-info .highlight{font-size:0.6875rem}
.product-intro{font-size:0.875rem}
.formula-tags span{font-size:0.625rem}
.purchase-title{font-size:0.75rem}
.purchase-body{padding:1.0625rem}
.purchase-actions>.button{font-size:0.75rem}
.quantity button{width:2.125rem}
.thumbnails{gap:0.375rem;margin-top:0.5625rem}
.product-info>.eyebrow{font-size:0.6875rem}
.facts-section{grid-template-columns:1fr;gap:1.875rem}
.facts-image img{max-height:34.375rem}
.facts{padding:1.125rem}
.facts h2{font-size:1.6875rem}
.facts table{font-size:0.75rem}
.facts .small{font-size:0.625rem}
.section.faq-short,.section.faq-page{max-width:none;margin-left:1.125rem;margin-right:1.125rem}
.faq-short .section-heading h2{font-size:1.6875rem}
.page-intro{padding:2.8125rem 1.375rem 0.625rem}
.page-intro h2{font-size:2.125rem}
.page-intro .section-heading>p:not(.eyebrow){font-size:0.9375rem}
.ingredient-grid{grid-template-columns:1fr 1fr;gap:1.875rem 0.8125rem}
.ingredient-grid .ingredient-card h3{font-size:1.0625rem}
.ingredient-grid .amount{left:0.5rem;bottom:0.5rem;font-size:0.8125rem;padding:0.25rem 0.375rem}
.ingredient-grid .ingredient-card .eyebrow{font-size:0.5625rem;min-height:1.6875rem}
.ingredient-grid .ingredient-card .text-link{font-size:0.625rem}
.ingredient-grid .ingredient-card>p:not(.eyebrow){font-size:0.625rem}
.ingredient-detail{grid-template-columns:1fr;gap:1.75rem;margin-top:1.25rem;margin-bottom:1.5625rem}
.ingredient-copy h1{font-size:2.125rem}
.ingredient-copy h2{font-size:1.5625rem}
.ingredient-copy p{font-size:0.875rem}
.editorial-hero{grid-template-columns:1fr;margin-top:1.25rem;margin-bottom:2.1875rem}
.editorial-hero>div{padding:2.1875rem 1.5625rem}
.editorial-hero h1{font-size:2.25rem}
.editorial-hero>img,.editorial-hero> .auj-editor-picture > img{max-height:32.5rem}
.editorial-hero>div>p:not(.eyebrow){font-size:0.9375rem}
.editorial-sections{margin-bottom:2.1875rem}
.editorial-row{grid-template-columns:1.875rem 1fr;gap:0.9375rem;padding:1.75rem 0}
.editorial-row h2{font-size:1.5625rem}
.editorial-row p{grid-column:2;font-size:0.875rem}
.faq-page summary{font-size:0.9375rem;padding:1.25rem 0}
.article-heading{margin:2.5rem auto 1.6875rem}
.article-heading h1{font-size:2.125rem}
.article-heading>p:not(.eyebrow){font-size:1rem}
.article-image img{max-height:28.125rem}
.article-body{margin:1.875rem auto;padding:0;font-size:0.9375rem;line-height:1.7}
.article-body h2{font-size:1.5625rem}
.policy{padding:0 1.375rem}
.use-layout{grid-template-columns:1fr;gap:1.875rem}
.site-map{grid-template-columns:1fr;gap:0}
.map-link{padding:1.0625rem 0}
.drawer{width:100%;max-width:100%;padding:1.375rem}
.search-dialog{padding:1.375rem;max-width:calc(100% - 1.5rem)}
.search-dialog input{font-size:0.9375rem}
.dialog-top h2{font-size:1.5rem}
.bag-item{grid-template-columns:6.25rem 1fr}
.bag-item h3{font-size:1.125rem}}
@media(max-width:374px){
.hero-copy h1{font-size:1.8125rem}
.hero-media,.hero-media img{height:23.125rem}
.product-card h3{font-size:0.9375rem}
.product-card .button{font-size:0.5625rem}
.ingredient-grid .ingredient-card h3{font-size:0.9375rem}
.journal-card h3{font-size:1rem}
.announcement{font-size:0.5rem}
.footer-inner{gap:1.75rem 1rem}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important}}
.page-intro h1{font-size:2.75rem;margin-bottom:1rem}
.page-intro .section-heading h1{line-height:1.15}
@media(max-width:1000px){
.page-intro h1{font-size:2.4375rem}}
@media(max-width:749px){
.page-intro h1{font-size:2.125rem}}
.logo{display:flex;align-items:center;justify-content:center}
.logo img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
@media(max-width:749px){
.hero-media{height:auto}
.hero-media img{height:auto;aspect-ratio:1}}
/* AUJ brand application: derived from the supplied gold logo and black bottle. */
:root{--paper:#faf8f3;--ink:#171714;--brand-gold:#c8a45d;--gold-tint:#ead8b0;--gold-deep:#766037;--sand:#eee7db;--line:#bdb5a7;--yellow:var(--gold-tint);--surface:#f3efe7}
body{color:var(--ink);background:var(--paper)}
button,a,input{touch-action:manipulation}
.announcement{background:var(--ink);color:#f4e7c9;border-color:#3d372b;font-size:0.6875rem;letter-spacing:.015em}
.announcement a{color:#f4e7c9;text-underline-offset:0.1875rem}
header{border-bottom:1px solid #e6dfd3}
.nav-wrap{height:4.5rem}
.logo{width:7rem;height:2.5rem}
.nav-trigger[aria-expanded=true],.nav-group a:hover,header nav>a:hover{color:var(--gold-deep)}
.nav-dropdown{border-color:var(--line);box-shadow:0 0.625rem 1.25rem #17171412}
.icon-button{width:2.625rem;min-width:2.625rem;height:2.75rem}
.icon-button:hover{background:#e9dfca}
.brand:hover{opacity:.9}
.button{background:var(--paper);border-color:var(--ink);min-height:2.875rem;transition:color .18s,background .18s,border-color .18s}
.button:hover{color:var(--ink);background:var(--gold-tint);border-color:var(--brand-gold)}
.button.black{background:var(--ink);color:var(--paper)}
.button.black:hover{background:#3c3322;border-color:#3c3322}
.button:disabled{opacity:.5;cursor:not-allowed}
.text-link{text-decoration-thickness:1px}
.text-link:hover{opacity:1;color:var(--gold-deep)}
:focus-visible{outline-color:var(--gold-deep)!important}
.highlight,.card-tag,.amount{background:var(--gold-tint);color:var(--ink)}
.hero{grid-template-columns:minmax(0,1fr) min(50%,38.625rem);min-height:0;background:#e9e0cf}
.hero-copy{padding-top:3rem;padding-bottom:3rem}
.hero-media{background:transparent;align-self:center}
.hero-media picture{display:block;width:100%}
.hero-media img{height:auto;width:100%;aspect-ratio:auto}
.benefit-strip{background:#eee7db;border-bottom:1px solid #e0d7c5}
.card-media,.main-image{background:#fff}
.product-card{display:flex;flex-direction:column;min-width:0}
.product-card .button{margin-top:auto}
.product-card>p:last-of-type{margin-bottom:1.25rem}
.three-grid img{background:#fff}
.ingredient-photo{background:#fff;aspect-ratio:1}
.ingredient-photo .amount{top:0.75rem;bottom:auto;left:0.75rem;font-size:0.9375rem}
.ingredient-card .eyebrow{color:#5e5445}
.rail-controls button{width:2.75rem;height:2.75rem;background:transparent}
.rail-controls button:hover{background:var(--gold-tint)}
.split,.split-media{background:#eee7db}
.split-media{align-items:center;justify-content:center}
.split-media img{height:auto;max-height:none;object-fit:contain}
.split:has(.split-media img[src$="bottle-and-tablets.jpg"]){background:white}
.journal-card img{background:#fff}
.purchase{background:#f3eee3;border-color:#b7a98e}
.purchase-title{background:var(--gold-tint);border-color:#b7a98e}
.formula-tags span{border-color:#beb3a0;background:transparent}
.thumbnails button{min-height:2.75rem}
.thumbnails button[aria-pressed=true]{outline:1px solid var(--gold-deep);outline-offset:1px;border-color:var(--gold-deep)}
.main-image{position:relative}
.zoom-button{position:absolute;right:0.8125rem;bottom:0.8125rem;display:flex;align-items:center;gap:0.5rem;min-height:2.75rem;padding:0.5rem 0.75rem;background:#faf8f3e8;border:1px solid #bdb5a7;font:0.625rem var(--font-sans);letter-spacing:.06em}
.zoom-button>span{font-size:1.375rem}
.zoom-button:hover{background:var(--gold-tint)}
.image-viewer{width:min(92vw,62.5rem);height:92dvh;max-height:92dvh;background:white;padding:2.8125rem 1.5rem 1.875rem;overflow:hidden}
.image-viewer>img,.image-viewer> .auj-editor-picture > img{width:100%;height:calc(100% - 1.875rem);object-fit:contain}
.image-viewer>p{font-size:0.6875rem;text-align:center;margin:0.625rem 0 0;color:#555}
.viewer-close{position:absolute;right:0.625rem;top:0.3125rem;background:white}
.editorial-hero{background:var(--sand)}
.editorial-hero>img,.editorial-hero> .auj-editor-picture > img{max-height:none}
.article-image{background:#fff}
.article-image img{max-height:none;aspect-ratio:1}
.facts-image{background:#fff}
.facts-image img{height:auto;max-height:none}
.use-layout>img,.use-layout> .auj-editor-picture > img{background:white}
.footer-inner{border-top:0.125rem solid var(--brand-gold)}
footer{background:var(--sand)}
.footer-inner>div:not(.footer-lead):not(.footer-bottom)>a:hover{color:var(--gold-deep);text-decoration:underline;text-underline-offset:0.25rem}
.drawer{border-color:#bdb5a7}
.search-dialog input{caret-color:var(--gold-deep)}
.search-result:hover{background:#f0eadf}
.bag-count{background:var(--gold-tint);color:var(--ink)}
@media(min-width:1600px){
.hero{grid-template-columns:minmax(0,1fr) 42.5rem;min-height:0}
.hero-media img{height:auto}}
@media(max-width:1000px) and (min-width:750px){
.hero{grid-template-columns:1fr 1fr}
.hero-copy h1{font-size:2.1875rem}
.hero-media img{height:auto}
.hero-copy{padding:1.875rem 1.5rem}
.nav-tools{gap:0.5rem}
.nav-wrap{gap:0.75rem}
.nav-wrap>nav{gap:0.8125rem}
.logo{width:6.5rem}}
@media(max-width:749px){
.nav-wrap{height:4rem;margin:0 0.75rem}
.logo{width:6.125rem;height:2.25rem}
.nav-tools{gap:0.125rem}
.announcement{font-size:0.5625rem;line-height:1.45;min-height:2.75rem;gap:0.125rem}
.hero{grid-template-columns:1fr}
.hero-copy{padding:1.9375rem 1.375rem 2rem}
.hero-media,.hero-media img{height:auto}
.hero-media img{aspect-ratio:1}
.hero-copy .button{min-height:2.75rem}
.three-grid img{aspect-ratio:1.26984}
.ingredient-card .ingredient-photo{aspect-ratio:1}
.ingredient-photo .amount{font-size:0.8125rem;top:0.625rem;left:0.625rem;padding:0.3125rem 0.4375rem}
.ingredient-grid .amount{top:0.5rem;bottom:auto;left:0.5rem;font-size:0.75rem}
.split-media{max-height:none}
.split-media img{max-height:none;height:auto}
.split:has(.split-media img[src$="bottle-and-tablets.jpg"]) .split-media img{max-height:31.25rem}
.editorial-hero>img,.editorial-hero> .auj-editor-picture > img{max-height:none}
.article-image img{max-height:none}
.facts-image img{max-height:none}
.rail-controls button{width:2.75rem;height:2.75rem}
.product-card .button{min-height:2.75rem}
.quantity button{width:2.25rem}
.image-viewer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:3.25rem 0.875rem 1.875rem}
.zoom-button{bottom:0.5625rem;right:0.5625rem;font-size:0.5625rem}
.facts .small{font-size:0.6875rem}
.footer-bottom .logo{width:7rem;height:2.5rem}}
/* Final image rhythm and editorial card alignment. */
.pillars .three-grid img{aspect-ratio:1}
.journal-card{display:flex;flex-direction:column;min-width:0}
.journal-card .text-link{margin-top:auto;align-self:flex-start}
.split:has(.split-media img[src$="bottle-and-tablets.jpg"]) .split-media{background:#fff}
@media(max-width:749px){
.split:has(.split-media img[src$="bottle-and-tablets.jpg"]) .split-media img{max-height:none}}

.ingredient-visual .amount{position:static;display:inline-block;margin-top:0.75rem;font-size:1rem;padding:0.3125rem 0.625rem}
.error-page{max-width:45rem;margin:5.625rem auto 6.25rem;padding:0 1.5rem;text-align:center}
.error-page h1{margin:0.9375rem 0 1.5rem}
.error-page>p{max-width:33.125rem;margin:0 auto 1.875rem}
.error-page>div{display:flex;justify-content:center;gap:0.875rem;flex-wrap:wrap}
/* Revision 3: complete reference modules and varied AUJ creative assets. */
.hero-noir{background:#211d17;color:#fbf5e9;grid-template-columns:1fr 1fr}
.hero-noir .hero-copy{padding-left:max(2.25rem,calc((100vw - 75rem)/2));padding-right:2.25rem}
.hero-noir .hero-copy h1{font-size:clamp(2.25rem,3.4vw,3.625rem);line-height:1.06}
.hero-noir .hero-copy>p:not(.eyebrow){font-size:1.1875rem;max-width:28.75rem;color:#e9decb}
.hero-noir .eyebrow{color:#d9bd87;letter-spacing:.09em}
.hero-noir .button{background:#ead8b0;border-color:#ead8b0;color:#171714}
.hero-noir .button:hover{background:#fff4df}
.hero-caption{font:0.625rem var(--font-sans);letter-spacing:.06em;margin-top:2rem;color:#dac8a9}
.hero-noir .hero-media{width:100%;max-width:45rem;justify-self:end}
.hero-noir .hero-media img{aspect-ratio:1;width:100%;height:auto}
.visual-note{font:0.625rem/1.6 var(--font-sans);color:#665c4b;margin:0.75rem auto 1.5rem;text-align:center;max-width:47.5rem}
.placeholder-label{display:inline-block;font:0.5625rem/1.5 var(--font-sans);letter-spacing:.035em;border:1px solid #b7aa90;color:#655234;padding:0.1875rem 0.4375rem;width:fit-content}
.people-section{max-width:none;padding:3rem max(1.5rem,calc((100vw - 75rem)/2))}
.people-rail{gap:0.75rem}
.person-card{flex:0 0 calc((100% - 3rem)/5);min-width:0;text-align:center;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:0.75rem}
.person-card>img,.person-card> .auj-editor-picture > img{width:70%;aspect-ratio:1;object-fit:contain}
.person-card>h3{font-size:1rem;letter-spacing:-.015em}
.person-card>p{font-size:0.875rem;line-height:1.4;margin:0}
.person-card .placeholder-label{font-size:0.4375rem;letter-spacing:0;padding:0.125rem 0.25rem;white-space:normal}
.person-card details{border:0;width:100%;font-size:0.6875rem}
.person-card summary{padding:0.1875rem 0;justify-content:center;font-size:0.6875rem;text-decoration:underline;text-underline-offset:0.25rem}
.person-card summary span{font-size:0.9375rem}
.person-card .answer{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem}
.bundle-card{display:flex;flex-direction:column}
.bundle-card>img,.bundle-card> .auj-editor-picture > img{aspect-ratio:1}
.bundle-card>.eyebrow{margin:1.125rem 0 0.375rem;font-size:0.6875rem}
.bundle-card h3{margin:0 0 0.75rem}
.bundle-card .button{margin-top:auto}
.bundle-card>p{font-size:0.8125rem}
.review-feature{background:#e7ddca}
.split-copy>.placeholder-label{margin-bottom:1.375rem}
.quote-placeholder{font-family:var(--font-sans);font-size:1.5625rem!important;font-style:italic}
.review-feature .small{font-size:0.6875rem!important;margin-bottom:1.375rem!important}
.press-section{background:#eee7db;text-align:center;padding:2.1875rem 1.5rem 1.25rem}
.press-rail{max-width:75rem;margin:auto;display:flex;justify-content:space-between;gap:1.875rem;overflow:auto}
.press-rail>span{font:1.875rem/1.1 var(--font-sans);color:#665c4b;min-width:8.75rem}
.press-rail small{font:0.5625rem var(--font-sans);letter-spacing:.09em}
.press-section .visual-note{margin-bottom:0}
.subnav,.category-nav{display:flex;justify-content:center;align-items:center;gap:2.25rem;padding:1.375rem 1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:0.75rem var(--font-sans);margin-bottom:3rem;overflow:auto;white-space:nowrap}
.subnav a:hover,.category-nav a:hover{text-decoration:underline;text-underline-offset:0.375rem}
.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:4.375rem;border-top:1px solid var(--line);align-items:center;margin-top:3rem}
.newsletter h2{font-size:2rem;margin-bottom:1rem}
.newsletter p{font-size:0.875rem}
.newsletter form{min-width:0}
.newsletter label{display:block;font:0.6875rem var(--font-sans);margin-bottom:0.625rem}
.newsletter form>div{display:flex;gap:0.625rem}
.newsletter input{width:100%;min-width:0;border:1px solid #a99e89;border-radius:0;background:transparent;padding:0.75rem;font-size:0.875rem}
.newsletter .small{font-size:0.625rem;margin:0.75rem 0 0}
.science-card{flex:0 0 calc((100% - 3rem)/4);min-width:0;scroll-snap-align:start}
.science-card img{aspect-ratio:1;width:100%;height:auto;object-fit:contain}
.science-card .eyebrow{margin:1.25rem 0 0.5rem;font-size:0.625rem}
.science-card h3{font-size:1.375rem;margin-bottom:0.75rem}
.science-card>p:last-child{font-size:0.8125rem}
.statement{text-align:center;padding:4.0625rem 0 4.6875rem}
.statement h2{font-size:clamp(2.5rem,6vw,5rem);line-height:1.04;letter-spacing:-.055em}
.table-scroll{overflow:auto}
.comparison table{width:100%;border-collapse:collapse;font-size:0.875rem}
.comparison caption{text-align:left;font:0.75rem var(--font-sans);margin-bottom:1rem}
.comparison th,.comparison td{border-bottom:1px solid var(--line);padding:1.25rem;text-align:left;vertical-align:top}
.comparison thead{background:var(--sand)}
.comparison tbody th{font-weight:500;width:28%}
.review-controls-section{max-width:56.25rem}
.tabs{display:flex;gap:1.875rem;border-bottom:1px solid var(--line)}
.tabs button{padding:1.125rem 0;font:0.75rem var(--font-sans);border-bottom:0.125rem solid transparent}
.tabs button[aria-selected=true]{border-color:var(--ink)}
[role=tabpanel]{padding:2.25rem 0;min-height:13.125rem}
[role=tabpanel] h3{margin:1.25rem 0 1rem}
[role=tabpanel]>p{max-width:38.75rem;font-size:0.875rem}
.seo-prose{max-width:56.25rem}
.seo-prose h2{font-size:1.5625rem;margin-bottom:1.375rem}
.seo-prose p{font-size:0.875rem;line-height:1.75}
.ingredient-disclosure{display:grid;grid-template-columns:1fr 1fr;gap:4.0625rem;align-items:center}
.ingredient-disclosure>div>img,.ingredient-disclosure>div> .auj-editor-picture > img{width:100%;aspect-ratio:1;max-width:30.625rem}
.ingredient-disclosure h2{font-size:2.125rem;margin-bottom:1.5rem}
.ingredient-disclosure .text-link{margin-top:1.25rem}
.brand-poster{background:#211d17;color:#fff5e4;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.brand-poster>div>img,.brand-poster>div> .auj-editor-picture > img{width:100%;aspect-ratio:1;object-fit:contain}
.poster-copy{padding:3rem max(2.25rem,calc((100vw - 75rem)/2))}
.poster-copy h1{font-size:clamp(2.625rem,6vw,5.375rem);margin-bottom:1.5rem;line-height:.98}
.poster-copy>.eyebrow{font-size:0.6875rem;color:#dcc89e}
.poster-copy>p:not(.eyebrow){font-size:1.0625rem}
.poster-copy .placeholder-label{color:#e5d2ac;border-color:#817457;white-space:nowrap;font-size:0.5rem}
.play-button{display:block;margin-top:1.5rem;width:3.75rem;height:3.75rem;border:1px solid #d4c29a;border-radius:50%;color:#fff5e4;padding-left:0.625rem;font-size:1.1875rem}
.play-button:hover{background:#ffffff16}
.founder-heading{padding-bottom:0.5rem}
.founder-letter{align-items:stretch;background:transparent;gap:4.375rem}
.founder-letter .split-media{background:#eee7db;min-height:50svh}
.founder-letter figure{margin:0;width:100%}
.founder-letter figure img{width:100%;height:auto;object-fit:contain}
.founder-letter figcaption{font:0.5625rem var(--font-sans);text-align:center;padding:1.125rem 0.5rem;background:var(--paper)}
.founder-letter .split-copy{padding:1.5rem 0}
.founder-letter .split-copy>p:not(.eyebrow){font-size:0.875rem;line-height:1.8}
.signature-placeholder{font:italic 1.5rem var(--font-sans)!important;border-bottom:1px solid var(--line);padding:0.75rem 0;width:100%}
.narrow-copy{max-width:47.5rem}
.narrow-copy h2{margin-bottom:1.25rem}
.contact-directory{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 5rem}
.contact-directory article{padding:1.625rem 0;border-bottom:1px solid var(--line)}
.contact-directory h2{margin:1.375rem 0 1rem;font-size:1.75rem}
.contact-directory p{font-size:0.875rem}
.contact-placeholder{font-family:var(--font-sans);font-size:0.75rem!important;color:#77684f}
.policy-groups{max-width:50rem}
.policy-groups>section{margin-bottom:4.375rem}
.policy-groups h2{font-size:2.375rem;margin:1.25rem 0}
.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;align-items:center}
.guide-layout>img,.guide-layout> .auj-editor-picture > img{width:100%;aspect-ratio:1}
.guide-panel h2{margin-bottom:1.75rem;font-size:2rem}
.guide-options{display:flex;flex-direction:column;gap:0.75rem}
.guide-options button{border:1px solid var(--line);padding:1.125rem;text-align:left;display:flex;justify-content:space-between;gap:0.625rem;font-size:0.875rem}
.guide-options button:hover,.guide-options button[aria-pressed=true]{background:var(--gold-tint);border-color:var(--gold-deep)}
.guide-panel>.small{font-size:0.6875rem;line-height:1.7;margin-top:1.5rem;color:#605846}
#guide-result{margin-top:1.5625rem;padding:1.5rem;background:var(--sand)}
#guide-result h3{margin-bottom:0.75rem}
#guide-result p{font-size:0.8125rem}
.journal-rail .journal-card{flex:0 0 calc((100% - 2rem)/3);scroll-snap-align:start}
.journal-rail img{width:100%;aspect-ratio:1}
.draft-card>.placeholder-label{margin:1.125rem 0 0.75rem}
.journal-prompt{background:var(--sand);padding:2.25rem;justify-content:center}
.journal-prompt h3{font-size:2.125rem}
.journal-prompt .text-link{margin-top:1.5625rem}
.category-nav{justify-content:flex-start;max-width:75rem;margin:0 auto 1rem;padding-left:0;padding-right:0;gap:1.875rem}
.article-meta{font:0.625rem/1.5 var(--font-sans)!important;margin-top:1.5rem!important}
.article-heading .text-link{font-size:0.625rem}
.share-status{display:block;font:0.625rem var(--font-sans);margin-top:0.75rem}
.embedded-product{display:grid;grid-template-columns:1fr 1fr;gap:1.625rem;border:1px solid var(--line);margin:2.625rem 0;align-items:center;background:var(--sand)}
.embedded-product>img,.embedded-product> .auj-editor-picture > img{width:100%;aspect-ratio:1}
.embedded-product>div{padding:1.25rem 1.25rem 1.25rem 0}
.embedded-product h3{font-size:1.375rem;margin-bottom:0.75rem}
.embedded-product p{font-size:0.75rem}
.embedded-product .eyebrow{font-size:0.5625rem}
.embedded-product .button{font-size:0.625rem;padding:0.625rem 0.75rem}
.ingredient-card h3{min-height:3.125rem}
.ingredient-photo .amount{top:0.625rem;left:0.625rem;background:#faf8f3eb;border:1px solid #d5c5aa;font-size:0.75rem}
.ingredient-copy>.eyebrow{color:#766037}
.article-image{max-width:47.5rem;margin:auto}
.article-image img{aspect-ratio:1;width:100%}
.split-media img{width:100%;aspect-ratio:auto}
.section:not(.people-section){width:calc(100% - 4.5rem)}
.section .section{width:100%}
.newsletter .button{white-space:nowrap}
.review-feature .split-copy h2{font-size:2.75rem}
.split-media{overflow:visible}
.hero-noir img,.brand-poster img{max-height:none}
@media(max-width:1000px){
.hero-noir .hero-copy{padding:1.875rem}
.hero-noir .hero-copy h1{font-size:2.375rem}
.hero-noir .hero-copy>p:not(.eyebrow){font-size:1rem}
.hero-caption{font-size:0.5rem;margin-top:1.5rem}
.people-section{padding-left:1.5rem;padding-right:1.5rem}
.person-card{flex-basis:calc((100% - 1.5rem)/3)}
.newsletter{gap:2.1875rem}
.founder-letter{gap:2.1875rem}
.guide-layout{gap:2.1875rem}
.section:not(.people-section){width:calc(100% - 3rem)}
.ingredient-disclosure{gap:2.1875rem}
.science-card{flex-basis:calc((100% - 2rem)/3)}
.review-feature .split-copy h2{font-size:2.125rem}
.poster-copy{padding:2rem}
.category-nav{margin-left:1.5rem;margin-right:1.5rem}
.subnav{gap:1.5rem}
.founder-letter .split-copy h2{font-size:1.875rem}}
@media(max-width:749px){
.hero-noir{grid-template-columns:1fr}
.hero-noir .hero-copy{padding:2.375rem 1.5rem}
.hero-noir .hero-copy h1{font-size:2.25rem;max-width:26.25rem;margin:0.75rem 0 1.375rem}
.hero-noir .hero-copy>p:not(.eyebrow){font-size:1rem;max-width:26.875rem;margin-bottom:1.5rem}
.hero-caption{margin-top:1.5rem;font-size:0.5625rem}
.hero-noir .hero-media{max-width:none}
.section:not(.people-section){width:auto;margin-left:1.125rem;margin-right:1.125rem}
.people-section{padding:2.25rem 1.125rem}
.people-rail{gap:0.75rem}
.person-card{flex-basis:calc((100% - 0.75rem)/2);gap:0.625rem}
.person-card>img,.person-card> .auj-editor-picture > img{width:70%;aspect-ratio:1}
.person-card h3{font-size:0.875rem}
.person-card>p{font-size:0.75rem}
.person-card .placeholder-label{font-size:0.375rem}
.person-card summary{font-size:0.5625rem;gap:0.5rem}
.visual-note{font-size:0.5625rem;line-height:1.6;padding:0 0.375rem;margin-bottom:1.375rem}
.bundle-card .eyebrow{font-size:0.6875rem}
.bundle-card h3{font-size:1.5rem}
.bundle-card>img,.bundle-card> .auj-editor-picture > img{aspect-ratio:1}
.review-feature .split-copy h2{font-size:2rem}
.review-feature .split-copy>p:not(.eyebrow){font-size:0.875rem}
.quote-placeholder{font-size:1.375rem!important}
.press-rail{gap:1.75rem;justify-content:flex-start}
.press-rail>span{font-size:1.6875rem;min-width:7.8125rem}
.newsletter{grid-template-columns:1fr;gap:1.375rem;padding-top:2.25rem;margin-top:2.25rem!important}
.newsletter h2{font-size:1.8125rem}
.newsletter form>div{gap:0.5rem}
.newsletter .button{font-size:0.6875rem;padding:0.625rem 1rem}
.newsletter input{font-size:0.8125rem}
.science-card{flex-basis:82%}
.science-card h3{font-size:1.5625rem}
.science-card>p:last-child{font-size:0.875rem}
.statement{padding:2.625rem 0 3.125rem}
.statement h2{font-size:3.0625rem}
.comparison th,.comparison td{font-size:0.6875rem;padding:0.875rem 0.5rem;min-width:4.0625rem}
.comparison tbody th{min-width:5.9375rem}
.comparison caption{font-size:0.625rem}
.tabs{gap:1.5625rem}
.tabs button{font-size:0.6875rem}
.review-controls-section [role=tabpanel]{padding:1.75rem 0}
.subnav{justify-content:flex-start;gap:1.5625rem;font-size:0.625rem;margin-bottom:1.75rem;padding:1.125rem}
.ingredient-disclosure{grid-template-columns:1fr;gap:1.5625rem}
.ingredient-disclosure>div>img,.ingredient-disclosure>div> .auj-editor-picture > img{max-width:none}
.ingredient-disclosure h2{font-size:1.8125rem}
.ingredient-disclosure p{font-size:0.875rem}
.ingredient-disclosure .eyebrow{font-size:0.6875rem}
.brand-poster{grid-template-columns:1fr}
.poster-copy{padding:2.625rem 1.5rem 2.25rem}
.poster-copy h1{font-size:3.625rem}
.poster-copy .placeholder-label{font-size:0.5rem}
.play-button{margin-top:1.4375rem;width:3rem;height:3rem;font-size:1rem}
.founder-letter{gap:0}
.founder-letter .split-copy{padding:1.875rem 1.5rem}
.founder-letter .split-media{min-height:30svh}
.founder-letter .split-copy h2{font-size:2rem}
.contact-directory{grid-template-columns:1fr;gap:0}
.contact-directory article{padding:1.75rem 0}
.contact-directory h2{font-size:1.6875rem}
.contact-directory p{font-size:0.8125rem}
.guide-layout{grid-template-columns:1fr;gap:1.75rem}
.guide-panel h2{font-size:1.8125rem}
.guide-options button{font-size:0.8125rem}
.journal-rail .journal-card{flex-basis:82%}
.journal-rail h3{font-size:1.5625rem}
.journal-rail .journal-card>p{font-size:0.875rem}
.journal-prompt{padding:1.875rem}
.journal-prompt h3{font-size:2rem}
.category-nav{margin:0 1.125rem;gap:1.5625rem;font-size:0.625rem}
.article-image{margin:0 1.125rem}
.article-meta{font-size:0.5625rem!important}
.embedded-product{gap:1.125rem;grid-template-columns:1fr;max-width:24.375rem;margin:2rem auto}
.embedded-product>div{padding:0 1.375rem 1.5625rem}
.embedded-product .button{font-size:0.6875rem}
.ingredient-card h3{min-height:2.625rem}
.ingredient-grid .ingredient-card h3{font-size:1.125rem}
.ingredient-photo .amount{font-size:0.6875rem}
.section-heading h2{font-size:1.875rem}
.policy-groups h2{font-size:1.9375rem}
.narrow-copy{padding-top:1.75rem}
.hero-caption{line-height:1.5}}
@media(max-width:374px){
.hero-noir .hero-copy h1{font-size:2rem}
.hero-noir .hero-copy{padding:2rem 1.25rem}
.hero-caption{font-size:0.5rem}
.person-card h3{font-size:0.75rem}
.person-card .placeholder-label{font-size:0.375rem}
.newsletter .button{padding:0.625rem 0.75rem;font-size:0.625rem}
.ingredient-grid .ingredient-card h3{font-size:1rem}
.section-heading h2{font-size:1.6875rem}
.statement h2{font-size:2.625rem}
.poster-copy h1{font-size:3.25rem}}
/* Legibility and end-of-rail feedback after the visual review. */
.person-card .placeholder-label{font-size:0.5625rem;line-height:1.4;padding:0.1875rem 0.3125rem;max-width:100%}
.person-card .answer{line-height:1.65}
.rail-controls button:disabled{opacity:.28;cursor:default;background:transparent}
.founder-letter figcaption{font-size:0.625rem}
.placeholder-label{line-height:1.6}
@media(max-width:749px){
.person-card .placeholder-label{font-size:0.5rem;max-width:8.125rem}
.person-card>img,.person-card> .auj-editor-picture > img{width:70%}
.visual-note{font-size:0.625rem}
.founder-letter figcaption{font-size:0.5625rem}}

/* AUJ v4: distinct editorial photography, factual typography and brand context. */
.v4-art{--art-bg:#e9e1cf;--art-ink:#171714;background:var(--art-bg);color:var(--art-ink);width:100%;aspect-ratio:1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.125rem,3.8vw,2.625rem);overflow:hidden;text-align:left;container-type:inline-size}
.art-brandline{display:block;font:0.625rem/1.35 var(--font-sans);letter-spacing:.06em;margin-bottom:0.875rem;position:relative;z-index:1}
.art-bottom{display:grid;gap:0.5rem;margin-top:1.25rem;position:relative;z-index:1}
.art-bottom>strong{font-size:clamp(1.125rem,5.6cqw,2.125rem);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.art-bottom>small{font:clamp(0.625rem,2.9cqw,0.875rem)/1.45 var(--font-sans);max-width:38em}
.art-formula{display:grid;grid-template-columns:1fr 1fr;gap:1.125rem 0.75rem}
.art-formula span{border-top:1px solid #9c8b65;padding-top:0.625rem;display:grid;gap:0.3125rem}
.art-formula b{font-size:clamp(1.25rem,8cqw,2.625rem);font-weight:400;letter-spacing:-.04em;line-height:1}
.art-formula small{font-size:clamp(0.625rem,3.3cqw,1rem);line-height:1.2}
.v4-kind-serving{--art-bg:#e6e9df}
.art-equation{display:flex;gap:3%;align-items:center;justify-content:space-between;white-space:nowrap}
.art-equation b{font-size:clamp(2.75rem,25cqw,8.75rem);line-height:1;font-weight:400;letter-spacing:-.08em}
.art-equation>span{font-size:clamp(0.8125rem,6cqw,2.1875rem);font-weight:400}
.art-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:0.625rem;width:65%;margin:1.125rem 0}
.art-dots i{display:block;aspect-ratio:1;border:1px solid #5b6651;border-radius:50%;max-width:1.125rem}
.art-unit b{font-size:25cqw;letter-spacing:-.08em}
.art-rule{font-size:clamp(1rem,6cqw,2.1875rem);border-top:1px solid currentColor;padding-top:1.25rem;margin-top:1.375rem}
.v4-kind-collagen{--art-bg:#1b1b18;--art-ink:#f5e7cb}
.art-duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.art-duo>span{display:flex;flex-direction:column;min-width:0;border-top:1px solid #9b895d;padding-top:1rem}
.art-duo b{font-size:clamp(1.875rem,13cqw,4.875rem);font-weight:400;letter-spacing:-.06em;line-height:.95}
.art-duo b small{display:block;font:clamp(0.6875rem,3cqw,1.125rem)/1.5 var(--font-sans);letter-spacing:0;margin:0.625rem 0 1.25rem}
.art-duo em{font-size:clamp(0.75rem,3.8cqw,1.375rem);font-style:normal;line-height:1.2}
.art-duo>span>small{font-size:clamp(0.5625rem,2.8cqw,0.9375rem);line-height:1.5;margin-top:0.5rem}
.v4-kind-biocell{--art-bg:#e7d5b5}
.art-total{font-size:22cqw;line-height:1;letter-spacing:-.07em}
.art-total small{font-size:5cqw;letter-spacing:0;display:block;margin-top:0.5rem}
.art-components{display:grid;grid-template-columns:repeat(3,1fr);gap:0.375rem;margin-top:1.25rem}
.art-components span{border-top:1px solid #716345;padding-top:0.625rem;font-size:clamp(0.5625rem,3cqw,0.9375rem);line-height:1.3}
.art-components b{display:block;font-size:10cqw;line-height:1.1;font-weight:400;margin-bottom:0.5rem}
.v4-kind-ha{--art-bg:#dce6e6}
.v4-kind-units{--art-bg:#e6d5d9}
.art-label{display:grid;gap:0.9375rem}
.v4-art>.art-label span{font-size:clamp(1rem,6cqw,1.875rem);border-bottom:1px solid #a29577;padding-bottom:0.6875rem;line-height:1.2}
.art-label b{font:0.75rem var(--font-sans);margin-right:0.875rem;display:inline-block}
.v4-art.v4-kind-label{display:flex;--art-bg:#efede5;gap:0}
.v4-kind-origin{--art-bg:#272b2a;--art-ink:#f1e4c7}
.v4-art>.art-origin{display:grid;grid-template-columns:1fr;gap:0.4375rem}
.art-origin b{font-size:26cqw;line-height:1;font-weight:400;letter-spacing:-.06em}
.art-origin span{font:clamp(0.5625rem,3cqw,1.125rem) var(--font-sans)}
.art-origin i{font-style:normal;font-size:9cqw;line-height:1;margin:0.625rem 0}
.art-origin strong{font-size:13cqw;font-weight:400;line-height:1}
.v4-art.v4-kind-records{--art-bg:#f0e9dc}
.v4-art>.art-records{display:grid;gap:0.5625rem}
.art-records span{display:flex;justify-content:space-between;gap:0.875rem;align-items:center;border:1px solid #b2a287;padding:0.75rem;font:clamp(0.625rem,3.8cqw,1.125rem) var(--font-sans)}
.art-records small{font:clamp(0.5625rem,2.9cqw,0.875rem)/1.4 Inter,Arial,sans-serif;max-width:48%}
.art-ingredient-number{font-size:clamp(1.625rem,18cqw,5.375rem);line-height:1.05;letter-spacing:-.06em;overflow-wrap:anywhere}
.art-ingredient-name{font-size:clamp(1rem,6cqw,1.5625rem);font-weight:400;line-height:1.1;margin:0.625rem 0}
.v4-kind-ingredient-0{--art-bg:#e7deca}
.v4-kind-ingredient-1{--art-bg:#ead3b2}
.v4-kind-ingredient-2{--art-bg:#cda34e}
.v4-kind-ingredient-3{--art-bg:#242521;--art-ink:#f0e0b8}
.v4-kind-ingredient-4{--art-bg:#dce8e9}
.v4-kind-ingredient-5{--art-bg:#e5d3db}
.v4-art.v4-kind-brand{--art-bg:#181914;--art-ink:#e4c58b}
.v4-art>.art-brand{font-size:32cqw;letter-spacing:-.09em;line-height:1;font-weight:400}
.art-brand small{display:block;font:3.6cqw var(--font-sans);letter-spacing:.06em;margin-top:1.875rem}
.v4-kind-path{--art-bg:#e8e6dd}
.v4-art>.art-path{display:grid;grid-template-columns:1fr 1.5625rem 1fr;gap:0.875rem;align-items:center}
.art-path span{font-size:15cqw;border-bottom:1px solid #9c967e;padding-bottom:0.5rem}
.art-path span small{display:block;font-size:4cqw}
.art-path span:last-child{grid-column:3}
.art-path i{font-style:normal;font-size:8cqw}
.art-device{display:flex;flex-direction:column;gap:1.125rem;align-items:center}
.art-device>div{border:0.125rem solid #978461;border-radius:1rem;padding:2.1875rem 1.125rem;width:75%;text-align:center;font-size:4cqw}
.art-device small{display:block;margin-top:1.375rem;font-size:4cqw}
.art-device>span{font:3cqw var(--font-sans);letter-spacing:.08em}
.v4-kind-shipping{--art-bg:#dfe4da}
.v4-kind-returns{--art-bg:#e4d6cf}
.v4-kind-orders{--art-bg:#202420;--art-ink:#f3e5c5}
.v4-kind-terms{--art-bg:#e6dcc8}
.v4-kind-map{--art-bg:#242620;--art-ink:#ebd5a2}
.v4-kind-404{--art-bg:#e0d5be}
.art-utility{font-size:clamp(2.125rem,18cqw,6.25rem);line-height:1;letter-spacing:-.08em}
.card-media .v4-art{height:100%;padding:1.375rem}
.card-media .art-brandline,.v4-label-card .art-brandline{font-size:0.5rem}
.card-media .art-bottom>strong{font-size:5.4cqw}
.card-media .art-bottom>small{font-size:3cqw}
.v4-label-card .v4-art{height:100%;padding:1.25rem}
.v4-label-card .art-bottom>strong{font-size:4.5cqw}
.v4-label-card .art-bottom>small{font-size:3.2cqw}
.v4-label-card .art-ingredient-number{font-size:19cqw}
.v4-label-card .art-ingredient-name{font-size:7cqw}
.three-grid>article>.v4-art{aspect-ratio:1.26984;padding:1.5625rem}
.three-grid>article>.v4-art .art-bottom>strong{font-size:5.5cqw}
.three-grid>article>.v4-art .art-bottom>small{font-size:3cqw}
.three-grid>article>.v4-art .art-label{gap:0.5625rem}
.three-grid>article>.v4-art .art-label span{font-size:5cqw;padding-bottom:0.4375rem}
.science-card>.v4-art{aspect-ratio:1;padding:1.4375rem}
.science-card>.v4-art .art-brandline{font-size:0.5rem}
.science-card>.v4-art .art-bottom>strong{font-size:5cqw}
.science-card>.v4-art .art-bottom>small{font-size:3cqw}
.split-media>.v4-art{height:100%;min-height:28.125rem}
.ingredient-hero>.v4-art{padding:3rem}
.ingredient-disclosure>div>.v4-art{aspect-ratio:1}
.v4-ingredient-detail .ingredient-fact-panel{grid-column:1/-1}
.ingredient-fact-panel>.v4-art{aspect-ratio:auto;min-height:18.75rem;padding:2.1875rem 2.8125rem;display:grid;grid-template-columns:1fr 2fr 1.2fr;align-items:center;gap:2.1875rem;container-type:normal}
.ingredient-fact-panel .art-bottom{margin:0}
.ingredient-fact-panel .art-bottom strong{font-size:1.5625rem}
.ingredient-fact-panel .art-bottom small{font-size:0.75rem}
.ingredient-fact-panel .art-duo b{font-size:3rem}
.ingredient-fact-panel .art-duo b small{font-size:0.8125rem}
.ingredient-fact-panel .art-duo em{font-size:1.0625rem}
.ingredient-fact-panel .art-total{font-size:3.75rem}
.ingredient-fact-panel .art-total small{font-size:1rem}
.ingredient-fact-panel .art-components{grid-column:2}
.ingredient-fact-panel .art-components b{font-size:1.875rem}
.ingredient-fact-panel .art-components span{font-size:0.75rem}
.ingredient-fact-panel .art-unit b{font-size:3.75rem}
.ingredient-fact-panel .art-rule{font-size:1.4375rem}
.ingredient-fact-panel .art-ingredient-number{font-size:4.0625rem}
.ingredient-fact-panel .art-ingredient-name{font-size:1.5rem}
.v4-people-editorial .person-card>img,.v4-people-editorial .person-card> .auj-editor-picture > img{width:100%;aspect-ratio:1;object-fit:contain}
.v4-people-editorial .person-card>h3{font-size:1.125rem}
.v4-team-context .person-card>img,.v4-team-context .person-card> .auj-editor-picture > img{background:#eee7db;border-bottom:0.5rem solid #c9b17b}
.v4-team-context .person-card{background:#f1eee5;padding:0.75rem 0.75rem 0}
.v4-team-context .person-card>img,.v4-team-context .person-card> .auj-editor-picture > img{width:100%}
.v4-quality-row{grid-template-columns:2.5rem 1fr 1.4fr 1.2fr;align-items:center;gap:1.5rem}
.v4-quality-row>.v4-art{padding:1.125rem}
.v4-quality-row .art-brandline{font-size:0.4375rem}
.v4-quality-row .art-bottom>strong{font-size:5cqw}
.v4-quality-row .art-bottom>small{font-size:3cqw}
.v4-quality-row>p{font-size:0.875rem}
.v4-photo-intro{max-width:75rem;display:grid;grid-template-columns:1fr 1fr;gap:2.8125rem;align-items:center;padding:2.8125rem 0}
.v4-photo-intro>.section-heading{text-align:left;margin:0;padding:1.875rem}
.v4-photo-intro>.section-heading>p{margin-left:0}
.v4-intro-photo{position:relative;min-width:0}
.v4-intro-photo img{width:100%;aspect-ratio:1;object-fit:contain}
.v4-intro-photo>.placeholder-label{position:absolute;bottom:0.75rem;left:0.75rem;max-width:calc(100% - 1.5rem);font-size:0.5625rem}
.v4-utility-intro{max-width:75rem;display:grid;grid-template-columns:1fr 1fr;gap:2.8125rem;align-items:center;padding:2.8125rem 0}
.utility-copy{padding:1.875rem}
.utility-copy>.section-heading{text-align:left}
.v4-utility-intro>.v4-art{aspect-ratio:1.4}
.utility-copy .button{margin:0.3125rem 0.3125rem 0.3125rem 0}
.community-note-visual{float:left;width:34%;margin:0 2.5rem 1.5625rem 0}
.community-note-visual img{width:100%;aspect-ratio:1;object-fit:contain}
.review-controls-section:after{content:'';display:block;clear:both}
.directory-index{font-size:4rem;letter-spacing:-.07em;color:#b99b59;line-height:1;margin-bottom:1.5rem;display:block}
.contact-directory article:nth-child(2n){background:#eee7d7}
.contact-directory article{padding:1.875rem}
.policy-groups>section>.v4-art{width:100%;aspect-ratio:2.6;margin-bottom:1.875rem;display:grid;grid-template-columns:1fr 1fr;gap:1.375rem;padding:1.875rem;container-type:normal}
.policy-groups .art-brandline{grid-column:1/-1;margin:0}
.policy-groups .art-utility{font-size:3.125rem}
.policy-groups .art-bottom{margin:0}
.policy-groups .art-bottom strong{font-size:1.625rem}
.policy-groups .art-bottom small{font-size:0.75rem}
.v4-guide-summary,.v4-use-summary{max-width:50rem}
.v4-guide-summary>.v4-art,.v4-use-summary>.v4-art{aspect-ratio:1.5}
.article-image>.v4-art{aspect-ratio:1.45}
.article-fact{margin:1.75rem 0 2.8125rem}
.article-fact>.v4-art{aspect-ratio:1.6}
.article-fact .art-brandline{font-size:0.6875rem}
.article-fact .art-equation b{font-size:17cqw}
.article-fact .art-dots{width:35%;gap:0.4375rem;margin:0.75rem 0}
.article-fact .art-dots i{max-width:0.75rem}
.article-fact .art-duo b{font-size:11cqw}
.article-fact .art-label{grid-template-columns:1fr 1fr;gap:1.25rem}
.article-fact .art-label span{font-size:4cqw}
.article-fact .art-total{font-size:11cqw}
.article-fact .art-components b{font-size:6cqw}
.article-fact .art-bottom strong{font-size:4.5cqw}
.article-fact .art-bottom small{font-size:2.2cqw}
.article-fact .art-origin{grid-template-columns:1fr 1fr;align-items:center}
.article-fact .art-origin b{font-size:14cqw}
.article-fact .art-origin strong{font-size:7cqw}
.article-fact .art-origin i{display:none}
.article-fact .art-origin span{font-size:2.8cqw}
.journal-card>.v4-art,.journal-card>a>.v4-art{aspect-ratio:1;padding:1.25rem}
.journal-card .art-brandline{font-size:0.5rem}
.journal-card .art-bottom strong{font-size:5cqw}
.journal-card .art-bottom small{font-size:3cqw}
.journal-card .art-label{gap:0.5rem}
.journal-card .art-label span{font-size:4.5cqw;padding-bottom:0.375rem}
.journal-card .art-label b{font-size:0.5rem;margin-right:0.5rem}
.journal-card .art-records span{padding:0.5rem}
.journal-card .art-duo{gap:0.625rem}
.journal-card .art-duo b{font-size:12cqw}
.journal-card .art-duo b small{margin:0.3125rem 0 0.625rem}
.newsletter{border-top:1px solid #c8b78f}
.hero-noir .hero-copy{background:#1a1b17}
.hero-noir .hero-copy h1{font-size:clamp(2.625rem,4.5vw,4.375rem)}
.hero-noir .hero-media img{height:auto;aspect-ratio:1;max-height:none}
.hero-noir{align-items:stretch;min-height:0}
@media(max-width:1000px){
.v4-quality-row{grid-template-columns:1.875rem 1fr 1.6fr}
.v4-quality-row>.v4-art{grid-column:2/-1;max-width:28.125rem;justify-self:center}
.v4-photo-intro,.v4-utility-intro{margin:0 1.5rem;gap:1.25rem}
.v4-photo-intro>.section-heading,.utility-copy{padding:1.25rem}
.ingredient-fact-panel>.v4-art{grid-template-columns:1fr 2fr;gap:1.5625rem}
.ingredient-fact-panel .art-bottom{grid-column:1/-1}
.split-media>.v4-art{min-height:21.875rem}}
@media(max-width:750px){
.hero-noir .hero-copy h1{font-size:2.6875rem}
.v4-art{padding:1.625rem}
.art-brandline{font-size:0.5625rem}
.v4-photo-intro,.v4-utility-intro{display:flex;flex-direction:column;align-items:stretch;margin:0 1.125rem;padding:1.75rem 0;gap:1.375rem}
.v4-photo-intro>.section-heading,.utility-copy{padding:0.9375rem 0.3125rem;margin:0}
.v4-utility-intro>.v4-art{aspect-ratio:1.2}
.ingredient-hero>.v4-art{padding:1.75rem}
.split-media>.v4-art{height:auto;min-height:0;aspect-ratio:1}
.ingredient-fact-panel>.v4-art{display:flex;flex-direction:column;align-items:stretch;padding:1.75rem;gap:1.375rem;container-type:inline-size}
.ingredient-fact-panel .art-brandline{margin:0}
.ingredient-fact-panel .art-duo b{font-size:12cqw}
.ingredient-fact-panel .art-duo em{font-size:4cqw}
.ingredient-fact-panel .art-duo b small{font-size:3.3cqw}
.ingredient-fact-panel .art-duo>span>small{font-size:3cqw}
.ingredient-fact-panel .art-components{margin-top:0}
.ingredient-fact-panel .art-components b{font-size:9cqw}
.ingredient-fact-panel .art-total{font-size:20cqw}
.ingredient-fact-panel .art-unit b{font-size:22cqw}
.v4-quality-row{gap:1rem;grid-template-columns:1.5rem 1fr}
.v4-quality-row>p{grid-column:2}
.v4-quality-row>.v4-art{grid-column:2;width:100%;padding:1.5625rem}
.v4-quality-row .art-brandline{font-size:0.5625rem}
.v4-quality-row .art-bottom>strong{font-size:6cqw}
.v4-quality-row .art-bottom>small{font-size:3.2cqw}
.community-note-visual{float:none;width:100%;max-width:23.75rem;margin:0 auto 1.75rem}
.contact-directory article{padding:1.375rem}
.directory-index{font-size:3.125rem}
.policy-groups>section>.v4-art{display:flex;aspect-ratio:1.5;gap:1.125rem;padding:1.5625rem}
.policy-groups .art-utility{font-size:2.25rem}
.policy-groups .art-bottom strong{font-size:1.5rem}
.article-image>.v4-art,.article-fact>.v4-art{aspect-ratio:1;min-height:0}
.article-fact .art-label{grid-template-columns:1fr;gap:0.75rem}
.article-fact .art-label span{font-size:5cqw}
.article-fact .art-equation b{font-size:22cqw}
.article-fact .art-bottom strong{font-size:6cqw}
.article-fact .art-bottom small{font-size:3cqw}
.article-fact .art-total{font-size:18cqw}
.article-fact .art-components b{font-size:9cqw}
.article-fact .art-origin{display:flex;flex-direction:column;align-items:flex-start}
.article-fact .art-origin b{font-size:18cqw}
.article-fact .art-origin strong{font-size:10cqw}
.article-fact .art-origin span{font-size:3.5cqw}
.v4-guide-summary>.v4-art,.v4-use-summary>.v4-art{aspect-ratio:1}
.ingredient-grid .art-bottom>small{font-size:3cqw}
.v4-label-card .v4-art{padding:1.125rem}
.v4-people-editorial .person-card h3{font-size:1rem}
.v4-team-context .person-card{padding:0.5rem 0.5rem 0}}

/* Compact artwork retains every data entry without scaling the original photograph. */
.card-media,.journal-card{container-type:inline-size}
.card-media .v4-art,.journal-card .v4-art{padding:7cqw;gap:5cqw}
.card-media .art-brandline,.journal-card .art-brandline{font-size:3.3cqw;line-height:1.3;margin:0}
.card-media .art-bottom,.journal-card .art-bottom{display:none}
.card-media .art-formula{gap:6cqw 4cqw;grid-template-columns:repeat(2,minmax(0,1fr))}
.card-media .art-formula span{gap:3cqw;padding-top:4cqw}
.card-media .art-formula b{font-size:9cqw;white-space:nowrap}
.card-media .art-formula small{font-size:5cqw}
.card-media .art-equation b,.journal-card .art-equation b{font-size:25cqw}
.card-media .art-dots,.journal-card .art-dots{gap:4cqw;margin:5cqw 0;width:75%}
.card-media .art-dots i,.journal-card .art-dots i{max-width:none}
.card-media .art-records,.journal-card .art-records{gap:5cqw}
.card-media .art-records span,.journal-card .art-records span{padding:4cqw;font-size:5cqw;gap:3cqw}
.card-media .art-records small,.journal-card .art-records small{font-size:4cqw}
.card-media .art-brand small{font-size:4cqw;margin-top:10cqw}
.journal-card .art-label{gap:6cqw}
.journal-card .art-label span{font-size:6cqw;padding-bottom:5cqw}
.journal-card .art-label b{font-size:4cqw;margin-right:4cqw}
.journal-card .art-duo{gap:5cqw}
.journal-card .art-duo b{font-size:14cqw}
.journal-card .art-duo b small{font-size:5cqw;margin:4cqw 0 7cqw}
.journal-card .art-duo em{font-size:6cqw}
.journal-card .art-duo>span>small{font-size:4cqw;margin-top:4cqw}
.v4-art .art-bottom{flex-shrink:0}
@media(max-width:750px){
.three-grid>article>.v4-art{aspect-ratio:1}
.v4-quality-row>.v4-art{aspect-ratio:auto;min-height:18.75rem;gap:1.25rem}
.policy-groups>section>.v4-art{aspect-ratio:auto;min-height:14.375rem}}
/* Small editorial cards keep the detail in the adjacent copy. */
.card-media .art-brandline{visibility:hidden}
.three-grid>article>.v4-art .art-bottom,.science-card>.v4-art .art-bottom{display:none}
.three-grid>article>.v4-art,.science-card>.v4-art{padding:1.25rem}
.three-grid .art-brandline,.science-card .art-brandline{margin-bottom:0.75rem}
.three-grid .art-duo b small,.science-card .art-duo b small{margin:0.3125rem 0 0.625rem}
.three-grid .art-duo>span,.science-card .art-duo>span{padding-top:0.625rem}
.three-grid .art-dots,.science-card .art-dots{width:55%;gap:0.3125rem;margin:0.625rem 0}
.three-grid .art-dots i,.science-card .art-dots i{max-width:0.625rem}
.three-grid .art-rule{padding-top:0.625rem;margin-top:0.625rem}
.three-grid .art-origin{grid-template-columns:1fr 1fr;align-items:center;gap:1.125rem}
.three-grid .art-origin b{font-size:22cqw}
.three-grid .art-origin i{display:none}
.three-grid .art-origin strong{font-size:11cqw}
.three-grid .art-records span{padding:0.4375rem;font-size:4cqw}
.three-grid .art-records small{font-size:3cqw}
.v4-art>.art-path{grid-template-columns:1fr 1.125rem 1fr 1.125rem 1fr;gap:0.375rem}
.art-path span{font-size:14cqw}
.art-path span:last-child{grid-column:auto}
.art-path span small{font-size:3.5cqw}
.art-path i{font-size:5cqw}
.v4-quality-row>.v4-art{aspect-ratio:auto;min-height:20rem;gap:1.25rem}
.ingredient-hero>.v4-art{min-height:23.125rem}
.v4-utility-intro>.v4-kind-privacy{min-height:22.5rem}
.article-fact>.v4-kind-formula{min-height:30rem}
@media(max-width:750px){
 .article-image>.v4-art{min-height:21.875rem}
 .article-fact>.v4-art,.ingredient-disclosure>div>.v4-art,.v4-use-summary>.v4-art{min-height:21.25rem;gap:0.9375rem}
 .article-fact>.v4-kind-formula{min-height:23.125rem}
 .v4-guide-summary>.v4-art,.v4-utility-intro>.v4-kind-path,.split-media>.v4-kind-path{min-height:18.125rem}
 .three-grid>article>.v4-art .art-label span{font-size:5cqw}
}
@media(min-width:751px) and (max-width:1000px){
.three-grid>article>.v4-art,.three-grid>article>img,.three-grid>article> .auj-editor-picture > img{aspect-ratio:1}}
@media(max-width:750px){
 .ingredient-disclosure>div>.v4-art{aspect-ratio:auto;min-height:23.75rem}
 .v4-use-summary>.v4-art{aspect-ratio:auto;min-height:25rem}
}

.v4-kind-sources{--art-bg:#ddd8cb}
.v4-kind-storage{--art-bg:#e4e8df}
.v4-kind-sources .art-duo strong{font-size:7cqw;letter-spacing:-.04em;margin-bottom:1.25rem;font-weight:400}

/* AUJ layout revision, 2026-10-18.
   Geometry: reference/moonjuice/layout-map.json.
   AUJ brand tokens, embedded fonts and button treatments are inherited.
   1440px = 90rem. Desktop UI scale is capped at that baseline; wide layouts
   retain fluid gutters. Mobile keeps its independent responsive rules. */
html { font-size: 16px; }
@media (min-width: 1001px) {
  html { font-size: min(16px, 1.1111111111vw); }
  :root { --page: none; --gutter: 2.2222222222vw; }
  .nav-wrap, .footer-inner, .breadcrumbs, .pdp, .ingredient-detail,
  .editorial-hero, .editorial-sections, .article, .split,
  .category-nav, .v4-photo-intro, .v4-utility-intro {
    width: calc(100% - 2 * var(--gutter));
    max-width: var(--page);
    margin-left: auto;
    margin-right: auto;
  }
  .section:not(.people-section) { width: calc(100% - 2 * var(--gutter)); }
  .section .section { width: 100%; }
  .people-section { padding-inline: var(--gutter); }
  .poster-copy { padding-inline: 3rem; }
  .icon-button svg { width: 1.375rem; height: 1.375rem; }
  .page-intro { max-width: 68rem; }
  .faq-page, .faq-short, .policy-groups, .narrow-copy,
  .seo-prose, .review-controls-section { max-width: 68rem; }
  .article-heading { max-width: 60rem; }
  .article-body { max-width: 56rem; }
  .article-image { max-width: 64rem; }
  .v4-guide-summary, .v4-use-summary { max-width: 68rem; }
}

.home-reference { overflow: clip; }
.home-section { width: calc(100% - 4rem); max-width: none; margin: 0 auto; padding: 3rem 0; }
.home-reference .section-heading { margin-bottom: 1.75rem; }
.home-reference .section-heading h2 { margin: 0 0 .75rem; }
.home-reference .section-heading > p { max-width: 58rem; }
.home-reference .section-heading .text-link { margin-top: .75rem; }
.home-reference .visual-note { margin: 1rem auto 0; max-width: 58rem; }
.home-reference .rail { padding-bottom: 0; }
.home-reference .rail-controls { justify-content: space-between; margin-top: 1rem; }
.home-reference .rail-controls button:disabled { opacity: .25; }
.home-reference .rail-controls[hidden] { display: none; }

/* Hero: one continuous stage, left-hand text over full-width media. */
.home-hero { position: relative; isolation: isolate; min-height: 38.625rem; display: flex; align-items: center; overflow: hidden; background: #191a14; color: #fbf5e9; }
.home-hero-media { position: absolute; inset: 0; z-index: -2; }
.home-hero-media img { position: absolute; right: 0; width: 64%; height: 100%; object-fit: cover; object-position: center; }
.home-hero-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#191a14 0%,#191a14 33%,#191a14e8 43%,#191a1400 63%); }
.home-hero-copy { width: 100%; padding: 3rem 3.125rem 4.5rem; }
.home-hero-copy h1 { max-width: 50%; font-size: 2.75rem; line-height: 1; margin: 1.25rem 0 1.875rem; }
.home-hero-copy > p:not(.eyebrow) { max-width: 40%; font-size: 1.375rem; line-height: 1.4; color: #e9decb; margin-bottom: 2rem; }
.home-hero-copy .eyebrow { color: #d9bd87; letter-spacing: .09em; }
.home-hero-copy .button, .home-banner-copy .button { background: #ead8b0; border-color: #ead8b0; color: #171714; }
.home-hero-copy .button:hover, .home-banner-copy .button:hover { background: #fff4df; border-color: #fff4df; }
.home-hero-copy .hero-caption { display: block; }
.home-benefits { display: flex; align-items: center; justify-content: space-around; gap: 1.125rem; padding: 2.25rem 2rem; background: var(--sand); font: .875rem var(--font-sans); white-space: nowrap; overflow-x: auto; scrollbar-width: none; }

/* Product list: five cards and a hint of the next, matching source geometry. */
.home-formula { width: 100%; }
.home-formula .section-heading { padding-inline: 2rem; }
.home-product-rail { gap: 1rem; scroll-padding-inline: 2rem; padding-inline: 2rem; }
.home-product-card { flex: 0 0 calc((100% - 7rem)/5); min-width: 0; scroll-snap-align: start; display: flex; flex-direction: column; text-align: center; padding: 0 .625rem; }
.home-card-media { display: block; aspect-ratio: 1; overflow: hidden; }
.home-card-media img { width: 100%; height: 100%; object-fit: contain; }
.home-card-copy { flex: 1; display: flex; flex-direction: column; align-items: stretch; gap: .75rem; padding-top: .75rem; }
.home-card-copy h3 { font-size: 1.125rem; margin: 0; min-height: 2.8125rem; display: grid; place-items: center; }
.home-card-copy p { font-size: .875rem; margin: 0; }
.home-card-copy .mono { font-size: .75rem; min-height: 2.25rem; }
.home-card-copy .button { margin-top: auto; padding-inline: .5rem; font-size: .8125rem; }
.home-formula .rail-controls { margin-inline: 2rem; }
.home-standards-rail { gap: 1rem; }
.home-standards-rail article { flex: 0 0 calc((100% - 2rem)/3); min-width: 0; scroll-snap-align: start; text-align: center; }
.home-standards-rail img { width: 100%; aspect-ratio: 1.2698412698; object-fit: cover; background: var(--sand); }
.home-standards-rail h3 { margin: 1.125rem 0 .625rem; }
.home-standards-rail p { font-size: .875rem; line-height: 1.6; max-width: 23rem; margin: auto; }
.home-people { width: 100%; }
.home-people .people-rail { padding-inline: 2rem; scroll-padding-inline: 2rem; }
.home-people .person-card { flex-basis: calc((100% - 3rem)/5); }
.home-people .person-card > img ,.home-people .person-card > .auj-editor-picture > img { width: 70%; aspect-ratio: 1; object-fit: cover; }
.home-people .rail-controls { margin-inline: 2rem; }

/* The two reference feature sections are photo banners, not split columns. */
.home-photo-banner { position: relative; isolation: isolate; width: calc(100% - 4rem); margin: 0 auto 2.25rem; min-height: 25rem; display: grid; place-items: center; overflow: hidden; background: #211d17; color: #fbf5e9; }
.home-photo-banner > img ,.home-photo-banner > .auj-editor-picture > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 43%; }
.home-photo-banner::after { content: ''; position: absolute; inset: 0; z-index: -1; background: #17171485; }
.home-banner-copy { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; width: 100%; padding: 2.5rem; text-align: center; }
.home-banner-copy h2 { font-size: 2.5rem; line-height: 1.1; }
.home-banner-copy p { margin: 0; font-size: 1rem; line-height: 1.5; max-width: 48rem; }
.home-banner-copy .placeholder-label { color: #f0e2c7; border-color: #e3d3af; }
.home-banner-copy small { font: .625rem var(--font-sans); }
.home-guide { min-height: 21rem; margin-top: 2.25rem; }
.home-guide > img ,.home-guide > .auj-editor-picture > img { object-position: center 48%; }
.home-press { padding: 2.25rem 2rem; background: var(--sand); }
.home-press .press-rail { max-width: none; align-items: center; }
.home-press .press-rail > span { text-align: center; }
.home-press .visual-note { margin-top: 1.5rem; }

/* Original blog hierarchy: large lead story + three stacked editorial rows. */
.home-journal { padding-block: 2rem; }
.home-journal .section-heading { margin-bottom: 2.5rem; }
.home-journal-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 1.875rem; }
.home-journal-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.875rem; overflow: visible; }
.home-journal-card { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: center; }
.home-journal-image { display: block; min-width: 0; height: 100%; }
.home-journal-image img { width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; }
.home-journal-copy { min-width: 0; }
.home-journal-copy .eyebrow { font-size: .625rem; margin-bottom: .625rem; }
.home-journal-copy h3 { font-size: 1.125rem; line-height: 1.25; margin-bottom: .75rem; }
.home-journal-copy > p:not(.eyebrow) { font-size: .75rem; margin-bottom: .875rem; }
.home-journal-copy .text-link { font-size: .6875rem; }
.home-journal-lead { display: flex; align-items: flex-end; position: relative; isolation: isolate; padding: 2rem; min-height: 36rem; color: #fbf5e9; }
.home-journal-lead .home-journal-image { position: absolute; inset: 0; z-index: -2; }
.home-journal-lead::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(transparent 25%,#171714bb 100%); }
.home-journal-lead .home-journal-copy { max-width: 38rem; }
.home-journal-lead h3 { font-size: 1.5rem; }
.home-journal-lead .home-journal-copy > p:not(.eyebrow) { font-size: .875rem; }
.home-section-link { text-align: center; margin-top: 2.5rem; }
.home-reference .newsletter { margin-top: 2rem; }

@media (min-width: 750px) and (max-width: 1000px) {
  .home-product-card { flex-basis: calc((100% - 5rem)/3); }
  .home-hero { min-height: 32rem; }
  .home-hero-copy { padding-inline: 2rem; }
  .home-hero-copy > p:not(.eyebrow) { font-size: 1.125rem; max-width: 45%; }
  .home-people .person-card { flex-basis: calc((100% - 1.5rem)/3); }
  .home-journal-grid { grid-template-columns: 1fr; }
  .home-journal-lead { min-height: 30rem; }
  .home-journal-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .home-journal-list .home-journal-card { grid-template-columns: 1fr; align-content: start; }
}
@media (max-width: 749px) {
  .home-section { width: calc(100% - 2.25rem); padding-block: 2.25rem; }
  .home-reference .section-heading { margin-bottom: 1.5rem; }
  .home-reference .section-heading h2 { font-size: 1.75rem; }
  .home-reference .section-heading > p { font-size: .8125rem; }
  .home-hero { min-height: 43rem; align-items: flex-start; }
  .home-hero-media img { width: 100%; height: 74%; bottom: 0; object-position: 58% center; }
  .home-hero-media::after { background: linear-gradient(180deg,#191a14 0%,#191a14 17%,#191a14d9 36%,#191a1400 67%); }
  .home-hero-copy { padding: 2rem 1.125rem; }
  .home-hero-copy h1 { font-size: 1.8125rem; max-width: 80%; margin: .875rem 0 1rem; }
  .home-hero-copy .eyebrow { font-size: .625rem; }
  .home-hero-copy > p:not(.eyebrow) { font-size: .875rem; max-width: 82%; margin-bottom: 1.25rem; }
  .home-hero-copy .button { font-size: .6875rem; min-height: 2.75rem; }
  .home-hero-copy .hero-caption { margin-top: 1rem; font-size: .5rem; }
  .home-benefits { justify-content: flex-start; padding: 1.5rem 1.125rem; gap: 2rem; font-size: .75rem; }
  .home-formula, .home-people { width: 100%; }
  .home-formula .section-heading, .home-people .section-heading { padding-inline: 1.125rem; }
  .home-product-rail, .home-people .people-rail { padding-inline: 1.125rem; scroll-padding-inline: 1.125rem; gap: .75rem; }
  .home-product-card { flex-basis: 44%; padding-inline: 0; }
  .home-card-copy { gap: .625rem; }
  .home-card-copy h3 { font-size: .9375rem; min-height: 2.375rem; }
  .home-card-copy p { font-size: .75rem; }
  .home-card-copy .mono { font-size: .5625rem; min-height: 1.75rem; }
  .home-card-copy .button { font-size: .6875rem; padding: .5rem .25rem; min-height: 3.25rem; }
  .home-formula .rail-controls, .home-people .rail-controls { margin-inline: 1.125rem; }
  .home-reference .visual-note { font-size: .5625rem; padding-inline: 1.125rem; }
  .home-standards-rail article { flex-basis: 100%; }
  .home-standards-rail h3 { font-size: 1.25rem; }
  .home-standards-rail p { font-size: .875rem; }
  .home-people .person-card { flex-basis: calc((100% - .75rem)/2); }
  .home-people .person-card .placeholder-label { font-size: .5rem; }
  .home-photo-banner { width: calc(100% - 2.25rem); margin-bottom: 1.5rem; min-height: 30rem; }
  .home-photo-banner > img ,  .home-photo-banner > .auj-editor-picture > img { object-position: center; }
  .home-banner-copy { padding: 2.5rem 1.25rem; gap: 2rem; }
  .home-banner-copy h2 { font-size: 2rem; }
  .home-banner-copy p { font-size: .875rem; }
  .home-banner-copy .button { font-size: .6875rem; padding-inline: 1rem; }
  .home-guide { min-height: 26rem; margin-top: 1.5rem; }
  .home-press { padding: 2.25rem 1.125rem; }
  .home-press .press-rail { gap: 2rem; }
  .home-press .press-rail > span { min-width: 7rem; font-size: 1.5rem; }
  .home-journal-grid { display: block; }
  .home-journal-lead { min-height: 0; aspect-ratio: 1; padding: 1.5rem; }
  .home-journal-lead h3 { font-size: 1.375rem; }
  .home-journal-list { display: flex; overflow-x: auto; gap: 1rem; margin-top: 1rem; }
  .home-journal-list .home-journal-card { display: flex; flex-direction: column; align-items: stretch; flex: 0 0 85%; scroll-snap-align: start; }
  .home-journal-list .home-journal-image { height: auto; }
  .home-journal-copy h3 { font-size: 1.25rem; }
  .home-journal-copy > p:not(.eyebrow) { font-size: .8125rem; }
}

/* Desktop homepage: all four opening sections together fill the viewport.
   --home-top-bars is measured from the actual announcement, header and trust
   strip; the fallback matches their initial sizes before the script runs. */
@media (min-width: 1001px) {
  .home-reference .home-hero {
    height: calc(100vh - var(--home-top-bars, calc(12.8125rem + 1px)));
    height: calc(100dvh - var(--home-top-bars, calc(12.8125rem + 1px)));
    min-height: 0;
    container-type: size;
  }
  .home-reference .home-hero-media {
    left: auto;
    width: min(64%, 132cqh);
  }
  .home-reference .home-hero-media img { width: 100%; }
  .home-reference .home-hero-media::after {
    background: linear-gradient(90deg, #191a14 0%, #191a14e8 12%, #191a1400 43%);
  }
  .home-reference .home-hero-copy { padding-block: min(3rem, 5cqh); }
  .home-reference .home-hero-copy h1 {
    font-size: min(2.75rem, 9cqh);
    margin-block: min(1.25rem, 3cqh) min(1.875rem, 4cqh);
  }
  .home-reference .home-hero-copy > p:not(.eyebrow) {
    font-size: min(1.375rem, 4cqh);
    margin-bottom: min(2rem, 4cqh);
  }
  .home-reference .home-hero-copy .hero-caption { margin-top: min(2rem, 4cqh); }
}

/* Formula section: Moon Juice editorial structure, AUJ content and UI.
   Reference: 48px section padding, 12px intro gaps, 28px intro-to-cards,
   three columns / 16px gap, 800:630 images, 16px card content gaps. */
.home-reference .home-formula { width: calc(100% - 4rem); padding-block: 3rem; }
.home-reference .home-formula .section-heading {
  display: flex; flex-direction: column; align-items: center; gap: .75rem;
  padding-inline: 0; margin-bottom: 1.75rem;
}
.home-reference .home-formula .section-heading h2 { margin: 0; }
.home-reference .home-formula .section-heading > p {
  max-width: none; margin: 0; font-size: .875rem; line-height: 1.5;
}
.home-reference .home-formula .section-heading .text-link { margin: 0; font-size: 1rem; }
.home-formula .home-standard-card {
  display: flex; flex-direction: column; align-items: center; gap: 1rem; height: 100%;
}
.home-formula .home-standard-card img { height: auto; aspect-ratio: 800 / 630; }
.home-formula .home-standard-card h3 { margin: 0; }
.home-formula .home-standard-card p { max-width: none; margin: 0; line-height: 1.5; }
.home-reference .home-formula .rail-controls { margin-inline: 0; }
/* Six featured ingredients: three cards + a preview on desktop, one + a preview
   on phones. Native touch scrolling, card snapping and scoped mouse dragging. */
.formula-ingredients { gap:1.25rem; overscroll-behavior-x:contain; }
.formula-ingredients article { flex-basis:calc((100% - 3 * 1.25rem) / 3.15); }
.formula-ingredients .home-standard-card { gap:.75rem; padding-bottom:.25rem; }
.formula-ingredients .home-standard-card img { aspect-ratio:5 / 4; object-fit:cover; margin-bottom:.375rem; }
.formula-ingredients .formula-dose { color:var(--gold-deep); font-size:.8125rem; font-weight:600; letter-spacing:.04em; line-height:1.4; }
.formula-ingredients .home-standard-card p { max-width:36ch; padding-inline:.75rem; }
.formula-ingredients .home-standard-card .text-link { margin-top:auto; padding-top:.5rem; font-size:.75rem; }
.formula-ingredients:focus-visible { outline:1px solid var(--gold-deep); outline-offset:4px; }
.formula-ingredients .home-standard-card:focus-visible { outline-offset:-3px; }
.formula-ingredients.is-dragging { scroll-snap-type:none; cursor:grabbing; }
.formula-ingredients.is-dragging * { cursor:grabbing; }
.home-reference .home-formula .formula-controls { align-items:center; justify-content:flex-end; gap:.75rem; margin:0 0 1rem; font-size:.75rem; }
.home-reference .home-formula .section-heading > .formula-serving { margin:0; color:var(--gold-deep); font-size:.75rem; line-height:1.4; }
.formula-position { min-width:4rem; text-align:center; font-variant-numeric:tabular-nums; }
.formula-controls button { flex:none; width:44px; height:44px; }
@media (hover:hover) and (pointer:fine) {
  .formula-ingredients, .formula-ingredients a { cursor:grab; user-select:none; }
}
@media (min-width:750px) and (max-width:1100px) {
  .formula-ingredients article { flex-basis:calc((100% - 2 * 1.25rem) / 2.15); }
}
@media (max-width: 749px) {
  .home-reference .home-formula { width: calc(100% - 2.25rem); padding-block: 2.25rem; }
  .home-reference .home-formula .section-heading > p { font-size: .875rem; }
  .formula-ingredients { gap:1rem; }
  .formula-ingredients article { flex-basis:88%; }
  .formula-ingredients .home-standard-card h3 { min-height:2.6em; display:grid; place-items:center; }
  .home-reference .home-formula .formula-controls { justify-content:flex-end; gap:.5rem; }
  .formula-position { min-width:3.25rem; }
}

/* Desktop type refinement, 2026-10-19.
   Reference sources and rationale: reference/typography/summary.json.
   Keep the page wide while giving text and controls a readable upper size. */
@media (min-width: 1001px) {
  .home-reference .home-section:not(.home-people), .home-photo-banner {
    width: calc(100% - 2 * var(--gutter));
  }
  .home-people .people-rail, .home-people .section-heading,
  .home-journal .section-heading { padding-inline: var(--gutter); }
  .home-people .people-rail { scroll-padding-inline: var(--gutter); }
  .home-people .rail-controls { margin-inline: var(--gutter); }
  .home-reference .home-hero-copy { padding-inline: 3.4722222222vw; }
  .home-reference .home-hero-copy h1 {
    font-size: min(2.5rem, 9cqh);
    line-height: 1.08;
    max-width: min(50%, 36rem);
  }
  .home-reference .home-hero-copy > p:not(.eyebrow) {
    font-size: min(1.125rem, 4cqh);
    line-height: 1.5;
    max-width: min(40%, 34rem);
  }
  .home-reference .section-heading h2 { font-size: 1.875rem; line-height: 1.2; }
  .home-formula .home-standard-card h3 { font-size: 1.25rem; line-height: 1.3; }
  .home-formula .home-standard-card p { max-width: 50ch; line-height: 1.6; }
  .home-reference .home-formula .section-heading .text-link { font-size: .8125rem; }
  .home-banner-copy h2 { font-size: 2.25rem; }
  .home-journal-copy > p:not(.eyebrow) { font-size: .875rem; line-height: 1.5; }
  .home-journal-copy .text-link { font-size: .75rem; }
}
/* Unified commercial-use typography, 2026-10-19.
   One family throughout; weight and spacing provide the hierarchy. */
body {
  font-optical-sizing: auto;
  font-kerning: normal;
  font-feature-settings: "liga" 1, "calt" 1;
}
button, input, select, textarea { font-family: var(--font-sans); }
h1, h2, h3 { letter-spacing: -.025em; }
.button { font-weight: 600; }
.mono, .eyebrow, .nav-note, .card-tag, .purchase-title,
.newsletter label, .tabs button, .footer-inner > div > h3 {
  font-weight: 500;
  letter-spacing: .04em;
}
.home-hero-copy .eyebrow {
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .1em;
}
.home-hero-copy .hero-caption {
  font-size: .75rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: .045em;
}
.home-benefits, .benefit-strip {
  font-size: .75rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .045em;
}
.press-rail > span { font-weight: 500; letter-spacing: -.025em; }
@media (max-width: 749px) {
  .home-hero-copy .eyebrow, .home-hero-copy .hero-caption,
  .home-benefits, .benefit-strip { font-size: .6875rem; }
}
/* Shared AUJ footer, 2026-10-19.
   Vital Proteins structure: three 2/12 menus + a 5/12 signup, then social/legal.
   AUJ colors, Inter, square controls, fluid gutter and existing type-size cap. */
.auj-footer { margin-top: 3rem; background: var(--ink); color: var(--paper); }
.auj-footer-shell { width: 100%; padding: 2.5rem var(--gutter) 1.5rem; }
.auj-footer-top { display: flex; align-items: flex-start; justify-content: center; }
.auj-footer .auj-footer-group {
  flex: 0 0 16.666667%; min-width: 0; padding: .75rem 1rem; border: 0;
}
.auj-footer-group > summary {
  padding: 0; margin: 0 0 1.25rem; font-size: .875rem; line-height: 1.5;
  font-weight: 500; letter-spacing: .01em; color: var(--gold-tint); cursor: default;
}
.auj-footer-toggle { display: none; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.3; }
.auj-footer-group ul { margin: 0; padding: 0; list-style: none; }
.auj-footer-group li { margin: 0 0 1rem; }
.auj-footer-group a { display: inline-block; font-size: .8125rem; line-height: 1.5; }
.auj-footer-group a:hover, .auj-footer-form-note a:hover { color: var(--gold-tint); text-decoration: underline; text-underline-offset: .2em; }
.auj-footer-signup { flex: 0 0 41.666667%; min-width: 0; padding-left: 1.25rem; }
.auj-footer-signup h2 { margin: 0 0 .5rem; font-size: 1.875rem; line-height: 1.2; color: var(--gold-tint); }
.auj-footer-signup > p { margin: 0; font-size: .875rem; line-height: 1.5; }
.auj-footer-signup form { margin-top: 1.5rem; }
.auj-footer-signup input {
  display: block; width: 100%; min-width: 0; min-height: 3.125rem; padding: .875rem 1rem;
  border: 1px solid #b5a386; border-radius: 0; background: transparent; color: var(--paper);
  font: inherit; font-size: .875rem; line-height: 1.4; caret-color: var(--gold-tint);
}
.auj-footer-signup input::placeholder { color: #d5cbb8; opacity: 1; }
.auj-footer-signup .button {
  width: 100%; margin-top: .5rem; border-color: var(--gold-tint); background: var(--gold-tint); color: var(--ink);
}
.auj-footer-signup .button:hover { background: var(--paper); border-color: var(--paper); }
.auj-footer-form-note, .auj-footer-form-status { margin: .625rem 0 0; color: #d5cbb8; font-size: .6875rem; line-height: 1.5; }
.auj-footer-form-note a { text-decoration: underline; text-underline-offset: .15em; }
.auj-footer-form-status { margin-top: .375rem; }
.auj-footer-social { margin: .75rem auto 1.75rem; text-align: center; }
.auj-footer-social ul {
  display: flex; align-items: center; justify-content: space-between; width: min(100%, 43.75rem);
  padding: 0; margin: 0 auto; list-style: none;
}
.auj-footer-social-icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; color: var(--gold-tint); }
.auj-footer-social-icon svg { width: 1.5rem; height: 1.5rem; }
.auj-footer-social > p { margin: .25rem 0 0; font-size: .6875rem; line-height: 1.5; color: #d5cbb8; }
.auj-footer-legal { text-align: center; }
.auj-footer-legal > p { margin: 0; color: #d5cbb8; font-size: .6875rem; line-height: 1.65; }
.auj-footer-copyright { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.auj-footer-copyright .logo { width: 4.5rem; height: 1.5rem; }
.auj-footer-copyright p { margin: 0; font-size: .6875rem; line-height: 1.5; color: #d5cbb8; }
.auj-footer :focus-visible { outline-color: var(--gold-tint) !important; }
.auj-footer-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1000px) {
  .auj-footer { margin-top: 2.25rem; }
  .auj-footer-shell { padding: 2rem var(--gutter) 1.5rem; }
  .auj-footer-top { flex-direction: column; }
  .auj-footer-signup { order: -1; flex: auto; width: 100%; padding: 0 0 2rem; }
  .auj-footer-signup h2 { font-size: 1.75rem; }
  .auj-footer-signup input { font-size: 1rem; }
  .auj-footer .auj-footer-group { flex: auto; width: 100%; padding: .75rem 0; border-top: 1px solid #706247; }
  .auj-footer .auj-footer-group:last-of-type { border-bottom: 1px solid #706247; }
  .auj-footer-group > summary { margin: 0; min-height: 2rem; font-size: 1rem; cursor: pointer; }
  .auj-footer-toggle { display: block; }
  .auj-footer-group[open] .auj-footer-plus { opacity: 0; }
  .auj-footer-group ul { padding-top: .625rem; }
  .auj-footer-group li { margin: 0; }
  .auj-footer-group a { display: flex; align-items: center; min-height: 2.75rem; font-size: .875rem; }
  .auj-footer-social { margin: 1.5rem auto; }
  .auj-footer-social ul { max-width: 24rem; }
  .auj-footer-legal > p + p { margin-top: .5rem; }
  .auj-footer-copyright { gap: .5rem .75rem; }
}
/* Header utility controls: Moon Juice SVG geometry and desktop spacing, AUJ theme. */
.nav-wrap .nav-tools { display:flex; align-items:center; gap:0; color:var(--ink); }
.nav-tools > .icon-button { flex:0 0 44px; width:44px; min-width:44px; height:44px; padding:0; border:0; background:transparent; border-radius:0; color:inherit; }
.nav-tools > .icon-button:hover { background:transparent; color:var(--gold-deep); }
.nav-tools > .icon-button svg { display:block; width:22px; height:22px; }
.nav-tools > .header-account svg { width:15px; height:17px; }
.nav-tools > .header-search { margin-right:-2.4px; }
.nav-tools .bag-count { right:0; top:1px; min-width:15px; padding:0 2px; font-size:10px; line-height:15px; }
.header-currency { position:relative; margin-right:1.6px; }
.header-currency-button { display:flex; align-items:center; justify-content:center; gap:4px; height:46px; padding:0 4px; border:0; background:transparent; color:inherit; font-family:var(--font-sans); font-size:14px; font-weight:400; line-height:1; letter-spacing:0; }
.header-currency-button:hover { color:var(--gold-deep); }
.header-currency-button .header-caret { width:13.6px; height:22px; transition:transform .2s; }
.header-currency-button[aria-expanded="true"] .header-caret { transform:rotate(180deg); }
.header-currency-panel { position:absolute; right:0; top:calc(100% + 8px); z-index:60; width:260px; padding:16px; border:1px solid var(--line); background:var(--paper); box-shadow:0 8px 24px #17171414; }
.header-currency-panel[hidden] { display:none; }
.header-currency-panel p { margin:0 0 12px; font-size:12px; color:var(--gold-deep); }
.header-currency-option { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:8px; font-size:14px; font-weight:400; background:var(--sand); text-align:left; }
.header-currency-option > span:last-child { margin-left:auto; white-space:nowrap; }
.account-dialog { width:440px; padding:28px; }
.account-dialog .dialog-top h2 { font-size:24px; }
.account-dialog > p { font-size:14px; line-height:1.6; margin-bottom:24px; }
@media (max-width:749px) {
  .header-currency { display:none; }
  .nav-tools > .header-search { position:absolute; left:44px; margin:0; }
  .nav-wrap > .mobile-menu { width:44px; min-width:44px; height:44px; }
}

/* Moon Juice hero flag and continuous trust strip; AUJ content and typography. */
.home-hero-tag {
  display:inline-block; width:fit-content; padding:4px; border-radius:0;
  background:var(--gold-tint); color:var(--ink); font:700 20px/28px var(--font-sans);
  letter-spacing:0;
}
:is(.home-reference, .v4-page) .home-benefits {
  display:block; height:96px; padding:36px 0; overflow:hidden;
  background:var(--sand); color:var(--ink); font:400 14px/24px var(--font-sans);
  letter-spacing:.025em; white-space:nowrap;
}
.trust-track { display:flex; width:max-content; }
.trust-content { display:flex; flex:none; width:max-content; }
.trust-group { display:flex; align-items:center; flex:none; width:max-content; gap:50px; margin:0; padding:0 50px 0 0; list-style:none; }
.trust-item { display:flex; align-items:center; flex:none; gap:18px; }
.trust-item svg { display:block; flex:none; width:24px; height:24px; color:#69675f; }
.home-benefits[data-ready] .trust-track,
.press-marquee[data-ready] .trust-track { animation:auj-trust-scroll var(--trust-duration,25s) linear infinite; will-change:transform; }
@keyframes auj-trust-scroll {
 to { transform:translate3d(calc(-1 * var(--trust-distance)),0,0); } }
.home-benefits:not([data-ready]), .press-marquee:not([data-ready]) { overflow-x:auto; }
@media (min-width:1001px) {
  .home-reference .home-hero-copy {
    flex:none; width:min(38vw,34rem); margin-left:max(3.4722222222vw,calc(50% - 640px));
    padding: min(3rem,5cqh) 0;
  }
  .home-reference .home-hero-copy h1 { max-width:none; margin-top:min(1.5rem,4cqh); }
  .home-reference .home-hero-copy > p:not(.eyebrow) { max-width:30rem; }
  .home-reference .home-hero-media {
    left:calc(50% - 40px); right:auto; width:min(60vw,1080px,132cqh);
    transform:translateX(-12%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 86%,transparent 100%);
  }
  .home-reference .home-hero-media::after { background:linear-gradient(90deg,#191a14 0%,#191a1400 35%); }
}
@media (max-width:749px) {
  .home-hero-tag { font-size:12px; line-height:17px; }
  :is(.home-reference, .v4-page) .home-benefits { height:72px; padding-block:24px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.home-reference, .v4-page) .home-benefits { overflow-x:auto; }
  .home-benefits[data-ready] .trust-track, .press-marquee[data-ready] .trust-track { animation:none; transform:none; }
  .home-benefits [data-trust-clone], .press-marquee [data-trust-clone] { display:none; }
}

/* Homepage Journal: article metadata and one desktop viewport including sticky header. */
.home-journal-copy h3 { margin:0 0 8px; }
.home-journal-copy > .journal-read-time { margin:0 0 8px; font-size:12px; line-height:18px; }
.journal-keywords { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }
.journal-keywords li { display:block; padding:2px 8px; border:1px solid currentColor; border-radius:var(--button-radius); font:400 12px/18px var(--font-sans); letter-spacing:0; }
.home-journal .journal-all-posts { min-height:44px; padding:10px 28px; border:1px solid var(--ink); background:var(--ink); color:var(--paper); font-size:12px; }
.home-journal .journal-all-posts:hover { background:transparent; color:var(--ink); }
@media (min-width:1001px) {
  .home-reference .home-journal {
    --journal-row-gap:clamp(12px,2vh,24px);
    height:calc(100vh - var(--home-header-height,73px));
    height:calc(100dvh - var(--home-header-height,73px));
    display:grid; grid-template-rows:auto minmax(0,1fr) auto;
    gap:clamp(16px,2.4vh,28px); padding-block:clamp(20px,3vh,40px);
    scroll-margin-top:var(--home-header-height,73px);
  }
  .home-reference .home-journal .section-heading { display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0; padding:0; text-align:center; }
  .home-reference .home-journal .section-heading h2 { margin:0 0 8px; }
  .home-reference .home-journal .section-heading p { margin:0; font-size:14px; line-height:21px; }
  .home-journal-grid { min-height:0; grid-template-rows:minmax(0,1fr); column-gap:clamp(20px,2vw,36px); container-type:size; }
  .home-journal-grid > *, .home-journal-list > * { min-height:0; }
  .home-journal-lead { min-height:0; aspect-ratio:auto; padding:clamp(20px,2vw,32px); }
  .home-journal-lead .home-journal-image img { aspect-ratio:auto; object-position:50% 40%; }
  .home-journal-list { grid-template-rows:repeat(3,minmax(0,1fr)); row-gap:var(--journal-row-gap); }
  .home-journal-list .home-journal-card {
    grid-template-columns:min(42%,calc((100cqh - 2 * var(--journal-row-gap)) / 3)) minmax(0,1fr);
    gap:clamp(12px,1vw,20px); align-items:center;
  }
  .home-journal-list .home-journal-image { width:100%; height:100%; min-height:0; max-height:100%; }
  .home-journal-list .home-journal-image img { height:100%; aspect-ratio:auto; object-fit:cover; }
  .home-journal-list .home-journal-copy { max-width:34rem; }
  .home-journal-list h3 { font-size:18px; line-height:1.3; }
  .home-journal .home-section-link { margin:0; }
}
@media (min-width:1001px) and (max-height:700px) {
  .home-reference .home-journal { padding-block:16px; gap:14px; --journal-row-gap:12px; }
  .home-reference .home-journal .section-heading h2 { font-size:26px; margin-bottom:6px; }
  .home-journal-list h3 { font-size:16px; line-height:1.2; margin-bottom:5px; }
  .home-journal-copy > .journal-read-time { margin-bottom:5px; font-size:11px; line-height:15px; }
  .journal-keywords { gap:4px; }
  .journal-keywords li { padding:2px 6px; font-size:11px; line-height:15px; }
}
@media (max-width:749px) {
  .home-journal-copy > .journal-read-time { font-size:12px; }
  .home-journal .home-section-link { margin-top:24px; }
}
/* Moon Juice Expert Series reference: five portraits, 70% image width, 12px gaps.
   Preserve AUJ typography/colors; source profiles are explicitly labeled. */
.home-reference .home-people .section-heading {
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.home-people .person-card > img ,.home-people .person-card > .auj-editor-picture > img { border-radius:50%; }
.home-people .person-link {
  display:inline-block; padding:.1875rem 0; font-size:.6875rem;
  text-decoration:underline; text-underline-offset:.25rem;
}
.home-people .person-link:hover { color:var(--gold-deep); }
@media(min-width:750px) {
  .home-people .person-card { flex-basis:calc((100% - 3rem)/5); }
}
@media(max-width:749px) {
  .home-people .person-link { font-size:.5625rem; }
}

/* Reference media logo strip for the local demonstration. */
.home-reference .home-press { padding:0; background:var(--sand); }
.press-marquee { display:block; width:100%; padding:36px 0; overflow:hidden; scrollbar-width:none; }
.press-marquee .trust-item img { display:block; width:100px; max-width:none; height:auto; object-fit:contain; }
@media(max-width:989px) {
  .press-marquee { padding-block:25.2px; }
  .press-marquee .trust-group { gap:35px; padding-right:35px; }
}

/* Shared section-description scale: matches the hero introduction.
   These two typography properties override legacy per-component sizes only. */
:root {
  --type-display:2rem;
  --type-section:1.75rem;
  --type-card:1.25rem;
  --type-body:.875rem;
  --type-meta:.75rem;
  --section-description-size:var(--type-body);
}
@media(min-width:750px) {
  :root {
    --type-display:2.5rem;
    --type-section:1.875rem;
    --type-card:1.375rem;
    --type-body:1.125rem;
    --type-meta:.875rem;
  }
}
:is(
  main .section-heading,
  main .home-hero-copy,
  main .home-standard-card,
  main .home-card-copy,
  main .home-banner-copy,
  main .person-card,
  main .product-info,
  main .science-card,
  main .split-copy,
  main .editorial-hero > div,
  main .editorial-row,
  main .three-grid > article,
  main .journal-card,
  main .article-heading,
  main .narrow-copy,
  main .contact-directory > article,
  main .ingredient-disclosure > div,
  main .ingredient-copy,
  main .utility-copy,
  main .reviews-panel,
  main .guide-result,
  main .seo-prose,
  main .product-card,
  main .policy-groups > section,
  .auj-footer-signup
) > p:not(.eyebrow, .mono, .small, .visual-note, .article-meta, .journal-read-time, .signature-placeholder, .quote-placeholder, .product-subtitle, .contact-placeholder) {
  font-size:var(--section-description-size) !important;
  line-height:1.5 !important;
}
:is(.home-reference, .v4-page) .home-benefits {
  --trust-row-height:max(24px,calc(var(--section-description-size) * 1.5));
  font-size:var(--section-description-size); line-height:var(--trust-row-height);
  padding-block:calc((96px - var(--trust-row-height)) / 2);
}
@media(max-width:749px) {
  :is(.home-reference, .v4-page) .home-benefits { padding-block:calc((72px - var(--trust-row-height)) / 2); }
}

/* Header and footer menu items follow the Trust bar type scale. */
.nav-wrap > nav,
.nav-wrap .nav-trigger,
.header-currency-button,
.header-currency-option,
#menu .mobile-nav a,
.auj-footer .auj-footer-group > summary,
.auj-footer .auj-footer-group a {
  font-size:var(--section-description-size);
  line-height:1.5;
}
.nav-wrap .nav-trigger { padding-block:1rem; min-height:44px; }

/* Five semantic text levels for the homepage and shared site chrome.
   At desktop root 16px: 40 / 30 / 22 / 18 / 14px. See reference/typography/type-scale.json. */
.home-reference .home-hero-copy h1 { font-size:var(--type-display); }
.home-reference .section-heading h2,
.home-reference .home-journal .section-heading h2,
.home-reference .home-banner-copy h2,
.home-reference .home-journal-lead h3,
.auj-footer .auj-footer-signup h2 { font-size:var(--type-section); line-height:1.2; }
.home-reference .home-standard-card h3,
.home-reference .home-journal-list h3 { font-size:var(--type-card); line-height:1.25; }
.home-reference .person-card h3 { font-size:var(--type-body); line-height:1.5; }
.home-hero-tag { font-size:var(--type-body); line-height:1.5; }
.announcement,
.home-reference .button,
.home-reference .text-link,
.home-reference .home-formula .section-heading .text-link,
.home-reference .formula-ingredients .home-standard-card .text-link,
.home-reference .home-hero-copy .hero-caption,
.home-reference .home-formula .formula-controls,
.home-reference .home-formula .section-heading > .formula-serving,
.home-reference .formula-dose,
.home-reference .person-link,
.home-reference .home-banner-copy small,
.home-reference .placeholder-label,
.home-reference .home-journal-copy > .journal-read-time,
.home-reference .journal-keywords li,
.header-currency-panel p,
.auj-footer .auj-footer-signup .button,
.auj-footer .auj-footer-form-note,
.auj-footer .auj-footer-form-status,
.auj-footer .auj-footer-legal > p,
.auj-footer .auj-footer-copyright p {
  font-size:var(--type-meta); line-height:1.5;
}
.auj-footer-signup input { font-size:max(16px,var(--type-body)); }
.home-reference .home-journal-list h3,
.home-reference .home-journal-copy > .journal-read-time { margin-bottom:6px; }

/* Vital Proteins footer SVG sizing: h-7/w-7, YouTube h-7/w-8.
   Keep exact desktop pixels despite AUJ's fluid root size. */
@media(min-width:1001px) {
  .auj-footer-social ul { width:min(100%,700px); }
  .auj-footer-social li:not(:last-child) { margin-right:8px; }
  .auj-footer-social-icon { width:auto; height:28px; }
  .auj-footer-social-icon svg { width:28px; height:28px; }
  .auj-footer-social li:first-child svg { width:32px; }
}

/* Mobile art direction: live copy and the complete product have separate rows. */
.home-hero-media picture { display:block; width:100%; height:100%; }
@media(max-width:749px) {
  .home-reference .home-hero { display:flex; flex-direction:column; min-height:0; }
  .home-reference .home-hero-copy { order:0; width:100%; padding:2rem 1.125rem .75rem; }
  .home-reference .home-hero-copy h1,
  .home-reference .home-hero-copy > p:not(.eyebrow) { max-width:100%; }
  .home-reference .home-hero-media { position:relative; inset:auto; order:1; z-index:0; width:100%; }
  .home-reference .home-hero-media img { position:static; display:block; width:100%; height:auto; object-fit:contain; }
  .home-reference .home-hero-media::after { height:10%; bottom:auto; background:linear-gradient(180deg,#191a14,transparent); pointer-events:none; }
}

/* Source mobile carousel: (viewport - 12px gap - 48px peek) / 2. */
@media(max-width:749px) {
  .home-reference .home-people { width:100%; padding:33.6px 0; }
  .home-reference .home-people .section-heading { gap:12px; padding:0 18px; margin:0 0 28px; }
  .home-reference .home-people .section-heading h2,
  .home-reference .home-people .section-heading p { margin:0; }
  .home-people .people-rail { gap:12px; padding:0; scroll-padding-inline:0; }
  .home-people .person-card { flex-basis:calc((100% - 12px - 48px) / 2); gap:12px; }
  .home-people .person-card > img ,  .home-people .person-card > .auj-editor-picture > img { width:70%; height:auto; aspect-ratio:auto; }
  .home-reference .home-people .person-card h3 { margin:0; line-height:1.1; }
  .home-reference .home-people .person-link { margin:0; padding:0; font-size:var(--type-body); line-height:1.6; }
  .home-reference .home-people .rail-controls { display:none; }
}

/* Desktop: return 28px at the 1440px baseline to the hero within one viewport. */
@media(min-width:1001px) {
  .nav-wrap { height:4rem; }
  .nav-wrap > nav { height:100%; }
  .nav-wrap .nav-group { height:100%; display:flex; align-items:center; }
  .nav-wrap .nav-trigger { height:100%; padding-block:0; }
  .nav-wrap .nav-dropdown { top:100%; }
  :is(.home-reference, .v4-page) .home-benefits { height:76px; padding-block:calc((76px - var(--trust-row-height)) / 2); }
  .auj-footer-shell { padding-block:4rem 2.5rem; }
  .auj-footer-top { column-gap:1.25rem; }
  .auj-footer-group li { margin-bottom:1.25rem; }
  .auj-footer-social { margin:2rem auto 2.25rem; }
  .auj-footer-legal > p + p { margin-top:.5rem; }
  .auj-footer-copyright { margin-top:1.75rem; }
}

/* Ingredient actions share the link's row; touch devices use the card rail. */
.formula-heading-actions { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; width:100%; min-height:44px; }
.formula-heading-actions > .text-link { grid-column:2; }
.home-reference .home-formula .formula-heading-actions .formula-controls { grid-column:3; justify-self:end; margin:0; }
@media(max-width:749px) {
  .formula-heading-actions { display:block; min-height:0; }
  .home-reference .home-formula .formula-heading-actions .formula-controls { display:none; }
}

/* Vital Proteins content gallery: four square posts, 20px gaps, edge chevrons.
   AUJ assets, colors and the existing type scale remain in use. */
.home-content { padding:48px 0; margin-bottom:0; background:var(--sand); scroll-margin-top:calc(var(--home-header-height,65px) + 16px); }
.home-reference .home-content .section-heading { display:flex; flex-direction:column; align-items:center; margin:0 0 40px; padding:0 18px; }
.home-content .section-heading > .eyebrow { margin:0 0 16px; color:var(--gold-deep); font-size:var(--type-meta); line-height:1.5; }
.home-reference .home-content .section-heading h2 { margin:0; }
.content-carousel { position:relative; padding-inline:50px; }
.content-rail { gap:20px; cursor:grab; overscroll-behavior-x:contain; }
.content-card { flex:0 0 calc((100% - 60px)/4); min-width:0; display:block; aspect-ratio:1; overflow:hidden; scroll-snap-align:start; padding:0; border:0; border-radius:0; background:var(--paper); -webkit-user-drag:none; user-select:none; cursor:pointer; }
.content-card img { display:block; width:100%; height:100%; object-fit:cover; -webkit-user-drag:none; }
.content-rail.is-dragging { cursor:grabbing; scroll-snap-type:none; }
.content-rail:focus-visible { outline:2px solid var(--gold-deep); outline-offset:5px; }
.content-card:focus-visible { outline:3px solid var(--gold-deep); outline-offset:-4px; }
.content-arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:56px; display:grid; place-items:center; padding:0; border:0; border-radius:0; color:var(--ink); background:transparent; }
.content-arrow-prev { left:3px; }
.content-arrow-next { right:3px; }
.content-arrow svg { width:20px; height:34px; fill:none; stroke:currentColor; stroke-width:3; }
.content-arrow:hover { color:var(--gold-deep); }
.content-arrow:disabled { opacity:.2; cursor:default; }
@media(min-width:750px) and (max-width:1000px) {
  .content-card { flex-basis:calc((100% - 20px)/2); }
}
@media(max-width:749px) {
  .home-content { padding:32px 0; margin-bottom:0; }
  .home-reference .home-content .section-heading { margin-bottom:28px; }
  .content-carousel { padding:0; }
  .content-rail { padding-inline:18px; scroll-padding-inline:18px; gap:16px; }
  .content-card { flex-basis:calc(100% - 36px); }
  .content-arrow { display:none; }
}

/* Local social lightbox: same image / copy split as the reference gallery. */
.social-dialog { width:min(962px,calc(100vw - 48px),calc((100dvh - 48px) * 1.603333)); max-width:none; max-height:calc(100dvh - 48px); margin:auto; padding:0; border:0; background:var(--paper); color:var(--ink); }
.social-dialog::backdrop { background:rgb(0 0 0 / 76%); }
.social-post-layout { display:grid; grid-template-columns:600fr 362fr; }
.social-post-media { position:relative; align-self:start; min-width:0; aspect-ratio:1; background:var(--sand); }
.social-post-image { display:block; width:100%; height:100%; object-fit:contain; }
.social-close { position:absolute; z-index:2; top:12px; right:12px; display:grid; place-items:center; width:36px; height:36px; padding:6px; border:0; border-radius:0; color:var(--ink); background:var(--paper); }
.social-close svg,.social-post-arrow svg,.social-post-likes svg { fill:none; stroke:currentColor; stroke-width:1.5; }
.social-close:hover,.social-post-arrow:hover { color:var(--gold-deep); }
.social-post-arrow { position:absolute; top:50%; transform:translateY(-50%); width:36px; height:40px; display:grid; place-items:center; padding:0; border:0; border-radius:0; background:var(--paper); color:var(--ink); }
.social-post-prev { left:0; }
.social-post-next { right:0; }
.social-post-copy { min-width:0; display:flex; flex-direction:column; gap:18px; padding:44px 28px 20px; font-size:var(--type-meta); line-height:1.5; }
.social-post-account { display:flex; align-items:center; gap:14px; }
.social-post-author { display:flex; align-items:center; gap:12px; min-width:0; font-weight:600; }
.social-post-avatar { width:40px; height:40px; flex-shrink:0; border-radius:50%; }
.social-post-handle { overflow-wrap:anywhere; }
.social-post-likes { display:flex; align-items:center; gap:4px; margin-left:auto; color:#76736c; white-space:nowrap; }
.social-post-likes[hidden] { display:none; }
.social-post-caption { margin:0; white-space:pre-line; }
.content-card { position:relative; }
.content-cover-title { position:absolute; inset:7% 6% auto; color:#fff; font-size:var(--type-section); font-weight:600; line-height:1.12; letter-spacing:-.035em; white-space:pre-line; text-align:left; text-shadow:0 1px 14px #0005; pointer-events:none; }
.content-card[data-cover-tone="dark"] .content-cover-title { color:#171714; text-shadow:none; }
.social-post-source { align-self:flex-start; margin:0; text-underline-offset:4px; text-decoration:underline; }
.social-post-share { display:flex; gap:8px; padding-top:24px; margin-top:auto; }
.social-post-share a { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--ink); color:var(--paper); }
.social-post-share a:hover { background:var(--gold-deep); }
.social-post-share svg { width:14px; height:14px; fill:currentColor; }
.social-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:749px) {
  .social-dialog { width:calc(100vw - 32px); max-height:calc(100dvh - 32px); }
  .social-post-layout { grid-template-columns:1fr; }
  .social-post-copy { padding:24px; gap:16px; }
  .social-post-share { padding-top:8px; }
  .social-close { top:8px; right:8px; }
}

/* Editorial update: original product pixels, one viewport desktop hero. */
.hero-product-card { display:flex; align-items:center; gap:20px; padding:20px 24px; color:#fffaf0; background:rgba(242,235,216,.16); border:1px solid rgba(244,233,205,.4); border-radius:6px; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 8px 28px #0002; }
.hero-product-thumb { display:grid; place-items:center; width:60px; flex-shrink:0; }
.hero-product-thumb img { width:52px; height:108px; object-fit:contain; }
.hero-product-details { display:flex; flex-direction:column; gap:6px; font-size:var(--type-meta); line-height:1.4; }
.hero-product-details strong { font-size:var(--type-card); font-weight:600; line-height:1.25; }
.hero-product-kicker { color:#ead8b0; font-size:var(--type-meta); }
.hero-product-link { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:6px; text-decoration:underline; text-underline-offset:4px; }
.hero-product-card:hover { background:rgba(242,235,216,.24); }
.home-routine { padding:64px var(--gutter) 32px; background:var(--sand); }
.home-routine .section-heading { margin-bottom:32px; text-align:center; }
.home-routine .section-heading h2 { font-size:var(--type-section); margin-bottom:12px; }
.home-routine .section-heading p { font-size:var(--type-body); line-height:1.5; margin:0; }
.routine-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; overflow:visible; }
.routine-card { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; overflow:hidden; border-radius:5px; background:#33362e; color:#fffaf0; }
.routine-card > img ,.routine-card > .auj-editor-picture > img { display:block; width:100%; aspect-ratio:1.05; object-fit:cover; }
.routine-card::before { content:''; position:absolute; inset:0; z-index:-1; background-image:var(--routine-image); background-size:cover; background-position:center bottom; }
.routine-card-copy { position:relative; flex:1; display:flex; flex-direction:column; padding:24px; background:var(--frosted-black-bg); -webkit-backdrop-filter:var(--frosted-photo-filter); backdrop-filter:var(--frosted-photo-filter); border-top:1px solid #ffffff24; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .routine-card-copy { background:rgba(0,0,0,.72); } }
.routine-question { color:#ead8b0; font-size:var(--type-meta); margin:0 0 12px; }
.routine-card h3 { font-size:var(--type-card); line-height:1.2; margin:0 0 12px; }
.routine-card-copy > p:not(.routine-question) { font-size:var(--type-body); line-height:1.5; margin:0 0 24px; }
.routine-card .text-link { margin-top:auto; align-self:flex-start; font-size:var(--type-meta); color:inherit; }
.routine-source { font-size:var(--type-meta); line-height:1.5; text-align:center; margin:24px 0 0; color:var(--muted); }
.routine-source a { text-decoration:underline; text-underline-offset:3px; }
@media (min-width:1001px) {
  .home-reference .home-hero-copy { width:min(30vw,31rem); margin-left:var(--gutter); padding-inline:0; align-self:center; transform:translateY(-3cqh); }
  .home-reference .home-hero-media { inset:0; width:100%; transform:none; mask-image:none; }
  .home-reference .home-hero-media img { inset:0; width:100%; max-width:none; height:100%; object-fit:cover; object-position:70% center; mask-image:none; }
  .home-reference .home-hero-media::after { display:block; background:linear-gradient(90deg,#231d1494 0%,#231d1480 30%,#231d1420 45%,transparent 60%); }
  .hero-product-card { position:absolute; right:var(--gutter); bottom:24px; width:clamp(250px,22vw,328px); max-width:32%; padding:16px; gap:12px; background:rgba(25,26,20,.64); }
  .hero-product-card:hover { background:rgba(25,26,20,.76); }
  .hero-product-thumb { width:42px; }
  .hero-product-thumb img { width:38px; height:80px; }
  .hero-product-kicker { display:none; }
}
@media (min-width:750px) and (max-width:1000px) {
  .home-reference .home-hero { min-height:650px; }
  .home-reference .home-hero-copy { width:calc(40% - var(--gutter)); margin-left:var(--gutter); padding:32px 0 120px; }
  .home-reference .home-hero-copy h1, .home-reference .home-hero-copy > p:not(.eyebrow) { max-width:100%; }
  .home-reference .home-hero-media { inset:20px 0 140px 40%; width:60%; }
  .home-reference .home-hero-media img { right:0; width:auto; max-width:100%; height:100%; object-fit:contain; mask-image:linear-gradient(90deg,transparent,#000 10%,#000 95%,transparent),linear-gradient(transparent,#000 8%,#000 92%,transparent); mask-composite:intersect; }
  .home-reference .home-hero-media::after { display:none; }
  .hero-product-card { position:absolute; bottom:24px; right:var(--gutter); width:350px; }
  .routine-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1001px) and (max-height:700px) {
  .hero-product-card { bottom:16px; padding:12px 18px; gap:16px; }
  .hero-product-thumb img { height:76px; width:38px; }
  .hero-product-details { gap:3px; }
  .hero-product-kicker { display:none; }
  .home-reference .home-hero-copy h1 { margin-block:12px; }
}
@media (max-width:749px) {
  .home-reference .home-hero { background:#191a14; padding-bottom:24px; }
  .home-reference .home-hero-media { order:1; margin-top:16px; }
  .home-reference .home-hero-media img { width:100%; height:auto; }
  .home-reference .home-hero-media::after { inset:0; height:auto; background:linear-gradient(#191a14,transparent 6%,transparent 94%,#191a14); }
  .home-reference .home-hero-copy { order:0; padding:24px var(--gutter) 0; margin-top:0; z-index:1; }
  .home-reference .home-hero-copy h1 { margin:14px 0 16px; }
  .home-reference .home-hero-copy > p:not(.eyebrow) { margin-bottom:20px; }
  .hero-product-card { order:2; align-self:stretch; margin:16px var(--gutter) 0; padding:16px 20px; gap:20px; background:linear-gradient(120deg,#c7c5b326,#f5eadb38); }
  .hero-product-thumb { width:44px; }
  .hero-product-thumb img { width:40px; height:84px; }
  .hero-product-kicker { display:none; }
  .hero-product-details { flex:1; }
  .home-routine { padding:40px 0 28px; }
  .home-routine .section-heading { padding:0 20px; margin-bottom:24px; }
  .routine-rail { display:flex; gap:16px; overflow-x:auto; padding:0 18px; scroll-padding:18px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .routine-rail::-webkit-scrollbar { display:none; }
  .routine-card { flex:0 0 calc(100% - 36px); scroll-snap-align:start; }
  .routine-card-copy { padding:20px; }
  .routine-card-copy > p:not(.routine-question) { margin-bottom:20px; }
  .routine-source { padding:0 20px; }
  .content-cover-title { font-size:var(--type-card); }
}
/* Keep cover copy away from faces, and align the routine introduction. */
.home-routine .section-heading { display:flex; flex-direction:column; align-items:center; }
.home-routine .section-heading p { max-width:48rem; margin-inline:auto; text-align:center; }
.content-card[data-cover-placement="bottom"]::after { content:''; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,#0007); pointer-events:none; }
.content-card[data-cover-placement="bottom"] .content-cover-title { inset:auto 6% 7%; z-index:1; }

/* Event label shares the product card’s black-glass finish. */
.home-reference .home-hero-tag { color:#fff8e9; background:var(--frosted-black-bg); border-color:rgba(244,233,205,.4); -webkit-backdrop-filter:var(--frosted-photo-filter); backdrop-filter:var(--frosted-photo-filter); }
.header-shop-now { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 24px; border-radius:999px; background:var(--ink); color:var(--paper); font-size:var(--type-body); font-weight:600; line-height:1.2; white-space:nowrap; }
.header-shop-now:hover { background:var(--gold-deep); }
.header-shop-now:focus-visible { outline:2px solid var(--gold-deep); outline-offset:3px; }
.mobile-nav .mobile-shop-now { margin-bottom:16px; padding:16px; background:var(--ink); color:var(--paper); border:0; }
@media(max-width:1000px) {
 .header-shop-now { display:none; } }
/* Original portrait packshot: keep the whole bottle and tablet grouping in view. */
.routine-card:last-child > img ,/* Original portrait packshot: keep the whole bottle and tablet grouping in view. */
.routine-card:last-child > .auj-editor-picture > img { object-position:50% 68%; }

/* Announcement and navigation move as one stable-height sticky group. */
:is(body > .announcement, .auj-site-announcement) { position:sticky; top:0; z-index:41; }
:is(body > header, .auj-site-header) { top:var(--announcement-height,2.625rem); }
:is(body > .announcement, .auj-site-announcement), :is(body > header, .auj-site-header) { transition:transform .24s ease; }
.header-is-hidden :is(body > .announcement, .auj-site-announcement),
.header-is-hidden :is(body > header, .auj-site-header) { transform:translateY(calc(-1 * var(--site-header-height,7rem))); }

/* Shared roundness: purchase/action buttons and product cards. */
:root { --button-radius:999px; --card-radius:6px; --frosted-black-bg:rgba(0,0,0,.25); --frosted-photo-filter:blur(14px) brightness(.58); }
.button,.header-shop-now,.mobile-nav .mobile-shop-now,.guide-options button { border-radius:var(--button-radius); }
.hero-product-card,.product-card,.home-product-card,.home-card-media,.ingredient-card img,.routine-card { border-radius:var(--card-radius); }
.hero-product-card { padding-block:12px; }
.hero-product-thumb img { height:76px; width:38px; }
.hero-product-details { gap:4px; }
.hero-product-link { margin-top:4px; }
@media(max-width:749px) {
 .hero-product-card { padding-block:12px; }
 .hero-product-thumb img { height:68px; width:34px; } }

/* Each cover keeps its post metadata; shopping and opening a post are distinct. */
.content-open { display:block; width:100%; height:100%; padding:0; border:0; border-radius:0; background:transparent; cursor:pointer; }
.content-card::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(transparent 50%,#0009); transition:background .2s,backdrop-filter .2s,-webkit-backdrop-filter .2s; }
.content-hover { position:absolute; z-index:2; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; opacity:0; pointer-events:none; transition:opacity .2s; }
.content-hover .button { width:55%; min-width:120px; min-height:44px; background:var(--gold-tint); border-color:var(--gold-tint); color:var(--ink); pointer-events:none; }
.content-platform { display:grid; place-items:center; width:48px; height:48px; border:1px solid #fff; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.content-platform svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.6; }
.content-meta { position:absolute; z-index:2; inset:auto 16px 28px; display:grid; justify-items:center; gap:5px; color:#fff; font-size:var(--type-meta); line-height:1.4; pointer-events:none; text-shadow:0 1px 5px #0008; }
.content-handle { font-weight:600; }
.content-likes { display:flex; align-items:center; gap:5px; }
.content-likes svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; }
.home-content.is-keyboard-navigation .content-card:focus-within::after { inset:0; background:var(--frosted-black-bg); -webkit-backdrop-filter:var(--frosted-photo-filter); backdrop-filter:var(--frosted-photo-filter); }
.home-content.is-keyboard-navigation .content-card:focus-within .content-hover { opacity:1; }
.home-content.is-keyboard-navigation .content-card:focus-within .content-hover > * { pointer-events:auto; }
.content-open:focus-visible { outline:3px solid var(--gold-tint); outline-offset:-4px; }
@media(hover:hover) {
 .home-content:not(.is-keyboard-navigation) .content-card:hover::after { inset:0; background:var(--frosted-black-bg); -webkit-backdrop-filter:var(--frosted-photo-filter); backdrop-filter:var(--frosted-photo-filter); }
 .home-content:not(.is-keyboard-navigation) .content-card:hover .content-hover { opacity:1; }
 .home-content:not(.is-keyboard-navigation) .content-card:hover .content-hover > * { pointer-events:auto; }
}
@media(hover:none) {
 .content-hover { opacity:1; justify-content:flex-end; align-items:flex-end; padding:18px; }
 .content-hover .button { width:auto; min-width:110px; pointer-events:auto; padding:10px 16px; }
 .content-platform { position:absolute; top:16px; right:16px; width:40px; height:40px; pointer-events:auto; background:#0003; }
 .content-meta { left:20px; right:auto; bottom:22px; justify-items:start; }
}
@media(prefers-reduced-motion:reduce) {
 .content-hover { transition:none; } }

/* Two hero slides share the same frame; photography stays behind all content. */
.home-hero[data-slide="1"] > .home-hero-media,.home-hero[data-slide="1"] > .home-hero-copy,.home-hero[data-slide="1"] > .hero-product-card { visibility:hidden; pointer-events:none; }
.hero-story { position:absolute; inset:0; z-index:2; overflow:hidden; background:#25271e; color:#fffaf0; }
.hero-story[hidden] { display:none; }
.hero-story picture { display:block; position:absolute; inset:0; }
.hero-story-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; }
.hero-story::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#15181166,transparent 70%); pointer-events:none; }
.hero-story-copy { position:absolute; z-index:1; left:var(--gutter); top:50%; transform:translateY(-50%); width:37%; max-width:36rem; }
.hero-review-line { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; font-size:var(--type-meta); line-height:1.4; }
.hero-review-stars { color:var(--gold-tint); letter-spacing:1px; font-size:var(--type-card); line-height:1; }
.hero-story-copy .hero-story-preview-label { color:var(--gold-tint); font-size:var(--type-meta); line-height:1.4; margin:12px 0 0; }
.hero-story-copy h2 { font-size:var(--type-display); line-height:1.12; margin:20px 0; }
.hero-story-copy > p:not(.hero-story-preview-label) { font-size:var(--type-body); line-height:1.5; margin:0 0 28px; }
.hero-story-copy .button { display:inline-flex; gap:18px; align-items:center; }
.hero-quote { position:absolute; z-index:1; right:var(--gutter); bottom:30px; width:min(31%,460px); padding:24px; border-radius:var(--card-radius); color:var(--ink); background:rgba(248,245,236,.75); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); border:1px solid #ffffff24; }
.hero-quote-mark { display:block; font-size:48px; line-height:.7; font-weight:700; }
.hero-quote-text { font-size:var(--type-card); font-style:italic; line-height:1.4; margin:16px 0 24px; }
.hero-mobile-cta { display:none; }
.hero-quote-person { font-size:var(--type-meta); line-height:1.4; margin:10px 0 0; }
.hero-pagination { position:absolute; z-index:3; bottom:20px; left:var(--gutter); display:flex; align-items:center; gap:10px; padding:3px 8px; border-radius:999px; background:#181a1599; color:#fff; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.hero-pagination button { display:grid; place-items:center; padding:0; border:0; border-radius:50%; width:30px; height:30px; color:inherit; background:transparent; font-size:var(--type-meta); }
.hero-pagination .hero-dot { width:8px; height:8px; background:#ffffff70; outline-offset:5px; }
.hero-pagination .hero-dot[aria-pressed="true"] { background:#fff; }
.hero-pagination .hero-autoplay { width:24px; }
.hero-pagination button:focus-visible { outline:2px solid var(--gold-tint); }
.hero-product-thumb { position:relative; }
@media(min-width:750px) and (max-height:700px) {
 .hero-quote { padding:18px; bottom:20px; }
 .hero-quote-text { margin:12px 0; }
 .hero-story-copy h2 { margin-block:14px; }
 .hero-story-copy > p:not(.hero-story-preview-label) { margin-bottom:18px; } }

/* The former reading guide now leads to a six-question information quiz. */
.routine-quiz { max-width:880px; margin:0 auto 72px; padding:40px; background:var(--sand); border-radius:var(--card-radius); }
.quiz-progress { display:flex; align-items:center; gap:24px; margin-bottom:32px; font-size:var(--type-meta); }
.quiz-progress progress { flex:1; height:6px; accent-color:var(--gold-deep); }
.routine-quiz fieldset { margin:0; padding:0; border:0; }
.routine-quiz legend { font-size:var(--type-section); font-weight:600; line-height:1.2; }
.quiz-hint,.routine-quiz p { font-size:var(--type-body); line-height:1.5; }
.quiz-options { display:grid; gap:12px; margin-top:24px; }
.quiz-options label { display:flex; align-items:center; gap:14px; padding:18px 22px; border:1px solid #a49d8d; border-radius:var(--card-radius); background:var(--paper); cursor:pointer; }
.quiz-options label:has(:checked) { border-color:var(--gold-deep); box-shadow:inset 0 0 0 1px var(--gold-deep); background:#eadbbd; }
.quiz-options input { width:18px; height:18px; accent-color:var(--gold-deep); flex-shrink:0; }
.quiz-options span { font-size:var(--type-body); line-height:1.5; }
.quiz-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:30px; }
.quiz-actions [disabled] { opacity:.4; cursor:default; }
.routine-quiz .quiz-note { font-size:var(--type-meta); color:#5d5c51; margin:28px 0 0; }
.quiz-note a { text-decoration:underline; }
.quiz-error { color:#843f32; }
.quiz-result-grid { display:grid; gap:16px; margin-top:28px; }
.quiz-result-grid article { padding:24px; background:var(--paper); border-radius:var(--card-radius); }
.quiz-result-grid h3 { margin:0 0 10px; font-size:var(--type-card); }
.quiz-result-grid p { margin:0; }
@media(max-width:749px) {
 .routine-quiz { margin:0 18px 40px; padding:24px 18px; }
 .quiz-progress { gap:12px; }
 .quiz-actions .button { flex:1; } }

/* Keep hero and social CTAs legible against photography. */
.hero-story-copy .button { color:var(--ink); background:var(--gold-tint); border-color:var(--gold-tint); }
.hero-story-copy .button:hover,.content-hover .button:hover { background:#fff9e9; color:var(--ink); border-color:#fff9e9; }
/* Full-width Learn menu: brand introduction and four editorial entry points. */
.nav-wrap:has(.learn-mega),.nav-group:has(.learn-mega) { position:static; }
.nav-trigger { display:flex; align-items:center; gap:7px; }
.learn-chevron { transition:transform .18s; }
.nav-group.is-open .learn-chevron { transform:rotate(180deg); }
.nav-dropdown.learn-mega { position:absolute; top:100%; left:0; right:0; width:100%; min-width:0; padding:32px var(--gutter); background:var(--paper); border:0; border-block:1px solid var(--line); box-shadow:0 12px 18px #0000000d; max-height:calc(100dvh - var(--site-header-height)); overflow-y:auto; }
.nav-group.is-open .learn-mega { display:grid; grid-template-columns:minmax(240px,1fr) minmax(0,3fr); gap:48px; }
.learn-intro { align-self:center; }
.learn-intro .eyebrow { color:var(--gold-deep); font-size:var(--type-meta); margin-bottom:12px; }
.learn-intro h2 { font-size:var(--type-card); line-height:1.25; margin-bottom:12px; max-width:320px; }
.learn-intro > p:not(.eyebrow) { font-size:var(--type-body); line-height:1.5; margin-bottom:22px; max-width:360px; }
.learn-mega a.learn-shop { display:flex; width:100%; max-width:340px; padding:12px 24px; background:var(--ink); border-color:var(--ink); color:var(--paper); font-size:var(--type-meta); }
.learn-mega a.learn-shop:hover { background:var(--gold-deep); border-color:var(--gold-deep); }
.learn-intro > p.learn-product-note { font-size:var(--type-meta); color:var(--muted); margin:10px 0 0; max-width:340px; text-align:center; }
.learn-editorial { min-width:0; }
.learn-editorial-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:var(--type-meta); margin-bottom:16px; }
.learn-editorial-heading > span { color:var(--gold-deep); letter-spacing:.035em; }
.learn-mega .learn-editorial-heading a { padding:0; text-decoration:underline; text-underline-offset:4px; }
.learn-articles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.learn-mega .learn-article { display:block; padding:0; min-width:0; font-size:var(--type-body); }
.learn-article img { width:100%; aspect-ratio:1.25; object-fit:cover; border-radius:var(--card-radius); }
.learn-article > span { display:block; margin-top:10px; line-height:1.3; }
.learn-article:hover > span { text-decoration:underline; text-underline-offset:4px; }
.mobile-learn { border:0; }
.mobile-learn summary { border-bottom:1px solid var(--line); padding:16px 0; font-size:var(--type-body); }
.mobile-learn[open] summary svg { transform:rotate(180deg); }
.mobile-learn-links { padding:0 0 16px 16px; }
.mobile-nav .mobile-learn-links a { display:flex; align-items:center; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--line); font-size:var(--type-body); }
.mobile-nav a.mobile-learn-article { display:flex; justify-content:flex-start; align-items:center; gap:16px; }
.mobile-learn-article img { width:64px; height:64px; border-radius:var(--card-radius); object-fit:cover; }
@media(min-width:1001px) and (max-width:1200px) {
 .nav-group.is-open .learn-mega { gap:28px; grid-template-columns:240px minmax(0,1fr); }
 .learn-articles { gap:16px; } }

/* Match the product-card corners across the requested homepage imagery. */
.formula-ingredients .home-standard-card img,
.content-card,.home-photo-banner.home-guide,
.home-journal-card,.home-journal-image { border-radius:var(--card-radius); }
.content-card,.home-photo-banner.home-guide,
.home-journal-lead,.home-journal-image { overflow:hidden; }
.auj-footer-signup input[type="email"] { border-radius:var(--button-radius); padding-inline:24px; }

/* A little more breathing room between sections, without changing card gaps. */
.home-reference .home-formula,.home-reference .home-people { padding-top:calc(3rem + 12px); }
.home-routine { padding-top:76px; }
.home-content { padding-top:60px; }
.home-guide { margin-block:calc(2.25rem + 12px); }
.home-reference .home-journal { margin-bottom:12px; }
@media(max-width:749px) {
 .home-reference .home-formula { padding-top:calc(2.25rem + 8px); }
 .home-reference .home-people { padding-top:41.6px; }
 .home-routine { padding-top:48px; }
 .home-content { padding-top:40px; }
 .home-guide { margin-block:calc(1.5rem + 8px); }
 .home-reference .home-journal { margin-bottom:8px; }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .home-content.is-keyboard-navigation .content-card:focus-within::after { background:rgba(0,0,0,.72); }
 @media(hover:hover) {
 .home-content:not(.is-keyboard-navigation) .content-card:hover::after { background:rgba(0,0,0,.72); } }
}
@media(prefers-reduced-motion:reduce) {
 .content-card::after { transition:none; } }

/* One shared black-glass finish for the hero product card and routine copy. */
.hero-product-card,.hero-product-card:hover {
 background:var(--frosted-black-bg);
 -webkit-backdrop-filter:var(--frosted-photo-filter);
 backdrop-filter:var(--frosted-photo-filter);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .hero-product-card,.hero-product-card:hover { background:rgba(0,0,0,.72); }
}
/* Keep the content cards and media-logo strip closer as one group. */
.home-content { padding-bottom:24px; }
@media(max-width:749px) {
 .home-content { padding-bottom:20px; } }

/* Social glass: 50% black with blur only, without an extra darkening filter. */
.content-card { --frosted-black-bg:rgba(0,0,0,.5); --frosted-photo-filter:blur(14px); }

/* Keep the group centered while separating bottle and copy equally outward. */
.hero-product-card { justify-content:center; column-gap:44px; }
.hero-product-thumb { width:auto; }
.hero-product-details { flex:0 1 auto; min-width:0; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .home-reference .home-hero-tag { background:rgba(0,0,0,.72); }
}

/* Mobile: the header and either banner occupy one stable screen. */
@media(max-width:749px) {
 .home-reference .home-hero { display:block; position:relative; min-height:0; height:calc(100vh - var(--home-header-height,120px)); height:calc(100svh - var(--home-header-height,120px)); padding:0; }
 .home-reference .home-hero-media { position:absolute; inset:0; width:100%; height:100%; margin:0; z-index:-2; }
 .home-reference .home-hero-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; }
 .home-reference .home-hero-media::after { display:block; inset:0; height:auto; background:linear-gradient(180deg,#17171433,transparent 40%); }
 .home-reference .home-hero-copy { position:relative; width:100%; padding:18px; margin:0; transform:none; }
 .home-reference .home-hero-copy h1 { margin:12px 0; }
 .home-reference .home-hero-copy > p:not(.eyebrow) { margin:0 0 16px; max-width:100%; }
 .home-reference .hero-product-card { position:absolute; inset:auto 18px 62px; width:auto; max-width:none; margin:0; padding:12px 18px; gap:44px; }
 .hero-story-copy { top:18px; left:18px; right:18px; width:auto; max-width:none; padding:0; transform:none; }
 .hero-story-copy h2 { font-size:var(--type-display); max-width:none; margin:12px 0; }
 .hero-story-copy > p:not(.hero-story-preview-label) { max-width:none; margin-bottom:14px; }
 .hero-review-line { flex-wrap:nowrap; gap:8px; }
 .hero-review-stars { flex-shrink:0; font-size:var(--type-body); }
 .hero-story-copy > .button { display:none; }
 .hero-quote-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
 .hero-quote-footer .hero-quote-person { margin:0; }
 .hero-quote .hero-mobile-cta { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding-inline:16px; flex-shrink:0; color:var(--ink); background:var(--gold-tint); border-color:var(--gold-tint); }
 .hero-story-copy .hero-story-preview-label { margin-top:8px; }
 .hero-story-image { object-position:center top; }
 .hero-story::after { background:linear-gradient(180deg,#1717144d,transparent 42%); }
 .hero-quote { left:18px; right:18px; bottom:62px; width:auto; margin:0; padding:16px; }
 .hero-quote-mark { font-size:32px; }
 .hero-quote-text { font-size:var(--type-body); margin:10px 0; }
 .hero-quote-person { margin-top:8px; }
 .hero-pagination { bottom:14px; left:18px; }
}
@media(max-width:749px) and (max-height:740px) {
 .home-reference .home-hero-copy,.hero-story-copy { padding-top:12px; }
 .hero-story-copy { top:0; }
 .home-reference .home-hero-copy h1,.hero-story-copy h2 { margin:8px 0; font-size:var(--type-section); }
 .home-reference .home-hero-copy > p:not(.eyebrow),.hero-story-copy > p:not(.hero-story-preview-label) { margin-bottom:10px; }
 .hero-story-copy .hero-story-preview-label { margin-top:5px; }
 .hero-quote { padding:12px 16px; bottom:58px; }
 .hero-quote-mark { font-size:24px; }
 .hero-quote-text { margin:6px 0; }
 .hero-quote-person { margin-top:6px; }
 .home-reference .hero-product-card { bottom:58px; }
}

/* Short phones retain a clear face between the copy and compact quote. */
@media(max-width:749px) and (max-height:740px) {
 .hero-story picture::before { content:''; position:absolute; inset:-12px; background:var(--hero-story-mobile-backdrop,var(--hero-story-backdrop,url('https://img-va.myshopline.com/image/store/1792200743581/ceebc8d406404457a4d1a1e6c11b0387.webp'))) center/cover; filter:blur(12px) brightness(.7); }
 .hero-story-image { inset:0 auto auto 50%; width:auto; height:100%; max-width:none; transform:translateX(-50%); object-fit:contain; mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent); }
 .hero-quote-mark { display:none; }
 .hero-quote-text { font-size:var(--type-meta); margin:0 0 10px; }
}
@media(max-width:749px) and (max-height:620px) {
 .hero-story-copy .hero-story-preview-label { display:none; }
 .hero-story-image { top:54px; height:calc(100% - 100px); mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent); mask-composite:intersect; }
}

/* Preserve the static site geometry across native theme section wrappers. */
.auj-store [id^="shopline-section-"]{display:contents}
.auj-store .auj-product-price{font-size:20px;font-weight:650}
.auj-store #cart-error{color:#ead9ae}
.auj-store .bag-item button{cursor:pointer}

.auj-store [data-quiz-result]{scroll-margin-top:calc(var(--site-header-height,120px) + 16px)}

/* AUJ CONTACT STYLES START */
/* AUJ Contact Us — USWING layout adapted to the shared AUJ type and colour tokens. */
.auj-contact {
  --contact-gutter:max(18px,2.222222vw);
  background:var(--surface);
  font-size:var(--type-body);
  line-height:1.5;
}
.auj-contact .contact-hero { position:relative; height:clamp(300px,32vw,460px); overflow:hidden; background:var(--sand); }
.auj-contact .contact-hero > img ,.auj-contact .contact-hero > .auj-editor-picture > img { width:100%; height:100%; object-fit:cover; object-position:50% 59%; }
.auj-contact .contact-hero-copy { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px var(--contact-gutter); text-align:center; color:var(--ink); }
.auj-contact .contact-hero-copy .eyebrow { margin:0 0 10px; font-size:var(--type-meta); font-weight:600; letter-spacing:.07em; }
.auj-contact h1 { font-size:var(--type-display); line-height:1.08; font-weight:500; }
.auj-contact h2 { font-size:var(--type-section); line-height:1.2; font-weight:500; }
.auj-contact h3 { font-size:var(--type-card); line-height:1.25; font-weight:500; }
.auj-contact p { font-size:var(--type-body); line-height:1.5; }
.auj-contact .contact-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:clamp(48px,8vw,160px); padding:72px var(--contact-gutter) 80px; }
.auj-contact .contact-information,.auj-contact .contact-form-panel { min-width:0; }
.auj-contact .contact-introduction { padding:0 0 30px; border-bottom:1px solid var(--line); }
.auj-contact .contact-introduction .eyebrow { margin:0 0 12px; font-size:var(--type-meta); letter-spacing:.06em; color:var(--gold-deep); font-weight:600; }
.auj-contact .contact-introduction h2 { margin:0 0 18px; }
.auj-contact .contact-introduction > p:last-child { margin:0; max-width:46ch; }
.auj-contact .contact-details { display:grid; gap:28px; margin:30px 0 36px; }
.auj-contact .contact-detail dt { display:flex; align-items:center; gap:14px; font-weight:600; }
.auj-contact .contact-detail dt svg { color:var(--gold-deep); flex:none; }
.auj-contact .contact-detail dd { margin:9px 0 0 38px; color:#665e50; }
.auj-contact .contact-pending { font-style:normal; }
.auj-contact .contact-support-note { margin:12px 0 0; color:var(--ink); max-width:48ch; }
.auj-contact .contact-social { border-top:1px solid var(--line); padding-top:28px; }
.auj-contact .contact-social h3 { margin:0 0 16px; font-size:var(--type-body); font-weight:600; letter-spacing:0; }
.auj-contact .contact-social-icons { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; width:min(100%,440px); margin:0; padding:0; list-style:none; }
.auj-contact .contact-social-icons li { display:flex; margin:0; }
.auj-contact .contact-social-icons span { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:0; border-radius:0; color:var(--gold-deep); }
.auj-contact .contact-social-icons svg { width:28px; height:28px; }
.auj-contact .contact-social-icons [aria-label^="YouTube"] svg { width:32px; }
.auj-contact .contact-social > p { margin:12px 0 0; font-size:var(--type-meta); color:#665e50; }
.auj-contact .contact-form-panel { background:var(--paper); border-radius:6px; overflow:hidden; }
.auj-contact .contact-form-panel > h2 { padding:22px 32px; color:var(--gold-tint); background:var(--ink); text-align:center; }
.auj-contact .contact-message-form { padding:30px clamp(24px,3vw,48px) 32px; }
.auj-contact #contact-form-intro { margin:0 0 12px; }
.auj-contact .contact-form-faq { margin:0 0 24px; font-size:var(--type-meta); }
.auj-contact .contact-form-faq a { display:inline-flex; align-items:center; gap:6px; min-height:44px; text-decoration:underline; text-underline-offset:4px; font-weight:600; }
.auj-contact .contact-form-faq a:hover { opacity:.65; }
.auj-contact .contact-required-note { font-size:var(--type-meta); color:#665e50; margin:0 0 20px; }
.auj-contact .contact-fields { display:grid; gap:20px; }
.auj-contact .contact-field { min-width:0; }
.auj-contact .contact-field label { display:block; font-size:var(--type-body); font-weight:600; margin:0 0 8px; }
.auj-contact .contact-optional { font-weight:400; color:#665e50; }
.auj-contact .contact-field input,.auj-contact .contact-field textarea {
  display:block; width:100%; max-width:100%; margin:0; border:1px solid var(--line);
  background:var(--paper); color:var(--ink); font-family:var(--font-sans);
  font-size:max(16px,var(--type-body)); line-height:1.5; padding:13px 20px;
  transition:border-color .15s,box-shadow .15s; -webkit-appearance:none; appearance:none;
}
.auj-contact .contact-field input { border-radius:999px; min-height:52px; }
.auj-contact .contact-field textarea { border-radius:6px; min-height:152px; resize:vertical; }
.auj-contact .contact-field input::placeholder,.auj-contact .contact-field textarea::placeholder { color:#766f63; opacity:1; }
.auj-contact .contact-field input:hover,.auj-contact .contact-field textarea:hover { border-color:var(--gold-deep); }
.auj-contact .contact-field input:focus-visible,.auj-contact .contact-field textarea:focus-visible { outline:2px solid var(--gold-deep); outline-offset:3px; }
.auj-contact .contact-submit { display:flex; gap:24px; min-height:48px; min-width:224px; margin:28px auto 0; padding:13px 28px; border-radius:999px; font-size:var(--type-meta); text-transform:uppercase; }
.auj-contact .contact-submit:hover { background:var(--gold-tint); color:var(--ink); border-color:var(--gold-deep); }
.auj-contact .contact-preview-note { margin:14px 0 0; text-align:center; font-size:var(--type-meta); color:#665e50; }
.auj-contact .contact-form-status { border-left:2px solid var(--gold-deep); padding:4px 0 4px 16px; margin:20px 0 0; font-size:var(--type-body); }
/* SHOPLINE wraps page content in a section, so the footer is not its adjacent sibling. */
body:has(.auj-contact) .auj-footer { margin-top:0; }
@media(min-width:750px) and (max-width:959px) {
  .auj-contact .contact-layout { grid-template-columns:1fr; gap:40px; padding-block:48px 56px; }
  .auj-contact .contact-information { display:block; }
  .auj-contact .contact-introduction { padding-bottom:24px; }
  .auj-contact .contact-introduction > p:last-child { max-width:64ch; }
  .auj-contact .contact-details { grid-template-columns:repeat(2,minmax(0,1fr)); margin:28px 0; gap:28px 32px; }
  .auj-contact .contact-social { padding-top:24px; }
  .auj-contact .contact-message-form { padding:30px 32px; }
}
@media(max-width:749px) {
  .auj-contact { --contact-gutter:18px; }
  .auj-contact .contact-hero { height:280px; }
  .auj-contact .contact-hero > img ,  .auj-contact .contact-hero > .auj-editor-picture > img { width:145%; max-width:none; object-position:50% 59%; }
  .auj-contact .contact-hero-copy .eyebrow { margin-bottom:8px; }
  .auj-contact .contact-layout { grid-template-columns:1fr; gap:32px; padding:36px var(--contact-gutter) 44px; }
  .auj-contact .contact-introduction { padding-bottom:24px; }
  .auj-contact .contact-introduction h2 { max-width:15ch; margin-bottom:14px; }
  .auj-contact .contact-details { gap:22px; margin:24px 0 28px; }
  .auj-contact .contact-detail dt { gap:12px; }
  .auj-contact .contact-detail dt svg { width:22px; height:22px; }
  .auj-contact .contact-detail dd { margin:7px 0 0 34px; }
  .auj-contact .contact-social { padding-top:24px; }
  .auj-contact .contact-social-icons { gap:10px; }
  .auj-contact .contact-form-panel { border-top:1px solid var(--line); padding-top:28px; background:transparent; border-radius:0; overflow:visible; }
  .auj-contact .contact-form-panel > h2 { padding:0; color:var(--ink); background:transparent; text-align:left; }
  .auj-contact .contact-message-form { padding:18px 0 0; }
  .auj-contact #contact-form-intro { margin-bottom:8px; }
  .auj-contact .contact-required-note { margin-bottom:20px; }
  .auj-contact .contact-fields { gap:18px; }
  .auj-contact .contact-field textarea { min-height:148px; }
  .auj-contact .contact-submit { width:100%; min-width:0; justify-content:space-between; padding-inline:24px; margin-top:24px; }
  .auj-contact .contact-preview-note { margin-top:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .auj-contact .contact-field input,.auj-contact .contact-field textarea,.auj-contact .contact-submit { transition:none; }
}
/* AUJ CONTACT STYLES END */

/* AUJ JOURNAL STYLES START */
/* AUJ adaptation of USWING's photographic journal, featured cards and article/sidebar layout. */
:is(.auj-journal,.auj-article) { --journal-gutter:max(18px,2.222222vw); background:var(--surface,#f3efe7); color:var(--ink); font-size:var(--type-body); line-height:1.5; }
:is(.auj-journal,.auj-article) h1 { font-size:var(--type-display); font-weight:500; line-height:1.12; text-wrap:balance; }
:is(.auj-journal,.auj-article) h2 { font-size:var(--type-section); font-weight:500; line-height:1.2; text-wrap:balance; }
:is(.auj-journal,.auj-article) h3 { font-size:var(--type-card); font-weight:500; line-height:1.25; text-wrap:balance; }
:is(.auj-journal,.auj-article) p { font-size:var(--type-body); line-height:1.5; }
:is(.auj-journal,.auj-article) .eyebrow { font-size:var(--type-meta); font-weight:600; letter-spacing:.06em; }
.auj-journal .journal-hero { position:relative; display:grid; place-items:center; min-height:360px; height:clamp(360px,31vw,460px); overflow:hidden; color:var(--paper); background:var(--ink); }
.auj-journal .journal-hero > img ,.auj-journal .journal-hero > .auj-editor-picture > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 61%; }
.auj-journal .journal-hero::after { content:""; position:absolute; inset:0; background:#0000008f; }
.auj-journal .journal-hero-copy { position:relative; z-index:1; padding:48px var(--journal-gutter); text-align:center; max-width:850px; }
.auj-journal .journal-hero-copy .eyebrow { margin-bottom:16px; }
.auj-journal .journal-hero-copy h1 { margin:0 0 20px; }
.auj-journal .journal-hero-copy > p:last-child { margin:0; }
.auj-journal .journal-collection { padding:56px var(--journal-gutter) 72px; }
.auj-journal .journal-section-heading { margin:0 0 28px; }
.auj-journal .journal-section-heading h2 { margin:0 0 10px; }
.auj-journal .journal-section-heading p { color:#665e50; margin:0; }
.auj-journal .journal-featured-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
:is(.auj-journal,.auj-article) .journal-post { min-width:0; background:var(--paper); border-radius:6px; overflow:hidden; }
:is(.auj-journal,.auj-article) .journal-post-link { display:flex; flex-direction:column; height:100%; }
:is(.auj-journal,.auj-article) .journal-post-image { min-width:0; width:100%; overflow:hidden; aspect-ratio:4/3; background:var(--sand); }
:is(.auj-journal,.auj-article) .journal-post-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
:is(.auj-journal,.auj-article) .journal-post-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:24px; min-width:0; }
:is(.auj-journal,.auj-article) .journal-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin:0 0 14px; color:var(--gold-deep); font-size:var(--type-meta); line-height:1.4; }
:is(.auj-journal,.auj-article) .journal-meta span + span::before { content:"·"; margin-right:16px; }
:is(.auj-journal,.auj-article) .journal-post h3 { margin:0 0 14px; }
:is(.auj-journal,.auj-article) .journal-post-description { margin:0 0 24px; color:#665e50; }
:is(.auj-journal,.auj-article) .journal-read { display:flex; width:100%; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; font-size:var(--type-meta); font-weight:600; text-decoration:underline; text-underline-offset:4px; }
:is(.auj-journal,.auj-article) .journal-read svg { flex:none; transition:transform .2s ease; }
:is(.auj-journal,.auj-article) .journal-post-link:focus-visible { outline-offset:-3px; }
.auj-journal .journal-more { margin-top:56px; }
.auj-journal .journal-post--row .journal-post-link { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr); }
.auj-journal .journal-post--row .journal-post-image { aspect-ratio:1.6; height:100%; min-height:250px; max-height:330px; }
.auj-journal .journal-post--row .journal-post-copy { align-self:center; padding:32px clamp(28px,4vw,72px); }
.auj-journal .journal-post--row h3 { font-size:var(--type-section); max-width:28ch; }
.auj-journal .journal-post--row .journal-post-description { max-width:52ch; }
.auj-journal .journal-post--row .journal-read { width:auto; gap:24px; }
.auj-article .journal-article-cover { height:clamp(280px,29vw,420px); overflow:hidden; background:var(--sand); }
.auj-article .journal-article-cover img { width:100%; height:100%; object-fit:cover; object-position:50% 47%; }
.auj-article[data-page$="how-to-read-auj-label"] .journal-article-cover img { object-position:50% 56%; }
.auj-article .journal-breadcrumb { position:static; display:flex; flex-wrap:wrap; gap:10px; padding:20px var(--journal-gutter); background:var(--paper); border-bottom:1px solid #bdb5a766; font-size:var(--type-meta); color:#665e50; }
.auj-article .journal-breadcrumb a { min-height:24px; display:inline-flex; align-items:center; }
.auj-article .journal-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.auj-article .journal-reading-layout { display:grid; grid-template-columns:minmax(0,2.6fr) minmax(270px,1fr); gap:30px; align-items:start; padding:48px var(--journal-gutter) 72px; }
.auj-article .journal-story { min-width:0; padding:44px clamp(28px,4vw,72px); background:var(--paper); border-radius:6px; }
.auj-article .article-heading { text-align:center; padding:0 0 30px; max-width:70ch; margin:0 auto 36px; border-bottom:1px solid var(--line); }
.auj-article .article-heading .eyebrow { color:var(--gold-deep); margin:0 0 16px; }
.auj-article .article-heading h1 { max-width:26ch; margin:0 auto 20px; }
.auj-article .journal-deck { max-width:50ch; margin:0 auto 20px; color:#665e50; }
.auj-article .journal-byline { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; font-size:var(--type-meta); margin:0; color:var(--gold-deep); }
.auj-article .journal-byline span + span::before { content:"·"; margin-right:16px; }
.auj-article .article-body { width:100%; max-width:66ch; padding:0; margin:0 auto; font-size:var(--type-body); line-height:1.7; }
.auj-article .journal-chapter + .journal-chapter { margin-top:32px; }
.auj-article .journal-chapter h2 { margin:0 0 14px; }
.auj-article .journal-chapter p { margin:0; font-size:var(--type-body); line-height:1.7; }
.auj-article .journal-story-end { max-width:66ch; margin:36px auto 0; padding-top:24px; border-top:1px solid var(--line); }
.auj-article .journal-tags { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0 0 16px; list-style:none; }
.auj-article .journal-tags li { padding:5px 12px; border:1px solid var(--line); border-radius:999px; font-size:var(--type-meta); color:#665e50; }
.auj-article .journal-share { display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; margin-bottom:20px; }
.auj-article .journal-share button { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:0; font-size:var(--type-meta); }
.auj-article .share-status { font-size:var(--type-meta); color:#665e50; }
.auj-article .share-status:empty { display:none; }
.auj-article .journal-product-link { display:flex; justify-content:space-between; gap:20px; padding:20px 0; border-top:1px solid #bdb5a766; font-size:var(--type-body); font-weight:500; text-underline-offset:4px; }
.auj-article .journal-product-link svg { flex:none; align-self:center; }
.auj-article .journal-product-link:hover { text-decoration:underline; }
.auj-article .journal-back { display:flex; gap:14px; width:fit-content; margin:20px auto 0; border-radius:999px; min-height:44px; font-size:var(--type-meta); }
.auj-article .journal-related { min-width:0; }
.auj-article .journal-related > h2 { padding:16px; margin:0 0 20px; text-align:center; background:var(--ink); color:var(--gold-tint); border-radius:6px; font-size:var(--type-card); }
.auj-article .journal-related-list { display:grid; gap:20px; }
.auj-article .journal-post--related .journal-post-copy { padding:20px; }
.auj-article .journal-post--related .journal-meta { font-size:var(--type-meta); gap:4px 8px; }
.auj-article .journal-post--related .journal-meta span + span::before { margin-right:8px; }
.auj-article .journal-post--related .journal-post-description { font-size:var(--type-body); margin-bottom:20px; }
.auj-article .journal-post--related:not(:first-child) .journal-post-link { display:grid; grid-template-columns:88px minmax(0,1fr); gap:16px; align-items:center; padding:18px; }
.auj-article .journal-post--related:not(:first-child) .journal-post-image { aspect-ratio:1; border-radius:6px; }
.auj-article .journal-post--related:not(:first-child) .journal-post-copy { padding:0; }
.auj-article .journal-post--related:not(:first-child) h3 { font-size:var(--type-body); line-height:1.4; margin:0; }
.auj-article .journal-post--related:not(:first-child) .journal-meta { margin-bottom:8px; }
.auj-article .journal-post--related:not(:first-child) .journal-meta span:first-child,
.auj-article .journal-post--related:not(:first-child) .journal-meta span + span::before,
.auj-article .journal-post--related:not(:first-child) .journal-post-description,
.auj-article .journal-post--related:not(:first-child) .journal-read { display:none; }
:is(.auj-journal,.auj-article) + .auj-footer { margin-top:0; }
@media(hover:hover) {
  :is(.auj-journal,.auj-article) .journal-post-link:hover .journal-post-image img { transform:scale(1.025); }
  :is(.auj-journal,.auj-article) .journal-post-link:hover .journal-read svg { transform:translateX(4px); }
  :is(.auj-journal,.auj-article) .journal-post-link:hover h3 { color:var(--gold-deep); }
}
@media(min-width:750px) and (max-width:1099px) {
  .auj-journal .journal-featured-grid { grid-template-columns:1fr; gap:24px; }
  .auj-journal .journal-post .journal-post-link { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); }
  .auj-journal .journal-post-image { height:100%; min-height:245px; }
  .auj-journal .journal-post--row .journal-post-copy { padding:24px; }
  .auj-journal .journal-post--row h3 { font-size:var(--type-card); }
}
@media(max-width:1099px) {
  .auj-article .journal-reading-layout { grid-template-columns:1fr; gap:40px; padding-block:36px 56px; }
  .auj-article .journal-story { padding:40px clamp(24px,6vw,64px); }
  .auj-article .journal-related > h2 { text-align:left; background:none; color:var(--ink); font-size:var(--type-section); padding:0; margin-bottom:24px; }
  .auj-article .journal-related-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .auj-article .journal-post--related .journal-post-link,
  .auj-article .journal-post--related:not(:first-child) .journal-post-link { display:flex; flex-direction:column; align-items:stretch; padding:0; gap:0; }
  .auj-article .journal-post--related .journal-post-image,
  .auj-article .journal-post--related:not(:first-child) .journal-post-image { aspect-ratio:4/3; border-radius:0; }
  .auj-article .journal-post--related .journal-post-copy,
  .auj-article .journal-post--related:not(:first-child) .journal-post-copy { padding:20px; }
  .auj-article .journal-post--related h3,
  .auj-article .journal-post--related:not(:first-child) h3 { font-size:var(--type-card); line-height:1.25; margin:0; }
  .auj-article .journal-post--related .journal-post-description,
  .auj-article .journal-post--related .journal-read,
  .auj-article .journal-post--related .journal-meta span:first-child,
  .auj-article .journal-post--related .journal-meta span + span::before { display:none; }
  .auj-article .journal-post--related .journal-meta { margin:0 0 10px; }
}
@media(max-width:749px) {
  :is(.auj-journal,.auj-article) { --journal-gutter:18px; }
  .auj-journal .journal-hero { height:300px; min-height:0; }
  .auj-journal .journal-hero > img ,  .auj-journal .journal-hero > .auj-editor-picture > img { object-position:52% 56%; }
  .auj-journal .journal-hero-copy { padding:36px 24px; }
  .auj-journal .journal-hero-copy .eyebrow { max-width:29ch; margin:0 auto 14px; }
  .auj-journal .journal-hero-copy h1 { margin-bottom:16px; }
  .auj-journal .journal-hero-copy > p:last-child { max-width:30ch; margin:auto; }
  .auj-journal .journal-collection { padding:36px var(--journal-gutter) 44px; }
  .auj-journal .journal-section-heading { margin-bottom:24px; }
  .auj-journal .journal-section-heading h2 { max-width:19ch; }
  .auj-journal .journal-featured-grid { grid-template-columns:1fr; gap:24px; }
  .auj-journal .journal-post-copy { padding:20px; }
  .auj-journal .journal-post h3 { text-wrap:initial; margin-bottom:12px; }
  .auj-journal .journal-meta { margin-bottom:12px; }
  .auj-journal .journal-post-description { margin-bottom:20px; }
  .auj-journal .journal-read { min-height:28px; }
  .auj-journal .journal-more { margin-top:36px; }
  .auj-journal .journal-post--row .journal-post-link { display:flex; }
  .auj-journal .journal-post--row .journal-post-image { aspect-ratio:4/3; min-height:0; max-height:none; height:auto; }
  .auj-journal .journal-post--row .journal-post-copy { padding:20px; width:100%; }
  .auj-journal .journal-post--row h3 { font-size:var(--type-card); }
  .auj-journal .journal-post--row .journal-read { width:100%; }
  .auj-article .journal-article-cover { height:240px; }
  .auj-article .journal-breadcrumb { padding-block:14px; gap:8px; }
  .auj-article .journal-reading-layout { display:block; padding:0 0 40px; }
  .auj-article .journal-story { border-radius:0; padding:32px var(--journal-gutter); }
  .auj-article .article-heading { margin-bottom:28px; padding-bottom:24px; }
  .auj-article .article-heading .eyebrow { margin-bottom:12px; }
  .auj-article .article-heading h1 { margin-bottom:16px; }
  .auj-article .journal-deck { margin-bottom:16px; }
  .auj-article .journal-chapter h2 { font-size:var(--type-card); line-height:1.3; margin-bottom:12px; }
  .auj-article .journal-chapter + .journal-chapter { margin-top:28px; }
  .auj-article .journal-chapter p { line-height:1.7; }
  .auj-article .journal-story-end { margin-top:28px; padding-top:20px; }
  .auj-article .journal-back { margin-top:16px; }
  .auj-article .journal-related { margin:32px var(--journal-gutter) 0; }
  .auj-article .journal-related > h2 { margin-bottom:24px; }
  .auj-article .journal-related-list { grid-template-columns:1fr; gap:16px; }
  .auj-article .journal-post--related .journal-post-link,
  .auj-article .journal-post--related:not(:first-child) .journal-post-link { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:16px; padding:16px; }
  .auj-article .journal-post--related .journal-post-image,
  .auj-article .journal-post--related:not(:first-child) .journal-post-image { aspect-ratio:1; border-radius:6px; }
  .auj-article .journal-post--related .journal-post-copy,
  .auj-article .journal-post--related:not(:first-child) .journal-post-copy { padding:0; }
  .auj-article .journal-post--related h3,
  .auj-article .journal-post--related:not(:first-child) h3 { font-size:var(--type-body); line-height:1.4; }
  .auj-article .journal-post--related .journal-meta { margin-bottom:6px; }
}
@media(max-width:359px) {
  .auj-article .journal-post--related .journal-post-link,
  .auj-article .journal-post--related:not(:first-child) .journal-post-link { grid-template-columns:72px minmax(0,1fr); gap:12px; padding:14px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.auj-journal,.auj-article) .journal-post-image img,
  :is(.auj-journal,.auj-article) .journal-read svg { transition:none; }
}

/* AUJ JOURNAL STYLES END */

/* AUJ BRAND STYLES START */
/* AUJ brand story: reference sequence, existing AUJ type scale and components. */
.auj-brand { --brand-gutter:max(18px,2.222222vw); color:var(--ink); background:var(--paper); }
.auj-brand h1 { font-size:var(--type-display); font-weight:500; line-height:1.12; }
.auj-brand h2 { font-size:var(--type-section); font-weight:500; line-height:1.18; }
.auj-brand h3 { font-size:var(--type-card); font-weight:500; line-height:1.25; }
.auj-brand p { font-size:var(--type-body); line-height:1.55; }
.auj-brand .eyebrow { color:var(--gold-deep); font-size:var(--type-meta); font-weight:500; letter-spacing:.055em; line-height:1.5; margin-bottom:16px; }
.auj-brand .text-link { font-size:var(--type-meta); line-height:1.5; }
.auj-brand .text-link > span { display:inline-block; margin-left:8px; }
.auj-brand .button { gap:16px; font-size:var(--type-meta); min-height:44px; padding:13px 24px; border-radius:999px; }
.auj-brand .button > span { flex-shrink:0; }
.brand-pad { padding-inline:var(--brand-gutter); }
.brand-intro { display:grid; grid-template-columns:1fr 1fr; padding:24px var(--brand-gutter) 40px; align-items:stretch; }
.brand-intro-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px clamp(28px,5vw,96px) 48px 0; }
.brand-intro h1 { margin-bottom:24px; }
.brand-intro-copy > p:not(.eyebrow) { max-width:49ch; margin-bottom:16px; }
.brand-intro-copy > .text-link { margin-top:12px; }
.brand-intro-art { position:relative; min-width:0; overflow:hidden; border-radius:6px; min-height:420px; }
.brand-intro-art > img:first-child ,.brand-intro-art > .auj-editor-picture > img:first-child { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; }
.brand-mission { padding-block:64px; background:var(--sand); scroll-margin-top:calc(var(--home-header-height,110px) + 24px); }
.brand-heading { text-align:center; margin:0 auto 40px; }
.brand-heading h2 { margin-bottom:18px; }
.brand-heading > p:last-child { max-width:65ch; margin:0 auto; }
.brand-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.brand-pillar { min-width:0; display:flex; flex-direction:column; }
.brand-pillar-image { display:block; overflow:hidden; aspect-ratio:1.65; border-radius:6px; }
.brand-pillar-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.brand-pillar-copy { display:flex; flex-direction:column; align-items:flex-start; flex:1; padding:24px 0 0; }
.brand-pillar .eyebrow { margin-bottom:10px; }
.brand-pillar h3 { margin-bottom:14px; }
.brand-pillar-copy > p:not(.eyebrow) { max-width:48ch; margin:0 0 20px; }
.brand-pillar-copy > .text-link { margin-top:auto; }
.brand-chapters { padding-block:72px; display:grid; gap:72px; }
.brand-chapter { display:grid; grid-template-columns:1fr 1fr; align-items:center; column-gap:clamp(32px,6vw,112px); }
.brand-chapter-image { min-width:0; aspect-ratio:1.18; overflow:hidden; border-radius:6px; }
.brand-chapter-image img { width:100%; height:100%; object-fit:cover; }
.brand-chapter-copy { min-width:0; padding-right:clamp(0px,3vw,56px); }
.brand-chapter-copy h2 { margin-bottom:24px; }
.brand-chapter-copy > p:not(.eyebrow) { max-width:52ch; margin-bottom:18px; }
.brand-chapter-copy .button { margin-top:10px; }
.brand-chapter-reverse .brand-chapter-image { grid-column:2; grid-row:1; }
.brand-chapter-reverse .brand-chapter-copy { grid-column:1; grid-row:1; padding:0 0 0 clamp(0px,3vw,56px); }
.brand-chapter-copy p.brand-detail { font-size:var(--type-meta); color:var(--gold-deep); }
.brand-milestones { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); padding-top:22px; margin-top:30px; gap:24px; }
.brand-milestones p { display:flex; flex-direction:column; gap:7px; margin:0; }
.brand-milestones strong { font-weight:500; font-size:var(--type-card); color:var(--gold-deep); }
.brand-milestones span { font-size:var(--type-meta); }
.brand-journal { padding-block:0 64px; }
.brand-journal-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; padding-top:48px; border-top:1px solid var(--line); }
.brand-journal-heading .text-link { flex-shrink:0; }
.brand-articles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.brand-article { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.brand-article-image { width:100%; aspect-ratio:1.6; overflow:hidden; border-radius:6px; margin-bottom:20px; }
.brand-article-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.brand-article .eyebrow { margin-bottom:10px; }
.brand-article h3 { margin-bottom:12px; }
.brand-article > p:not(.eyebrow) { margin-bottom:18px; max-width:42ch; }
.brand-article .text-link { margin-top:auto; }
.brand-shared-content { clear:both; }
@media (hover:hover) {
  .brand-pillar-image:hover img,.brand-article:hover img { transform:scale(1.035); }
  .brand-article:hover h3 { color:var(--gold-deep); }
}
@media (min-width:750px) and (max-width:1100px) {
  .brand-intro { padding-top:18px; }
  .brand-intro-copy { padding:32px 28px 32px 0; }
  .brand-intro-art { min-height:400px; }
  .brand-mission { padding-block:48px; }
  .brand-pillars,.brand-articles { gap:20px; }
  .brand-pillar-image { aspect-ratio:1.2; }
  .brand-pillar-copy { padding-top:20px; }
  .brand-chapters { padding-block:56px; gap:56px; }
  .brand-chapter { gap:32px; }
  .brand-chapter-image { aspect-ratio:.86; }
  .brand-chapter-copy,.brand-chapter-reverse .brand-chapter-copy { padding:0; }
  .brand-journal { padding-bottom:48px; }
  .brand-article-image { aspect-ratio:1.2; }
}
@media (max-width:749px) {
  .brand-intro { display:flex; flex-direction:column; padding:18px var(--brand-gutter) 36px; }
  .brand-intro-art { order:-1; min-height:0; aspect-ratio:1.5; }
  .brand-intro-copy { padding:28px 0 0; }
  .brand-intro h1 { margin-bottom:20px; }
  .brand-intro-copy > .text-link { margin-top:4px; }
  .auj-brand .eyebrow { margin-bottom:12px; }
  .brand-mission { padding-block:40px; }
  .brand-heading { text-align:left; margin-bottom:30px; }
  .brand-heading h2 { max-width:20ch; margin-bottom:16px; }
  .brand-pillars { grid-template-columns:1fr; gap:32px; }
  .brand-pillar { display:grid; grid-template-columns:104px minmax(0,1fr); gap:18px; align-items:start; }
  .brand-pillar-image { aspect-ratio:1; }
  .brand-pillar-copy { padding:0; }
  .brand-pillar .eyebrow { margin-bottom:8px; }
  .brand-pillar h3 { margin-bottom:10px; }
  .brand-pillar-copy > p:not(.eyebrow) { margin-bottom:12px; }
  .brand-chapters { padding-block:40px; gap:44px; }
  .brand-chapter { display:flex; flex-direction:column; align-items:stretch; gap:26px; }
  .brand-chapter-image { aspect-ratio:1.25; }
  .brand-chapter-copy,.brand-chapter-reverse .brand-chapter-copy { padding:0; }
  .brand-chapter-copy h2 { margin-bottom:18px; }
  .brand-chapter-copy > p:not(.eyebrow) { margin-bottom:16px; }
  .brand-chapter-copy .button { margin-top:6px; }
  .brand-milestones { gap:16px; margin-top:24px; padding-top:18px; }
  .brand-journal { padding-bottom:40px; }
  .brand-journal-heading { display:block; padding-top:32px; margin-bottom:26px; }
  .brand-journal-heading h2 { margin-bottom:18px; }
  .brand-articles { grid-template-columns:1fr; gap:28px; }
  .brand-article { position:relative; display:grid; grid-template-columns:104px minmax(0,1fr); column-gap:18px; align-items:start; }
  .brand-article-image { grid-column:1; grid-row:1/5; aspect-ratio:1; margin:0; }
  .brand-article > :not(.brand-article-image) { grid-column:2; }
  .brand-article .eyebrow { margin-bottom:8px; }
  .brand-article h3 { margin-bottom:10px; }
  .brand-article > p:not(.eyebrow) { margin-bottom:12px; }
  .brand-article .text-link { margin-top:0; }
}
@media (max-width:359px) {
  .brand-pillar,.brand-article { grid-template-columns:84px minmax(0,1fr); gap:14px; }
  .brand-article { column-gap:14px; row-gap:0; }
}
@media (prefers-reduced-motion:reduce) {
  .brand-pillar-image img,.brand-article-image img { transition:none; }
}
/* AUJ BRAND STYLES END */

/* AUJ FAQ CSS START */
/* FAQ: AG1's category / answer structure, adapted to the shared AUJ system. */
.auj-faq { background:var(--paper); color:var(--ink); }
.auj-faq [hidden] { display:none !important; }
.auj-faq h1 { font-size:var(--type-display); font-weight:500; line-height:1.12; }
.auj-faq h2 { font-size:var(--type-section); font-weight:500; line-height:1.2; }
.auj-faq p,.auj-faq li { font-size:var(--type-body); line-height:1.6; }
.auj-faq .eyebrow { font-size:var(--type-meta); font-weight:600; letter-spacing:.08em; color:var(--gold-deep); margin:0 0 12px; }
.auj-faq-shell { width:calc(100% - max(36px,4.444444vw)); max-width:1440px; margin:0 auto; padding:64px 0 80px; display:grid; grid-template-columns:minmax(240px,1fr) minmax(0,2.3fr); gap:clamp(56px,6vw,108px); align-items:start; }
.auj-faq-side { position:sticky; top:calc(var(--site-header-height,106px) + 28px); min-width:0; max-height:calc(100svh - var(--site-header-height,106px) - 56px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.auj-faq-intro h1 { margin-bottom:14px; }
.auj-faq-intro > p:last-child { color:#655f53; margin-bottom:26px; max-width:29ch; }
.auj-faq-tools { margin-bottom:26px; }
.auj-faq-search { display:flex; align-items:center; gap:4px; min-height:52px; border:1px solid var(--line); border-radius:999px; padding:0 4px 0 18px; background:var(--paper); }
.auj-faq-search:focus-within { border-color:var(--gold-deep); outline:2px solid var(--gold-deep); outline-offset:3px; }
.auj-faq-search > svg { flex-shrink:0; width:20px; height:20px; color:var(--gold-deep); }
.auj-faq-search input { min-width:0; width:100%; border:0; outline:none; background:transparent; font-size:max(16px,var(--type-body)); line-height:1.4; padding:12px 8px; border-radius:0; appearance:none; }
.auj-faq-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
.auj-faq-search input::placeholder { color:#716a5e; opacity:1; }
.auj-faq-search button { padding:0; width:44px; height:44px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; }
.auj-faq-search button:hover { background:var(--sand); }
.auj-faq-picker { display:none; }
.auj-faq-nav { display:flex; flex-direction:column; align-items:stretch; gap:0; font-size:var(--type-body); margin:0; }
.auj-faq-nav a { display:flex; align-items:center; min-height:48px; padding:12px 0 12px 16px; border-left:2px solid transparent; line-height:1.4; transition:color .18s,border-color .18s; }
.auj-faq-nav a:hover { color:var(--gold-deep); }
.auj-faq-nav a[aria-current] { color:var(--gold-deep); border-left-color:var(--gold-deep); font-weight:600; }
.auj-faq-side-help { margin-top:26px; padding-top:24px; border-top:1px solid var(--line); }
.auj-faq-side-help p { margin:0 0 8px; font-size:var(--type-meta); color:#655f53; }
.auj-faq .text-link { font-size:var(--type-meta); font-weight:600; }
.auj-faq-content { min-width:0; }
.auj-faq-group { scroll-margin-top:max(0px,calc(var(--site-header-height,106px) + 28px - 5.5rem)); margin-bottom:64px; }
.auj-faq-group > h2 { margin:0 0 20px; }
.auj-faq-item { border-top:0; border-bottom:1px solid var(--line); scroll-margin-top:max(0px,calc(var(--site-header-height,106px) + 28px - 5.5rem)); }
.auj-faq-item:first-child { border-top:0; }
.auj-faq-item > summary { gap:28px; align-items:flex-start; padding:22px 0; font-size:var(--type-body); line-height:1.4; font-weight:700; letter-spacing:0; transition:color .18s; }
.auj-faq-icon { width:20px; height:20px; flex-shrink:0; margin-top:.18em; color:var(--gold-deep); }
.auj-faq-item[open] .auj-faq-icon-vertical { display:none; }
.auj-faq-answer { padding:0 48px 24px 0; }
.auj-faq-answer p { margin:0 0 12px; }
.auj-faq-answer p,.auj-faq-answer li { line-height:1.5; }
.auj-faq-answer > :last-child { margin-bottom:0; }
.auj-faq-answer strong { font-weight:700; }
.auj-faq-answer ul { padding-left:1.2em; margin:0 0 16px; }
.auj-faq-answer li { margin:6px 0; }
.auj-faq-answer a { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.auj-faq-answer a:hover { color:var(--gold-deep); }
.auj-faq-status { font-size:var(--type-meta) !important; margin:0 0 28px; color:var(--gold-deep); }
.auj-faq-empty { padding:32px 0 48px; }
.auj-faq-empty h2 { margin:0 0 16px; }
.auj-faq-empty p { margin:0 0 24px; max-width:44ch; }
.auj-faq .button { font-size:var(--type-meta); min-height:46px; padding:12px 24px; border-radius:999px; gap:18px; }
.auj-faq-contact { border-top:1px solid var(--line); padding:34px 0 0; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.auj-faq-contact h2 { margin:0 0 12px; }
.auj-faq-contact p { margin:0; max-width:42ch; }
.auj-faq-contact .button { flex-shrink:0; }
.auj-faq-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (max-width:1099px) {
  .auj-faq-shell { grid-template-columns:1fr; gap:42px; padding:40px 0 64px; max-width:880px; }
  .auj-faq-side { position:static; max-height:none; overflow:visible; }
  .auj-faq-intro > p:last-child { max-width:none; margin-bottom:24px; }
  .auj-faq-tools { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:0; }
  .auj-faq-picker { display:block; min-width:0; }
  .auj-faq-picker select { width:100%; min-height:52px; border:1px solid var(--line); border-radius:999px; padding:12px 44px 12px 20px; background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 8 5 5 5-5' stroke='%23766037' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 18px center; appearance:none; color:var(--ink); font-family:var(--font-sans); font-size:max(16px,var(--type-body)); line-height:1.4; }
  .auj-faq-picker select:focus-visible { outline:2px solid var(--gold-deep); outline-offset:3px; }
  .auj-faq.js-ready .auj-faq-nav,.auj-faq-side-help { display:none; }
  .auj-faq:not(.js-ready) .auj-faq-picker { display:none; }
  .auj-faq-nav { margin-top:20px; }
  .auj-faq-group { margin-bottom:48px; }
  .auj-faq-group > h2 { margin-bottom:16px; }
}
@media (max-width:749px) {
  .auj-faq-shell { padding:28px 0 44px; gap:32px; }
  .auj-faq-intro h1 { margin-bottom:12px; }
  .auj-faq-tools { grid-template-columns:1fr; gap:12px; }
  .auj-faq-search { min-height:48px; }
  .auj-faq-picker select { min-height:48px; }
  .auj-faq-group { margin-bottom:40px; }
  .auj-faq-group > h2 { margin-bottom:12px; }
  .auj-faq-item > summary { padding:18px 0; gap:18px; font-size:var(--type-body); letter-spacing:0; line-height:1.5; }
  .auj-faq-answer p,.auj-faq-answer li { line-height:1.5; }
  .auj-faq-answer { padding:0 22px 20px 0; }
  .auj-faq-contact { flex-direction:column; align-items:flex-start; gap:22px; padding-top:28px; }
  .auj-faq-status { margin-bottom:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .auj-faq * { scroll-behavior:auto; transition:none; }
}
/* AUJ FAQ CSS END */

/* AUJ SHARED SHOPPING UI START */
#bag { width:min(480px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; padding:0; border:0; background:var(--paper); box-shadow:-16px 0 64px #17171418; }
#bag[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
#bag .dialog-top { margin:0; padding:20px 24px; border-bottom:1px solid var(--line); }
#bag .dialog-top h2 { font-size:var(--type-card); font-weight:500; margin:0; display:flex; align-items:center; gap:8px; }
#bag-total { color:var(--gold-deep); font-size:var(--type-meta); font-weight:500; }
#bag .icon-button,#search .icon-button { border-radius:50%; flex-shrink:0; width:44px; height:44px; min-width:44px; background:transparent; }
#bag .icon-button:hover,#search .icon-button:hover { background:var(--sand); }
#bag-content { padding:0 24px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
#bag .bag-item { display:grid; grid-template-columns:96px minmax(0,1fr); gap:20px; padding:24px 0; margin:0; border-bottom:1px solid var(--line); }
#bag .bag-item:last-child { border-bottom:0; }
#bag .bag-item > img,#bag .bag-item > a ,#bag .bag-item > .auj-editor-picture > img{ width:96px; height:124px; border-radius:6px; overflow:hidden; background:#fff; }
#bag .bag-item img { width:100%; height:124px; object-fit:contain; }
#bag .bag-item h3 { font-size:var(--type-body); font-weight:600; line-height:1.4; margin:0 0 4px; }
#bag .bag-item p { font-size:var(--type-meta); line-height:1.5; margin:4px 0; }
#bag .bag-item .bag-edition { color:#6b6558; }
#bag .bag-item .bag-plan { color:var(--gold-deep); }
#bag .bag-item .bag-line-price { font-size:var(--type-body); font-weight:600; margin:12px 0; }
#bag .bag-item .bag-line-renewal { font-size:var(--type-meta); margin:8px 0; color:#6b6558; }
#bag .bag-line-controls { display:flex; align-items:center; gap:20px; margin-top:12px; }
#bag .quantity { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:999px; min-height:40px; overflow:hidden; width:auto; margin:0; }
#bag .quantity button { width:40px; min-width:40px; height:40px; font-size:18px; padding:0; }
#bag .quantity span { min-width:20px; font-size:14px; text-align:center; }
#bag .quantity button:hover { background:var(--sand); }
#bag .bag-line-remove { padding:10px 0; font-size:var(--type-meta); text-decoration:underline; text-underline-offset:3px; color:#6b6558; }
#bag .bag-foot { margin:0; padding:22px 24px max(24px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--paper); }
#bag .bag-foot .small { font-size:var(--type-meta); line-height:1.5; color:#6b6558; margin:10px 0 18px; }
#bag-subtotal { display:flex; justify-content:space-between; font-size:var(--type-body); font-weight:600; margin:0; }
#bag .bag-foot .button { width:100%; min-height:48px; font-size:var(--type-meta); border-radius:999px; background:var(--ink); color:var(--paper); }
#bag .bag-foot .button:hover { background:#3c3322; }
#bag .bag-foot[hidden] { display:none; }
#cart-error { color:#8a3525 !important; font-size:var(--type-meta); line-height:1.5; margin:12px 0 0; }
#cart-error:empty { display:none; }
#bag .empty-bag { text-align:center; padding:64px 4px; }
#bag .empty-bag h3 { font-size:var(--type-card); font-weight:500; margin-bottom:14px; }
#bag .empty-bag p { font-size:var(--type-body); line-height:1.5; color:#6b6558; margin-bottom:26px; }
#bag .empty-bag .button { font-size:var(--type-meta); min-height:48px; }
#search { width:min(720px,calc(100vw - 48px)); max-width:calc(100vw - 48px); max-height:min(780px,calc(100dvh - 64px)); padding:0; border:1px solid #d9d1c2; border-radius:12px; background:var(--paper); box-shadow:0 20px 80px #17171425; overflow:hidden; }
#search[open] { display:flex; flex-direction:column; }
#search .dialog-top { padding:22px 28px 12px; margin:0; border:0; gap:16px; }
#search .dialog-top h2 { font-size:var(--type-section); font-weight:500; margin:0; }
.search-entry { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:999px; margin:8px 28px 0; padding:0 8px 0 18px; min-height:52px; flex-shrink:0; }
.search-entry:focus-within { border-color:var(--gold-deep); box-shadow:0 0 0 1px var(--gold-deep); }
.search-entry > svg { width:20px; height:20px; flex-shrink:0; color:var(--gold-deep); }
#search #search-input { width:100%; min-width:0; border:0; outline:0 !important; box-shadow:none; border-radius:0; padding:14px 4px; font:400 max(16px,var(--type-body))/1.4 var(--font-sans); background:transparent; }
#search-input::-webkit-search-cancel-button { -webkit-appearance:none; }
#search [data-search-clear] { min-width:36px; height:36px; border-radius:50%; font-size:22px; }
#search [data-search-clear][hidden] { display:none; }
#search .search-caption { margin:22px 28px 8px; font-size:var(--type-meta); color:var(--gold-deep); }
#search-results { overflow:auto; max-height:none; min-height:0; margin:0; padding:0 28px 20px; overscroll-behavior:contain; scrollbar-width:thin; }
#search .search-result { display:grid; grid-template-columns:minmax(0,1fr) 24px; gap:12px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line); }
#search .search-result:last-child { border-bottom:0; }
#search .search-result strong { display:block; font-size:var(--type-body); font-weight:600; line-height:1.4; }
#search .search-result p { margin:5px 0 0; color:#6b6558; font-size:var(--type-meta); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#search .search-result > svg { width:20px; height:20px; color:var(--gold-deep); }
#search .search-empty { padding:28px 0; }
#search .search-empty h3 { font-size:var(--type-card); margin:0 0 12px; font-weight:500; }
#search .search-empty p { font-size:var(--type-body); line-height:1.5; margin:0 0 20px; color:#6b6558; }
.auj-native #main { min-height:52vh; padding:32px 0 56px; font-family:var(--font-sans); color:var(--ink); background:var(--paper); }
.auj-native #main .page-width { max-width:none; width:calc(100% - max(36px,4.444444vw)); margin-inline:auto; padding-inline:0; }
.auj-native #main :is(input,select,textarea) { font-family:var(--font-sans); font-size:max(16px,var(--type-body)); }
.auj-native #main :is(h1,.main-cart__title) { font-family:var(--font-sans); font-size:var(--type-display); font-weight:500; line-height:1.15; }
.auj-native #main :is(h2,h3,h4,p,a,button,span) { font-family:var(--font-sans); }
.auj-native #main .button { border-radius:999px; font-size:var(--type-meta); }
.auj-native #main [class*="cart-item__title"] { font-size:var(--type-body); font-weight:600; }
.auj-native #main [class*="cart-item"] { color:var(--ink); }
/* Native templates retain their commerce components and inherit AUJ typography. */
body.auj-native { font-family:var(--font-sans); font-size:var(--type-body); }
.auj-native :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,[class*="body"],[class*="title"]) { font-family:var(--font-sans); }
.auj-native a:not(.button),.auj-native a:not(.button):hover { color:inherit; }
body.auj-native a.header-shop-now,body.auj-native a.header-shop-now:hover { color:var(--paper); }
.auj-native :is(header,.auj-footer,dialog) .button::after { display:none; }
.auj-native #main [class*="color-scheme"] {
  --color-text:23,23,20;
  --color-light-text:107,101,88;
  --color-button-background:23,23,20;
  --color-button-text:250,248,242;
  --color-button-text-link:23,23,20;
  --color-entry-line:190,182,166;
  background:var(--paper); color:var(--ink);
}
.auj-native #main :is(.body0,.body1,.body2,.body3,.body4,.body5,.body6) { font-size:var(--type-body); line-height:1.5; }
.auj-native #main .button:not(.button--link,.button--text,.button--icon) { min-height:48px; padding:12px 24px; border:1px solid var(--ink); background:var(--ink); color:var(--paper); white-space:normal; }
.auj-native #main .button::after { display:none; }
.auj-native #main :is(.button--link,.button--text) { min-height:44px; border:0; padding:0; background:none; color:var(--ink); }
.auj-native #main .main-cart-header { align-items:center; gap:20px; }
.auj-native #main .main-cart-header h1 { margin:0; }
.auj-native #main .cart-empty { min-height:300px; height:auto; padding-block:44px 64px; background:var(--paper); }
.auj-native #main .cart-empty__tips { margin:0 0 24px; }
@media(max-width:1099px) {
  header .nav-wrap:has(.learn-mega) { position:relative; }
  .nav-wrap > nav { display:none; }
  .nav-wrap > .mobile-menu { display:grid; width:44px; min-width:44px; height:44px; }
  .header-currency,.header-shop-now { display:none; }
  .nav-tools > .header-search { position:absolute; left:44px; margin:0; }
}
@media(max-width:749px) {
  #bag .dialog-top { padding:14px 18px; }
  #bag-content { padding-inline:18px; }
  #bag .bag-item { grid-template-columns:80px minmax(0,1fr); gap:16px; padding:22px 0; }
  #bag .bag-item > img,#bag .bag-item > a,#bag .bag-item img ,  #bag .bag-item > .auj-editor-picture > img{ width:80px; height:108px; }
  #bag .bag-foot { padding:18px 18px max(20px,env(safe-area-inset-bottom)); }
  #bag .bag-line-controls { gap:16px; }
  #search { width:calc(100vw - 24px); max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); border-radius:10px; }
  #search .dialog-top { padding:16px 18px 8px; }
  #search .dialog-top h2 { font-size:var(--type-card); }
  .search-entry { margin:8px 18px 0; min-height:48px; }
  #search .search-caption { margin:20px 18px 6px; }
  #search-results { padding:0 18px 14px; }
  .auj-native #main { padding:24px 0 36px; }
}
@media(prefers-reduced-motion:no-preference) {
  #bag[open] { animation:auj-drawer-in .22s ease-out; }
  @keyframes auj-drawer-in {
 from { transform:translateX(100%); }
 to { transform:translateX(0); } }
}
/* Keep dark-footer column headings legible instead of inheriting light-page accordion hover colors. */
.auj-footer .auj-footer-group > summary:is(:hover,:focus-visible) { color:var(--gold-tint); opacity:1; }
/* AUJ SHARED SHOPPING UI END */

@media(max-width:749px){.routine-card::before{background-image:var(--routine-mobile-image,var(--routine-image));}}