/*
Theme Name: YUVI NATURALS Coming Soon
Theme URI: https://yuvinaturals.in/
Author: YUVI NATURALS
Description: Private design preview for the YUVI NATURALS botanical wellness brand.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: yuvi-naturals
*/
:root{--cream:#FFF7DF;--forest:#173D2B;--sage:#78966B;--white:#fff;--ink:#263328;--muted:#667164;--line:#d9dfd0;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:12px 16px;background:var(--forest);color:var(--cream);transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--sage);outline-offset:4px}.site-header{position:relative;z-index:20;height:96px;padding:12px clamp(22px,6.5vw,100px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--cream);border-bottom:1px solid #e9e3cf}.menu-toggle{display:none;align-items:center;gap:10px;border:1px solid var(--line);background:transparent;color:var(--forest);padding:10px 12px;font:700 11px var(--sans);cursor:pointer}.menu-toggle-icon{display:flex;flex-direction:column;gap:4px;width:16px}.menu-toggle-icon span{height:1px;width:16px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-toggle-icon span:first-child{transform:translateY(2.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-icon span:last-child{transform:translateY(-2.5px) rotate(-45deg)}.brand{display:flex;align-items:center}.brand img{width:78px;height:78px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:12px;letter-spacing:.035em}.main-nav a:hover,.footer-links a:hover{color:var(--sage)}.header-cta{font-size:12px;font-weight:700;border-bottom:1px solid var(--forest);padding:10px 0}.header-cta span,.button span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:var(--cream)}.hero-copy{padding:80px clamp(26px,7vw,104px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--sage);margin:0 0 22px;text-transform:uppercase}.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--sage);vertical-align:middle;margin-right:9px}.hero h1,.intro-content h2,.philosophy h2,.products-heading h2,.closing h2{font:400 clamp(47px,5.5vw,78px)/.99 var(--serif);letter-spacing:-.045em;color:var(--forest);margin:0}.hero h1 em,.intro-content h2 em,.philosophy h2 em,.closing h2 em{font-weight:400;color:var(--sage)}.hero-text{font-size:15px;line-height:1.85;max-width:390px;color:#596456;margin:27px 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-size:11px;letter-spacing:.03em;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--forest);color:var(--cream)}.hero-foot{display:flex;gap:12px;align-items:center;margin-top:44px;color:#65705e;font-size:10px;line-height:1.6}.hero-foot b{font-size:9px;letter-spacing:.1em;color:var(--forest)}.leaf-mark{font-size:28px;color:var(--sage)}.hero-art{position:relative;min-height:590px;background:linear-gradient(180deg,rgba(23,61,43,.03),rgba(23,61,43,.08)),url('assets/botanical-hero.jpg') center/cover no-repeat}.art-note{position:absolute;right:7%;bottom:7%;background:var(--cream);color:var(--forest);padding:17px 22px;font:italic 17px/1.3 var(--serif);border:1px solid rgba(23,61,43,.16)}.intro-section{padding:100px clamp(25px,10vw,150px) 110px;background:#fff}.section-kicker{font-size:10px;letter-spacing:.18em;color:var(--sage);font-weight:700}.intro-content{display:grid;grid-template-columns:1fr .8fr;gap:clamp(35px,9vw,130px);margin-top:48px;align-items:start}.intro-content h2{font-size:clamp(43px,5vw,65px)}.intro-content p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 17px}.text-link{display:inline-block;margin-top:15px;padding-bottom:8px;border-bottom:1px solid var(--sage);font-size:12px;font-weight:700;color:var(--forest)}.text-link span{margin-left:18px}.philosophy{padding:86px clamp(25px,8vw,120px) 95px;background:var(--forest);color:var(--cream)}.philosophy .eyebrow{color:#c1d0a8}.philosophy h2{font-size:clamp(44px,5vw,67px);color:var(--cream)}.philosophy h2 em{color:#c1d0a8}.philosophy-top>p:last-child{font-size:13px;color:#d0d9c9;margin-top:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.principles article{position:relative;padding:26px 22px 0 0;border-top:1px solid #52705a}.principle-num{font-size:10px;color:#c1d0a8;letter-spacing:.12em}.principle-icon{font-size:28px;color:#c1d0a8;margin:23px 0 18px}.principles h3{font:400 23px var(--serif);margin:0 0 13px;color:var(--cream)}.principles p{font-size:12px;line-height:1.9;color:#d0d9c9;max-width:280px;margin:0}.products-section{padding:100px clamp(25px,8vw,120px) 90px;background:#fff}.products-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.products-heading h2{font-size:clamp(38px,4.6vw,60px)}.products-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-art{height:clamp(280px,35vw,460px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-art-one{background:radial-gradient(ellipse at 48% 42%,#f6b06c 0,#df8a4d 14%,transparent 15%),radial-gradient(ellipse at 59% 54%,#e8a05e 0,#e8a05e 11%,transparent 12%),radial-gradient(ellipse at 37% 61%,#c96f3d 0,#c96f3d 12%,transparent 13%),linear-gradient(135deg,#e9eadc,#d2dbc6)}.product-art-two{background:radial-gradient(ellipse at 48% 45%,#e7a05e 0,#d9874b 15%,transparent 16%),radial-gradient(ellipse at 59% 56%,#c9703f 0,#c9703f 13%,transparent 14%),radial-gradient(ellipse at 37% 60%,#efb06d 0,#efb06d 12%,transparent 13%),linear-gradient(135deg,#f1e6d3,#d9e1d0)}.product-stamp{position:absolute;display:grid;place-content:center;width:150px;height:150px;border-radius:50%;border:1px solid rgba(23,61,43,.5);background:rgba(255,247,223,.72);color:var(--forest);font:italic 23px/1.15 var(--serif);text-align:center;letter-spacing:.04em;transform:rotate(-9deg)}.coming{position:absolute;right:17px;top:17px;background:var(--cream);color:var(--forest);padding:9px 11px;font-size:9px;font-weight:700;letter-spacing:.13em}.product-meta{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.product-type{font-size:9px;letter-spacing:.16em;color:var(--sage);font-weight:700;margin:0 0 8px}.product-meta h3{font:400 23px var(--serif);color:var(--forest);margin:0}.product-arrow{font-size:22px;color:var(--sage)}.product-disclaimer{font-size:10px;color:#7b8479;margin-top:18px}.closing{text-align:center;padding:86px 20px 95px;background:var(--cream)}.closing .eyebrow{margin-bottom:22px}.closing h2{font-size:clamp(43px,5vw,68px)}.closing>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:22px 0 28px}.button-cream{background:var(--forest);color:var(--cream)}footer,.site-footer{padding:36px 24px 24px;background:#fff;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1080px;margin:0 auto 28px;align-items:start}.footer-brand-block{text-align:left}.footer-brand img{width:64px;height:64px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.footer-brand-block>p{font:italic 16px var(--serif);color:var(--muted);margin:10px 0 22px}.footer-links{display:flex;justify-content:center;gap:28px;font-size:11px;margin-bottom:25px;flex-wrap:wrap}.footer-links a{color:var(--forest)}.contact-details{max-width:650px;margin:0 auto 25px;padding:22px 18px;background:var(--cream);text-align:center}.contact-details h3{font:400 21px var(--serif);color:var(--forest);margin:0 0 13px}.contact-details p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0}.contact-details strong{color:var(--forest)}.contact-details a{text-decoration:underline;text-underline-offset:3px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1080px;margin:0 auto 28px;align-items:start}.footer-brand-block{text-align:left}.footer-brand-block>p{font:italic 16px var(--serif);color:var(--muted);margin:10px 0 22px}.footer-links{justify-content:flex-end;gap:22px;margin:18px 0 25px}.contact-details{grid-column:1/-1;max-width:760px;width:100%;margin:0 auto;padding:22px 18px;background:var(--cream);text-align:center}.contact-details h2{font:400 21px var(--serif);color:var(--forest);margin:0 0 13px}.footer-legal{display:block;padding-top:20px;border-top:1px solid #eef0e8;color:#7a8277;font-size:9px;letter-spacing:.05em;text-align:center}.content-page{min-height:55vh;padding:76px 24px 100px;background:#fff}.content-article,.error-page{max-width:850px;margin:0 auto}.content-header{padding:28px 0 35px;border-bottom:1px solid var(--line);margin-bottom:32px}.content-header h1,.error-page h1{font:400 clamp(42px,6vw,68px)/1.05 var(--serif);letter-spacing:-.04em;color:var(--forest);margin:0}.post-meta{font-size:12px;color:var(--muted)}.entry-content{font-size:15px;line-height:1.9;color:var(--muted)}.entry-content h2,.entry-content h3{font-family:var(--serif);font-weight:400;color:var(--forest);line-height:1.2}.entry-content a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}.entry-content img{height:auto}.post-featured-image{margin:25px 0}.post-featured-image img{width:100%;height:auto}.error-page{padding-top:110px;padding-bottom:120px}.error-page>p:not(.eyebrow){line-height:1.8;color:var(--muted);margin:24px 0}.footer-links a:hover,.main-nav a:hover{color:var(--sage)}@media(max-width:760px){.footer-main{grid-template-columns:1fr;gap:12px}.footer-brand-block{text-align:center}.footer-links{justify-content:center;gap:16px;margin:15px 0 22px}.contact-details{grid-column:auto}.content-page{padding:52px 22px 70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:760px){.site-header{height:82px;padding:9px 18px;gap:14px}.brand img{width:62px;height:62px}.menu-toggle{display:inline-flex;order:3}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:14px 22px 20px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 12px 18px rgba(23,61,43,.08);align-items:stretch;gap:0;font-size:13px}.main-nav.is-open{display:flex;flex-direction:column}.main-nav a{padding:14px 4px;border-bottom:1px solid var(--line)}.main-nav a:last-child{border-bottom:0}.header-cta{font-size:10px}.header-cta span{margin-left:5px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 27px 48px}.hero h1{font-size:clamp(53px,12vw,75px)}.hero-art{min-height:340px;grid-row:1}.intro-section{padding:68px 26px 75px}.intro-content{grid-template-columns:1fr;gap:25px;margin-top:35px}.philosophy{padding:65px 26px 70px}.principles{grid-template-columns:1fr;gap:25px;margin-top:42px}.principles article{padding-top:18px}.principle-icon{margin:13px 0}.principles p{max-width:480px}.products-section{padding:70px 22px}.products-heading{display:block}.products-heading>p{margin-top:18px}.product-grid{gap:12px}.product-art{height:clamp(200px,54vw,330px)}.product-stamp{width:105px;height:105px;font-size:17px}.coming{top:9px;right:8px;padding:7px;font-size:8px}.product-meta h3{font-size:18px}.product-type{font-size:8px}.closing{padding:68px 18px 75px}}@media(max-width:430px){.hero-art{min-height:290px}.product-grid{grid-template-columns:1fr}.product-art{height:300px}.products-heading h2{font-size:42px}.site-header{gap:8px}.header-cta{white-space:nowrap}.hero-text{font-size:14px}}