/* Phase 3 — premium botanical editorial direction */
:root{--yuvi-cream:#FFF7DF;--yuvi-forest:#173D2B;--yuvi-sage:#78966B;--yuvi-rust:#B96335;--yuvi-paper:#F5F1E5}
body.yuvi-home{background:var(--yuvi-paper)}
.site-header{position:sticky;top:0;backdrop-filter:blur(14px);background:rgba(255,247,223,.94);transition:box-shadow .25s}
.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden}
.hero:before{content:"YUVI / 01";position:absolute;z-index:2;left:clamp(22px,6.5vw,100px);top:24px;font-size:9px;letter-spacing:.2em;color:rgba(23,61,43,.48)}
.hero-copy{padding-top:100px;padding-bottom:72px}
.hero h1{font-size:clamp(58px,7.1vw,104px);line-height:.91;letter-spacing:-.065em;max-width:650px}
.hero h1 em{display:inline-block;font-style:italic}
.hero-text{font-size:15px;max-width:360px;line-height:1.95}
.hero-art{min-height:640px;background-color:#e2e6d8;background-position:center;background-size:cover}
.hero-art:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,247,223,.5);pointer-events:none}
.art-note{right:9%;bottom:9%;max-width:190px;font-size:19px;box-shadow:0 18px 45px rgba(23,61,43,.12)}
.button{min-height:50px;letter-spacing:.06em;text-transform:uppercase;font-size:10px}
.button-dark{box-shadow:5px 5px 0 rgba(120,150,107,.3)}
.button-dark:hover{background:#28543c;transform:translate(0,-3px);box-shadow:5px 8px 0 rgba(120,150,107,.24)}
.hero-foot{border-top:1px solid rgba(23,61,43,.18);padding-top:17px;width:100%;max-width:390px}
.intro-section{background:#fffdf7}
.intro-content{gap:clamp(38px,10vw,150px)}
.intro-content h2,.philosophy h2,.closing h2{letter-spacing:-.055em}
.philosophy{position:relative;overflow:hidden}
.philosophy:after{content:"Y";position:absolute;right:-.02em;top:-.3em;font:italic 35vw/.9 Georgia,serif;color:rgba(255,247,223,.035);pointer-events:none}
.philosophy-top,.principles{position:relative;z-index:1}
.principles{gap:0}
.principles article{padding:25px 26px 12px;border-top:1px solid #66806a;border-right:1px solid #66806a;transition:background .25s,transform .25s}
.principles article:first-child{border-left:1px solid #66806a}
.principles article:hover{background:rgba(255,247,223,.045);transform:translateY(-4px)}
.principle-icon{font-size:31px}
.products-section{background:var(--yuvi-paper)}
.products-heading{align-items:end;border-bottom:1px solid #d9dfd0;padding-bottom:24px}
.products-heading h2{letter-spacing:-.055em}
.product-grid{gap:clamp(16px,2.4vw,34px)}
.product-card{min-width:0}
.product-art{height:clamp(300px,39vw,510px);border:1px solid rgba(23,61,43,.08)}
.product-art:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,247,223,.52);pointer-events:none}
.product-stamp{box-shadow:0 10px 30px rgba(23,61,43,.09)}
.product-meta{padding:20px 2px 0;align-items:start}
.product-type{letter-spacing:.2em;font-size:9px}
.product-meta h3{font-size:clamp(20px,2.4vw,29px);letter-spacing:-.025em}
.product-arrow{border:1px solid #c7d1bd;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex:none;transition:background .2s,color .2s,transform .2s}
.product-card:hover .product-arrow{background:var(--yuvi-forest);color:var(--yuvi-cream);transform:rotate(45deg)}
.product-disclaimer{margin-top:30px;padding-top:15px;border-top:1px solid #d9dfd0;font-size:10px;letter-spacing:.03em;color:#758071}
.closing{position:relative;overflow:hidden;background:var(--yuvi-forest);padding:100px 24px 110px}
.closing:before,.closing:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,247,223,.13);border-radius:50%;pointer-events:none}
.closing:before{left:-150px;top:-100px;box-shadow:0 0 0 24px rgba(255,247,223,.025),0 0 0 48px rgba(255,247,223,.02)}
.closing:after{right:-140px;bottom:-170px;box-shadow:0 0 0 24px rgba(255,247,223,.025),0 0 0 48px rgba(255,247,223,.02)}
.closing>*{position:relative;z-index:1}
.closing h2{font-size:clamp(49px,7vw,88px)}
.button-cream{background:var(--yuvi-cream);color:var(--yuvi-forest);margin-top:12px}
.site-footer{background:#f1ecd9}
@media(min-width:1200px){.hero-copy{padding-left:clamp(70px,8vw,130px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero:before{top:18px}.hero-copy{padding:74px 26px 42px}.hero h1{font-size:clamp(57px,14vw,82px)}.hero-art{min-height:410px}.hero-art:before{inset:12px}.intro-section{padding-top:76px;padding-bottom:78px}.intro-content{grid-template-columns:1fr;gap:24px;margin-top:32px}.philosophy{padding-top:72px;padding-bottom:75px}.principles{grid-template-columns:1fr;margin-top:40px}.principles article,.principles article:first-child{border-left:0;border-right:0;padding:22px 0}.principle-icon{margin:13px 0}.products-section{padding-top:75px;padding-bottom:70px}.products-heading{display:block}.products-heading>p{margin-top:18px}.product-grid{gap:16px}.product-art{height:clamp(230px,68vw,370px)}.product-meta{gap:10px}.product-meta h3{font-size:20px}.product-arrow{width:34px;height:34px}.closing{padding:78px 24px 86px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr}.product-art{height:360px}.hero-art{min-height:350px}.hero-foot{margin-top:32px}.products-heading h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.site-header,.principles article,.product-arrow,.button{transition:none!important}}