/* /style.css */
:root{--obsidian:#0b0b0b;--porcelain:#f7f6f2;--white:#fff;--graphite:#262626;--silver:#b8b8b5;--stone:#d8d2c8;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--porcelain);color:var(--obsidian);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #826240;outline-offset:6px}a:hover{opacity:.72}img{max-width:100%;display:block}header{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--porcelain);border-bottom:1px solid #deddd8;position:sticky;top:0;z-index:10}.logo-link{flex-shrink:0;width:132px}.logo-link img{width:100%;height:auto}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0;min-height:44px;cursor:pointer;font-size:14px}.menu-icon{width:22px;height:10px;border-top:1px solid;border-bottom:1px solid;transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-icon{transform:rotate(-45deg)}#mobile-menu{position:fixed;z-index:9;inset:80px 0 0;background:var(--porcelain);overflow:auto;padding:24px 7% 40px}#mobile-menu[hidden]{display:none}#mobile-menu a{display:block;border-bottom:1px solid var(--stone);padding:13px 0;font-size:20px}#mobile-menu .mobile-cta{font-size:16px;background:var(--obsidian);color:var(--white);padding:15px 20px;margin-top:26px}.menu-open{overflow:hidden}.skip-link{position:fixed;top:-100px;left:16px;background:var(--white);padding:12px;z-index:30}.skip-link:focus{top:12px}.hero{display:grid}.hero-copy{background:var(--obsidian);color:var(--porcelain);padding:42px 7% 22px}.eyebrow{font-size:12px;letter-spacing:.17em;margin:0 0 25px}.hero h1{font:400 clamp(44px,12vw,72px)/1.06 var(--serif);letter-spacing:-.045em;margin:0 0 26px}.hero h1 em{font-weight:400;color:var(--stone)}.intro{font-size:16px;color:#c8c6c1;line-height:1.7;margin:0 0 22px}.light-link{display:flex;align-items:center;justify-content:space-between;width:205px;border-bottom:1px solid #77756e;padding:12px 0;font-size:15px}.light-link span{font-size:24px}.hero-note{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #363636;margin-top:40px;padding-top:16px;font-size:10px;letter-spacing:.09em;color:#b8b8b5}.hero-image{margin:0;position:relative;min-height:330px;background:var(--stone);overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:50px 7% 24px;background:linear-gradient(transparent,rgba(247,246,242,.93));font:italic 22px/1.3 var(--serif)}.hero-image figcaption>span:last-child{font:36px var(--sans)}.product-line{padding:45px 7% 52px}.section-label h2{font-size:12px;letter-spacing:.1em;font-weight:400;margin:0 0 14px;line-height:1.6}.brand-eyebrow{font-size:1em;letter-spacing:0;line-height:1;display:inline-block;text-transform:none;vertical-align:baseline}.brand-inline{font:inherit;font-size:1em;line-height:1;display:inline-block;font-style:normal;letter-spacing:0;vertical-align:baseline}.section-label>span{font-size:14px;color:#66645f}.journey{list-style:none;padding:0;margin:32px 0 0}.journey li{display:grid;grid-template-columns:30px 20px 1fr;align-items:center;gap:20px;position:relative;min-height:58px}.journey li:not(:last-child):after{content:'';position:absolute;width:1px;background:#b8b8b5;left:59.5px;top:29px;bottom:-29px}.step-number{font-size:12px;color:#706e68}.step-dot{height:7px;width:7px;border-radius:50%;background:var(--obsidian);justify-self:center;z-index:1}.step-title{font-size:15px}.page-shell{min-height:55vh;padding:75px 7%}.page-shell h1{font:400 clamp(38px,7vw,82px)/1.12 var(--serif);letter-spacing:-.035em;margin:0;max-width:100%}.shell-rule{margin-top:40px;width:50px;height:1px;background:#aaa}footer{background:var(--obsidian);color:var(--porcelain);padding:48px 7% 22px}.footer-logo{filter:invert(1);width:146px;height:auto}.footer-top p{font:400 clamp(25px,5vw,38px)/1.4 var(--serif);letter-spacing:-.025em;margin:34px 0}.footer-bottom>span{font-size:14px;color:var(--silver)}.footer-bottom nav{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:16px;margin-top:26px;font-size:14px}.colophon{border-top:1px solid #343434;padding-top:20px;margin-top:36px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:12px;color:var(--silver)}[aria-current=page]{text-decoration:underline;text-underline-offset:6px}@media(min-width:768px){header{height:88px}.logo-link{width:155px}#mobile-menu{top:88px}.hero{grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:52px 10% 25px;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(48px,5.6vw,88px)}.hero-note{width:100%;margin-top:auto;padding-top:20px}.light-link{margin-bottom:48px}.hero-image figcaption{padding:65px 9% 30px}.product-line{padding:55px 5% 66px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-label h2{margin:0}.journey{display:grid;grid-template-columns:repeat(7,1fr);margin-top:36px}.journey li{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding-right:10px}.journey li:not(:last-child):after{width:auto;height:1px;left:3px;right:-3px;top:38px;bottom:auto}.step-title{font-size:14px;max-width:110px;line-height:1.5}.step-number{line-height:18px}.step-dot{flex-shrink:0}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.footer-top p{margin:0}.footer-bottom{margin-top:55px;display:flex;justify-content:space-between;gap:30px}.footer-bottom nav{margin:0;grid-template-columns:repeat(3,auto);gap:14px 30px}.colophon{margin-top:42px}}@media(min-width:1280px){header{padding:0 3%;gap:22px}.desktop-nav{display:flex;gap:18px;font-size:14px;align-items:center;white-space:nowrap}.header-cta{display:block;white-space:nowrap;font-size:14px;border-bottom:1px solid;padding:9px 0}.menu-toggle{display:none}.logo-link{width:145px}.hero{min-height:690px}.hero-copy{padding-top:57px}.hero-image figcaption{font-size:28px}.hero-note{font-size:11px}.section-label h2{font-size:14px}.step-title{font-size:16px;max-width:none}footer{padding-left:5%;padding-right:5%}.footer-bottom nav{display:flex;flex-wrap:wrap;font-size:14px}}@media(min-width:1700px){header{padding-left:5%;padding-right:5%}.hero{min-height:780px}.hero h1{font-size:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Production audit: preserve the design while improving target size and long-copy reflow. */
.logo-link{min-height:44px;display:flex;align-items:center}.desktop-nav a,.footer-bottom nav a{display:flex;align-items:center;min-height:44px}.footer-bottom nav{row-gap:4px}.editorial-copy,.p2-body,.contact-introduction,.about-hero-story,.nutri-hero-copy>p,.ay-hero-copy>p,.cap-hero-copy>p,.how-stage-body{max-width:70ch}main li{overflow-wrap:break-word}.brand-inline{white-space:nowrap}footer a[aria-label]{display:inline-flex;align-items:center;min-height:44px}

/* Approved dark header: initial and sticky states share the hero palette. */
header{background:var(--obsidian);color:var(--porcelain);border-bottom-color:#343434}
header .logo-link img{filter:invert(1)}
header .menu-toggle{color:inherit}
header a:focus-visible,header button:focus-visible,#mobile-menu a:focus-visible{outline-color:var(--porcelain)}
#mobile-menu{background:var(--obsidian);color:var(--porcelain)}
#mobile-menu a{border-bottom-color:#343434}
#mobile-menu .mobile-cta{background:var(--porcelain);color:var(--obsidian)}
#mobile-menu .mobile-cta:focus-visible{outline-color:var(--porcelain)}

/* Header logo enlarged approximately 12%; header height stays unchanged. */
header .logo-link{width:148px}
@media(min-width:768px){header .logo-link{width:174px}}
@media(min-width:1280px){header .logo-link{width:162px}}

/* Secondary direct contact and compact floating WhatsApp control. */
.footer-contact-area{font-size:14px;color:var(--silver)}
.footer-direct-contact{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:12px 0 0;font:400 14px/1.6 var(--sans)}
.footer-direct-contact a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.footer-direct-contact a:hover{text-decoration:underline}
.whatsapp-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--whatsapp-lift,0px));z-index:8;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#176b49;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 12px rgba(0,0,0,.16)}
.whatsapp-float svg{display:block;width:28px;height:28px;flex:none}
.whatsapp-float:hover{opacity:1;background:#12573b}
.whatsapp-float:focus-visible{outline:3px solid var(--obsidian);outline-offset:3px;box-shadow:0 0 0 3px #fff}
.menu-open .whatsapp-float{visibility:hidden;pointer-events:none}
footer{padding-bottom:max(88px,calc(72px + env(safe-area-inset-bottom)))}
@media(min-width:768px){.whatsapp-float{right:max(24px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + var(--whatsapp-lift,0px))}.footer-contact-area{max-width:280px;flex-shrink:0}}

/* /capabilities.css */
/* Capabilities page only. */
.cap-page .brand-inline{font:inherit;font-size:1em;line-height:1;letter-spacing:normal;vertical-align:baseline;white-space:nowrap;display:inline-block;text-transform:none}.cap-main{overflow-wrap:break-word}.cap-main figure{margin:0}.cap-main h1,.cap-main h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.cap-main h2{font-size:clamp(33px,8.6vw,48px);line-height:1.18;margin:0 0 25px}.cap-eyebrow,.cap-index{font-size:12px;letter-spacing:.1em;line-height:1.6;margin:0 0 24px}.cap-index{color:#776f62}.cap-hero{background:var(--obsidian);color:var(--porcelain)}.cap-hero-copy{padding:44px 7% 35px}.cap-hero h1{font-size:clamp(37px,9.7vw,52px);line-height:1.12;margin:0 0 27px}.cap-hero h1 em{color:var(--stone);font-weight:400}.cap-hero-copy>p:last-child{font-size:16px;line-height:1.8;color:#c8c6c1;margin:0}.cap-main .cap-equation{padding:5px 7% 42px}.cap-equation ol{list-style:none;margin:0;padding:0}.cap-equation li{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #47413a;font:400 24px/1.35 var(--serif)}.cap-plus{font:400 18px var(--sans);color:#aba294;width:18px;text-align:center;flex-shrink:0}.cap-result{display:flex;gap:20px;align-items:center;border-top:1px solid #81786a;margin-top:16px;padding-top:26px}.cap-result>span{width:18px;font-size:22px;color:#aba294}.cap-result strong{font:italic 30px/1.3 var(--serif);color:var(--stone)}.cap-section{padding:58px 7%}.cap-strategy,.cap-brief,.cap-partners,.cap-materials,.cap-manufacture,.cap-commercial{display:grid;gap:30px}.cap-statement{font:400 27px/1.4 var(--serif);letter-spacing:-.025em;margin:0;max-width:22em}.cap-body{font-size:16px;line-height:1.8;color:#565047;margin:0;max-width:34em}.cap-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-content:start}.cap-list li{font-size:16px;line-height:1.6;border-top:1px solid #cbc4b8;padding:13px 0}.cap-brief{background:#eeebe5}.cap-formulation-grid,.cap-packaging-grid{display:grid;gap:30px}.cap-formulation figure{aspect-ratio:4/3;overflow:hidden;background:var(--stone)}.cap-formulation img{width:100%;height:100%;object-fit:cover;display:block}.cap-partners{background:var(--stone)}.cap-partners .cap-list li{border-color:#bcb2a3}.cap-match{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:center;gap:12px;border-top:1px solid #bcb2a3;border-bottom:1px solid #bcb2a3;padding:20px 0;margin-top:30px;font-size:14px;line-height:1.55}.cap-arrow{font-size:24px;text-align:center;color:#7b6f5d}.cap-materials{background:var(--obsidian);color:var(--porcelain)}.cap-materials .cap-index{color:var(--silver)}.cap-materials .cap-body{color:#c8c6c1}.cap-material-statement{font:400 clamp(33px,9vw,50px)/1.25 var(--serif);letter-spacing:-.03em;margin:0;padding-top:28px;border-top:1px solid #4b4338}.cap-material-statement em{color:var(--stone)}.cap-packaging figure{aspect-ratio:4/3;overflow:hidden;background:var(--porcelain)}.cap-packaging img{display:block;width:100%;height:100%;object-fit:contain}.cap-packaging h3{font:400 23px/1.4 var(--serif);margin:30px 0 18px}.cap-consider-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px;color:#645b4f;font-size:14px;line-height:1.6}.cap-consider-list li{border-bottom:1px solid var(--stone);padding-bottom:5px}.cap-manufacture{background:#eeebe5}.cap-commercial .cap-statement{font-style:italic;color:#6c6254}.cap-final{background:var(--stone);text-align:center}.cap-final h2{max-width:17em;margin:0 auto 25px}.cap-final p{font-size:18px;margin:0 0 28px}.cap-final a{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--obsidian);color:var(--porcelain);padding:15px 24px;min-height:50px;font-size:16px}.cap-final a>span:last-child{margin-left:24px}
@media(min-width:768px){.cap-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}.cap-hero-copy{padding:60px 10%}.cap-hero h1{font-size:clamp(41px,4.5vw,66px)}.cap-main .cap-equation{padding:50px 12% 50px 0}.cap-section{padding:80px 6%}.cap-main h2{font-size:clamp(37px,4.1vw,59px)}.cap-strategy,.cap-brief,.cap-partners,.cap-manufacture,.cap-commercial{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8%;align-items:start}.cap-statement{font-size:30px}.cap-formulation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%;align-items:center}.cap-formulation figure{aspect-ratio:3/4;min-height:450px;position:relative}.cap-formulation img{position:absolute;inset:0;object-position:72% center}.cap-materials{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}.cap-material-statement{border-top:0;border-left:1px solid #4b4338;padding:20px 0 20px 14%;font-size:clamp(34px,4vw,58px)}.cap-packaging-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}.cap-packaging figure{aspect-ratio:3/4}.cap-final h2{font-size:clamp(42px,4.8vw,68px)}}
@media(min-width:1100px){.cap-hero-copy{padding:80px 12%}.cap-equation li{font-size:29px;padding:20px 0}.cap-result strong{font-size:38px}.cap-section{padding:100px 7%}.cap-eyebrow,.cap-index{font-size:14px}.cap-formulation figure{aspect-ratio:1;min-height:470px}.cap-list li{padding:16px 0}.cap-packaging figure{aspect-ratio:1}.cap-material-statement{font-size:clamp(43px,4.1vw,65px)}.cap-final{padding-top:110px;padding-bottom:110px}}

/* /refinement.css */
/* Shared product-development diagram language, scoped to the approved refinements. */
.refined-section{padding:54px 7%}
.system-label{font:400 12px/1.65 var(--sans);letter-spacing:.09em;margin:0 0 20px}
.system-diagram{margin:0;min-width:0;color:var(--obsidian);font-family:var(--sans)}
.system-diagram ul{list-style:none;padding:0;margin:0}
.system-start,.system-result{font-size:14px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase}
.system-start{margin:0;padding:16px 0;border-top:1px solid var(--stone)}
.system-result{border-top:1px solid #9e9689;padding:24px 0 0;margin-top:24px;position:relative}
.system-result:before{content:'↓';display:block;font-size:22px;line-height:1;margin-bottom:18px;color:#686154}
.system-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.system-factors li{border-top:1px solid var(--stone);font:400 22px/1.4 var(--serif);padding:18px 0;overflow-wrap:anywhere}
.system-factors li:before{content:'×';display:block;font:400 14px/1 var(--sans);color:#756955;margin-bottom:12px}
.system-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.system-matrix li{font-size:14px;line-height:1.6;border-top:1px solid var(--stone);padding:13px 0;overflow-wrap:break-word}
.system-flow{list-style:none;padding:0;margin:0;counter-reset:none}
.system-flow li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;position:relative;padding:20px 0;min-height:74px;font-size:15px;line-height:1.55}
.system-flow li:not(:last-child):after{content:'';position:absolute;left:13px;top:49px;bottom:-16px;width:1px;background:#b8b8b5}
.system-index{font:400 12px/1.6 var(--sans);color:#686154}
.refined-home .hero .intro{font-size:17px;line-height:1.75;max-width:33em}
.refined-home .categories-section{padding-top:46px;padding-bottom:50px}
.refined-home .categories-section h2{margin-bottom:25px}
.refined-home .category-row{padding:25px 0}
.refined-home .starting-point{padding-top:48px;padding-bottom:48px}
.starting-friction{margin-top:30px}
.starting-friction .system-label{margin-bottom:12px}
.starting-friction ul{list-style:none;margin:0;padding:0}
.starting-friction li{font-size:15px;line-height:1.6;color:#575148;padding:7px 0}
.home-catalogue{display:grid;gap:36px;border-bottom:1px solid var(--stone)}
.home-catalogue h2{max-width:18em}
.catalogue-copy{max-width:60ch;font-size:16px;line-height:1.85;color:#575148}
.catalogue-copy p{margin:0 0 18px}
.refined-home .home-experience{padding-block:38px}
.refined-home .home-experience h2{font-size:26px}
.refined-home .p2-product-line{padding-block:50px}
.refined-home .p2-capability{padding-block:55px}
.refined-home .p2-fit{padding-top:0;border-left:0;padding-left:0}
.fit-considerations{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:14px;line-height:1.6;color:#575148}
.p2-capability .system-label{margin-top:28px}
.experience-proof{background:#eeebe5}
.experience-proof h2{font:400 clamp(30px,7.5vw,48px)/1.25 var(--serif);letter-spacing:-.035em;max-width:23em;margin:0 0 20px}
.proof-attribution{font-size:14px;line-height:1.7;color:#575148;max-width:62ch;margin:0 0 30px}
.proof-rows{display:grid;gap:30px}
.proof-row{min-width:0;border-top:1px solid #c9c1b4;padding-top:20px}
.proof-index{font-size:12px;line-height:1.6;letter-spacing:.06em;color:#686154;margin:0 0 17px}
.proof-row h3{font:400 26px/1.3 var(--serif);letter-spacing:-.025em;margin:0 0 20px}
.proof-row dl{margin:0}
.proof-row dl>div{margin:0 0 18px}
.proof-row dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.proof-row dd,.proof-row .proof-description{font-size:15px;line-height:1.75;color:#575148;margin:0;max-width:60ch}
.experience-proof .editorial-link{margin-top:20px}
.about-experience .founder-role{font-size:18px;color:var(--obsidian);margin-top:-12px;margin-bottom:25px}
.brief-system blockquote{font:italic 27px/1.35 var(--serif);letter-spacing:-.025em;margin:0 0 30px;max-width:18em}
.brief-system .system-label{margin-bottom:16px}
.beauty-brief-diagram{grid-column:1/-1;padding-top:32px;border-top:1px solid #45413b;margin-top:28px}
.beauty-brief-diagram .system-diagram{color:var(--porcelain)}
.beauty-brief-diagram .system-matrix li{border-color:#45413b}
.beauty-brief-diagram .system-result{border-color:#81786a}
.beauty-brief-diagram .system-result:before{color:var(--silver)}
.format-group{min-width:0}
.format-more{margin-top:17px;border-top:1px solid #c9c4ba}
.format-more summary{cursor:pointer;font-size:14px;line-height:1.6;padding:14px 0;min-height:48px}
.format-more summary span{margin-left:8px}
.format-more[open] summary span{display:none}
.format-more summary:focus-visible{outline:2px solid #826240;outline-offset:4px}
.nutri-platform-note{font-size:14px;line-height:1.7;color:#575148;margin:25px 0 0}
.nutri-principles.intelligence-logic{position:relative}
.nutri-principles.intelligence-logic li{position:relative}
.nutri-principles.intelligence-logic li:not(:last-child):after{content:'';position:absolute;left:10px;top:54px;bottom:-15px;width:1px;background:#b8b8b5}
.nutri-principles.intelligence-logic .nutri-index{position:relative;z-index:1;background:var(--porcelain)}
.ay-path-copy{font-size:16px;line-height:1.8;color:#575148;max-width:60ch}
.cap-partners .match-system{margin-top:30px}
.cap-outputs{background:#eeebe5;display:grid;gap:26px}
.output-map{list-style:none;padding:0;margin:0}
.output-map li{border-top:1px solid #c9c1b4;padding:17px 0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;font-size:16px;line-height:1.6}
.how-hero-visual.how-brief-visual{aspect-ratio:auto;min-height:0;padding:38px 7%;overflow:visible;background:#eeebe5}
.decision-gates{background:#eeebe5}
.how-final h2{grid-column:1/-1}
@media(min-width:768px){
.refined-section{padding:70px 6%}
.refined-home .categories-section{padding-block:60px}
.refined-home .starting-point{padding-block:60px}
.home-catalogue{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;align-items:center}
.proof-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:8%}
.beauty-brief-diagram .brief-system{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8%}
.beauty-brief-diagram .brief-system>.system-label:first-child{grid-column:1;grid-row:1}
.beauty-brief-diagram .brief-system blockquote{grid-column:1;grid-row:2}
.beauty-brief-diagram .brief-system>.system-label:nth-child(3){grid-column:2;grid-row:1}
.beauty-brief-diagram .system-matrix{grid-column:2;grid-row:2/4}
.beauty-brief-diagram .system-result{grid-column:1;grid-row:3;margin:0}
.cap-outputs{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8%}
.how-hero-visual.how-brief-visual{padding:45px 10%}
.nutri-principles.intelligence-logic li:not(:last-child):after{left:15px;top:60px;bottom:-19px}
}
@media(min-width:1100px){
.refined-section{padding:80px 7%}
.refined-home .categories-section,.refined-home .starting-point{padding-block:65px}
.refined-home .p2-product-line,.refined-home .p2-capability{padding-block:70px}
.system-factors li{font-size:26px}
.system-flow-wide{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:30px}
.system-flow-wide li{display:flex;flex-direction:column;gap:24px;padding:0 20px 0 0}
.system-flow-wide li:not(:last-child):after{left:0;right:0;top:30px;bottom:auto;height:1px;width:auto}
}

/* Keep the existing description spacing and grid rhythm for the four experience pillars. */
.proof-row .proof-description{margin-bottom:18px}
@media(min-width:768px){.experience-proof .proof-rows{row-gap:30px}}

/* /hero-images.css */
/* Integrated hero layout; all image files and metadata remain unchanged. */
main .integrated-hero{display:grid;grid-template-columns:minmax(0,1fr);padding:0;margin:0;gap:0;background:var(--obsidian);color:var(--porcelain);min-height:0}
main .integrated-hero-content{min-width:0;padding:42px 7%;display:flex;flex-direction:column;justify-content:center}
main .integrated-hero-content>:is(.hero-copy,.beauty-hero-copy,.nutri-hero-copy,.ay-hero-copy,.cap-hero-copy,.how-hero-copy,.about-hero-heading,.about-hero-story){padding:0;min-width:0}
main .integrated-hero .editorial-hero-frame{position:relative;grid-column:auto;width:100%;height:auto;min-height:0;aspect-ratio:var(--mobile-ratio,5 / 4);margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--obsidian)}
main .integrated-hero .editorial-hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0}
main .integrated-hero .editorial-hero-picture img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:var(--mobile-focus);transform:none}
main .integrated-hero .hero-note{border:0;padding-top:0}
main .integrated-hero .cap-equation{margin:28px 0 0;padding:0;min-height:0}
main .integrated-hero .how-brief-visual{margin:28px 0 0;padding:24px;min-height:0}
main .integrated-hero .about-decisions{margin:20px 0;padding:12px 0}
main .integrated-hero .contact-eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 25px}
main .contact-hero .integrated-hero-content>p:not(.contact-eyebrow){font-size:17px;line-height:1.7;color:#c8c6c1;margin:0 0 6px}
[data-hero="index"]{--desktop-focus:84% 62%;--mobile-focus:86% 58%;--mobile-ratio:5 / 4}
[data-hero="beauty-cosmetics"]{--desktop-focus:91% 59%;--mobile-focus:94% 58%;--mobile-ratio:5 / 4}
[data-hero="nutraceuticals"]{--desktop-focus:93% 65%;--mobile-focus:94% 63%;--mobile-ratio:5 / 4}
[data-hero="ayurveda-ayush"]{--desktop-focus:89% 64%;--mobile-focus:89% 62%;--mobile-ratio:5 / 4}
[data-hero="capabilities"]{--desktop-focus:59% 62%;--mobile-focus:59% 63%;--mobile-ratio:4 / 3}
[data-hero="how-we-work"]{--desktop-focus:51% 64%;--mobile-focus:48% 65%;--mobile-ratio:4 / 3}
[data-hero="about"]{--desktop-focus:62% 57%;--mobile-focus:61% 58%;--mobile-ratio:4 / 3}
[data-hero="contact"]{--desktop-focus:84% 64%;--mobile-focus:85% 62%;--mobile-ratio:5 / 4}
@media(min-width:768px) and (max-width:1099px){main .integrated-hero-content{padding:48px 7%}main .integrated-hero .editorial-hero-frame{aspect-ratio:4 / 3}main .integrated-hero h1{font-size:clamp(40px,5.4vw,58px)}}
@media(min-width:1100px){
 main .integrated-hero{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);min-height:clamp(560px,calc(100svh - 90px),740px);align-items:stretch}
 main .integrated-hero-content{padding:40px clamp(32px,4.2vw,80px)}
 main .integrated-hero .editorial-hero-frame{aspect-ratio:auto;height:100%;min-height:100%;align-self:stretch}
 main .integrated-hero .editorial-hero-picture img{object-position:var(--desktop-focus)}
 main .integrated-hero h1{font-size:clamp(40px,3.9vw,68px)}
 main .integrated-hero .about-decisions{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 main .integrated-hero .cap-equation ol{gap:8px}
}