.hexa-about{background:var(--paper);color:var(--ink)}
.about-wrap{width:90%;max-width:none;margin-inline:auto}
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;margin:8px var(--gutter) 0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);background:radial-gradient(80% 90% at 0% 100%,var(--pine-2) 0%,var(--forest) 62%);color:var(--paper)}
.about-hero-copy{padding:24px 10% 26px;display:flex;flex-direction:column;align-items:flex-start}
.about-breadcrumb{display:flex;gap:12px;color:var(--stone-on-ink);margin-bottom:48px;font-size:13px}
.about-hero h1{font-size:clamp(34px,3.2vw,54px);font-weight:400;line-height:1.35;letter-spacing:-.035em;margin-bottom:24px}
.about-hero h1>span{display:block;color:var(--paper)}
.about-lead{font-size:clamp(16px,1.25vw,21px);line-height:1.8;margin-bottom:17px}
.about-hero-description{max-width:440px;color:var(--stone-on-ink);font-size:16px;line-height:1.9}
.about-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid currentColor;padding:9px 0;font-size:13px;transition:opacity .2s}
.about-hero-footer{width:100%;display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:38px;font-size:13px;color:var(--stone-on-ink)}
.about-hero-media{position:relative;overflow:hidden;min-height:570px;max-height:720px}
.about-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.about-hero-media>span{position:absolute;bottom:20px;left:20px;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(19,37,32,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:500 13px var(--display);color:var(--paper)}
.hexa-about .about-hero-copy{padding:40px 9% 36px}
.hexa-about .about-hero-description{max-width:560px}
.hexa-about .about-hero-media{height:auto;min-height:0;max-height:none;align-self:stretch;margin:12px;border-radius:calc(var(--r-xl) - 12px)}
.hexa-about .about-hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.about-chapters{display:flex;justify-content:center;gap:8px;padding:24px 20px 0;background:var(--paper)}
.about-chapters a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-family:var(--display);font-weight:500;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.about-chapters a:hover{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.hexa-about h2{font-size:clamp(28px,2.65vw,43px);font-weight:400;line-height:1.45;letter-spacing:-.025em}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:68px 42px;align-items:start}
.about-summary strong{font-weight:500;color:var(--ink)}
.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:72px}
.about-pillars article{padding:28px;border:1px solid rgba(19,37,32,.06);border-radius:var(--r-lg);background:var(--white);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.about-pillars article:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(13,38,33,.3)}
.about-number{color:var(--stone);font-size:13px}
.about-pillars h3{font-size:22px;letter-spacing:.02em;font-weight:400;margin:24px 0 9px}
.about-pillars h4{font-weight:500;margin:0 0 12px;font-size:18px}
.about-pillars p{line-height:1.9;color:var(--stone);max-width:350px;font-size:16px}
.about-formula{margin:0 var(--gutter);padding:72px 0;border-radius:var(--r-xl);background:var(--bone)}
.about-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}
.about-section-head h2{margin-bottom:0}
.about-section-head h2 span{color:var(--stone)}
.about-section-head>p{line-height:1.9;color:var(--stone);font-size:16px}
.about-botanical{margin:0 0 42px}
.about-botanical img{width:100%;height:auto;aspect-ratio:2.5;object-fit:cover;object-position:center 58%}
.about-botanical figcaption{color:var(--stone);margin-top:10px;font-size:13px}
.about-ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 38px}
.about-ingredients article{border-top:1px solid var(--line);padding:17px 0 5px}
.about-ingredients h3{font-family:var(--display);font-size:18px;font-weight:500;letter-spacing:-.025em;margin:13px 0 6px;line-height:1.4}
.about-ingredients p{color:var(--stone);line-height:1.8;max-width:355px;font-size:14px}
.about-ingredients .about-ingredient-thai{color:var(--ink);margin-bottom:12px;font-size:16px}
.about-formula-note{padding:24px 28px;border-radius:var(--r-md);background:var(--white);margin-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:35px}
.about-formula-note strong{font-weight:500;font-size:16px}
.about-formula-note p{color:var(--stone);line-height:1.9;margin:0;font-size:14px}
.about-routine{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:65px}
.about-routine figure{margin:0;aspect-ratio:1;overflow:hidden}
.about-routine img{width:100%;height:100%;object-fit:cover}
.about-facts{display:flex;gap:55px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}
.about-facts dt{font-size:13px;color:var(--stone)}
.about-facts dd{font-family:var(--display);font-size:38px;font-weight:400;margin:7px 0 0;line-height:1.4}
.about-facts dd span{font-family:var(--text);display:block;font-size:13px;color:var(--stone)}
.about-routine>div>p.about-small{font-size:13px}
.about-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;padding-block:15px 75px}
.about-faq details{padding:18px 0}
.about-faq summary{line-height:1.7;font-size:16px}
.about-faq details p{line-height:1.95;color:var(--stone);font-size:16px}
.about-outro{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;padding:calc(var(--r-xl) + 64px) var(--gutter) calc(var(--r-xl) + 80px);gap:9%}
.about-outro h2{font-size:clamp(30px,3vw,45px)}
.about-outro>div>p:last-child{color:var(--stone);margin-top:24px;margin-bottom:0;font-size:13px}
.about-outro>img{width:100%;height:auto;max-width:380px;aspect-ratio:1;object-fit:contain;justify-self:end;mix-blend-mode:multiply}
.about-outro .button{min-width:200px;margin-top:28px;font-size:13px}
.about-link:hover{opacity:.7}
@media (min-width:1600px){
 .about-hero-copy{padding-left:max(10%,calc((100vw - 1440px)/2))}
 .about-hero{min-height:650px}
 .about-hero-media{height:650px}
}
@media (max-width:1000px){
 .about-hero-copy{padding-inline:8%}
 .about-hero h1{font-size:34px}
 .about-hero-media{min-height:600px}
 .about-intro,.about-routine,.about-faq{gap:6%}
 .about-ingredients{gap:22px}
 .about-ingredients h3{font-size:16px}
 .about-outro{gap:6%}
 .about-facts{gap:35px}
}
@media (max-width:700px){
 .about-wrap{width:auto;margin-inline:20px}
 .about-hero{grid-template-columns:1fr;min-height:0;margin-inline:10px;border-radius:var(--r-lg)}
 .about-hero-copy{padding:20px 24px 25px}
 .about-breadcrumb{margin-bottom:28px}
 .about-hero h1{font-size:36px;margin-bottom:19px}
 .about-lead{font-size:16px}
 .about-hero-description{font-size:14px}
 .about-hero-footer{padding-top:30px;font-size:13px;flex-wrap:wrap}
 .about-hero-media{height:360px;min-height:0;max-height:none}
 .about-hero-media>img{object-position:center 48%}
 .about-chapters{justify-content:flex-start;gap:8px;overflow:auto;white-space:nowrap;padding:16px 20px 4px;scrollbar-width:none}
 .about-intro{display:block;padding-block:38px 22px}
 .hexa-about h2{font-size:29px}
 .about-pillars{grid-template-columns:1fr;gap:12px;padding-bottom:40px}
 .about-pillars article{display:grid;grid-template-columns:32px 1fr;padding:22px;column-gap:12px}
 .about-pillars h3{margin:0 0 7px;font-size:22px}
 .about-pillars h4,.about-pillars p{grid-column:2}
 .about-pillars p{margin-bottom:2px;max-width:none}
 .about-formula{margin-inline:10px;padding:40px 0;border-radius:var(--r-lg)}
 .about-section-head{display:block}
 .about-section-head>p{margin-top:17px}
 .about-botanical{margin-bottom:25px}
 .about-botanical img{aspect-ratio:1.5}
 .about-botanical figcaption{font-size:13px}
 .about-ingredients{gap:20px 18px;grid-template-columns:1fr}
 .about-ingredients h3{overflow-wrap:anywhere;font-size:22px}
 .about-ingredients p{font-size:16px;max-width:none}
 .about-formula-note{display:block;padding:18px;margin-top:22px}
 .about-formula-note p{margin-top:10px}
 .about-routine{display:block;padding-block:35px}
 .about-routine figure{margin-bottom:26px}
 .about-routine h2{font-size:28px}
 .about-facts{gap:45px}
 .about-faq{display:block;padding-block:10px 40px}
 .about-faq>div:first-child{margin-bottom:24px}
 .about-faq summary{font-size:16px}
 .about-outro{grid-template-columns:1fr;padding:calc(var(--r-xl) + 32px) var(--gutter) calc(var(--r-xl) + 48px);gap:28px}
 .about-outro>img{max-width:260px;justify-self:center}
 .about-outro h2{font-size:30px}
 .hexa-about .about-hero{min-height:0}
 .about-faq details p{font-size:16px}
 .hexa-about .about-hero-copy{padding:28px 24px 24px}
 .hexa-about .about-hero-media{height:380px;margin:0 10px 10px;border-radius:var(--r-md)}
 .hexa-about .about-breadcrumb{margin-bottom:28px}
}
@media (prefers-reduced-motion:reduce){
 .about-chapters a,.about-link{transition:none}
}
.about-link,.about-chapters{font-size:14px}
.about-facts dt,.about-facts dd span{font-size:13px}
@media (max-width:950px){
 .about-hero-media{max-height:none}
 .about-hero{min-height:640px}
}
.ingredient-groups{display:grid;gap:40px}
.ingredient-group{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ingredient-amount{color:var(--hex-green);font:500 26px/1.1 var(--display)}
.ingredient-disclaimer{font-size:13px;line-height:1.9;color:var(--stone);margin-top:30px}
@media (max-width:600px){
 .ingredient-groups{gap:28px}
 .hexa-about .about-ingredient-overview{margin-bottom:28px}
}
.hexa-about .about-ingredient-overview{width:100%;max-width:none;margin:0 0 40px}
.about-ingredient-overview>a{display:block;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--paper);cursor:zoom-in}
.hexa-about .about-ingredient-overview img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.hexa-about .about-ingredient-overview figcaption{font-size:13px;text-align:center;margin-top:12px}
.hexa-about .about-ingredient-overview>img{border-radius:var(--r-lg)}
.hexa-about .about-routine figure{aspect-ratio:1/1;border-radius:var(--r-xl);background:radial-gradient(circle at 50% 42%,var(--paper) 0%,var(--bone) 75%)}
.hexa-about .about-routine figure img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:0;mix-blend-mode:multiply}
.ingredient-group-head h3{font:500 14px/1 var(--display);letter-spacing:.12em;color:var(--hex-green);margin:0}
.ingredient-group-head p{margin:0;font-size:16px;line-height:1.7;color:var(--stone)}
.ingredient-cards{display:grid;gap:0;padding:8px;border-radius:var(--r-lg);background:var(--white);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.ingredient-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:16px;padding:20px}
.ingredient-card>img{width:88px;height:88px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.ingredient-card h4{margin:6px 0 4px;font:500 18px/1.35 var(--display);color:var(--ink)}
.ingredient-card p{margin:0;font-size:14px;line-height:1.6;color:var(--stone)}
.ingredient-label{font:500 11px/1.5 var(--display);letter-spacing:.04em;overflow-wrap:anywhere}
.ingredient-label+p{margin-top:6px}
.ingredient-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:500 14px var(--display);color:var(--hex-green)}
.ingredient-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .25s var(--ease)}
.ingredient-more:hover svg{transform:translateX(3px)}
.about-standards{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:96px 24px}
.about-standards-copy>p{color:var(--stone);line-height:1.9}
.about-standards-list{display:grid;margin:28px 0 16px;border-top:1px solid var(--line)}
.about-standards-list>div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}
.about-standards-list dt{color:var(--stone);font-size:15px}
.about-standards-list dd{margin:0;font:500 16px var(--display);text-align:right}
.about-allergen{margin-top:24px;padding:20px 22px;border:1px solid #e6c2bd;border-radius:var(--r-md);background:#fbefed}
.about-allergen strong{display:block;margin-bottom:6px;font:600 16px var(--display);color:var(--danger)}
.about-allergen p{margin:0;font-size:15px;line-height:1.8;color:var(--ink)}
.about-standards-media{margin:0;overflow:hidden;border-radius:var(--r-xl);background:var(--bone)}
.about-standards-media img{width:100%;height:auto}
.about-tip{margin:0 0 16px;padding:16px 20px;border-radius:var(--r-md);background:var(--bone);font-size:15px;line-height:1.8}
.about-tip strong{display:block;font:600 15px var(--display);color:var(--hex-green)}
.about-articles{padding-block:24px 72px}
.about-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-article{display:flex;flex-direction:column;gap:10px;padding:10px 10px 22px;border-radius:var(--r-lg);background:var(--white);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.about-article:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(13,38,33,.3)}
.about-article figure{margin:0 0 6px;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-md);background:var(--bone)}
.about-article img{width:100%;height:100%;object-fit:cover}
.about-article h3{margin:0;padding-inline:8px;font:500 18px/1.45 var(--display)}
.about-article p{display:-webkit-box;margin:0;padding-inline:8px;overflow:hidden;font-size:14px;line-height:1.7;color:var(--stone);-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media (max-width:1100px){
}
@media (max-width:860px){
 .about-standards{grid-template-columns:1fr;gap:32px;padding-block:64px 16px}
 .about-article-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
 .ingredient-card{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:16px 8px}
 .ingredient-card>img{width:72px;height:72px}
 .ingredient-card+.ingredient-card{border-top:1px solid var(--line)}
 .ingredient-cards{padding:4px 12px}
 .about-standards-list>div{flex-direction:column;gap:2px}
 .about-standards-list dd{text-align:left}
 .about-article-grid{grid-template-columns:1fr}
}
.ingredient-group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.ingredient-card:hover>img{transform:scale(1.06)}
.about-trust-wrap{margin-top:12px}