:root{
  --bg:#090806;--bg2:#12100d;--bg3:#19150f;--paper:#efe8db;--ink:#18130d;--line:rgba(255,255,255,.12);
  --gold:#cda45a;--gold2:#f0d18a;--gold3:#8e6d38;--text:#f5efe4;--muted:#c8c0b2;--muted2:#9f9688;
  --serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(153,111,35,.11),transparent 24%),var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}
a,button{font:inherit}
img{display:block;max-width:100%}
button{background:none;border:0;color:inherit;cursor:pointer}
.page-view{display:none;min-height:100vh}.page-view.active{display:block;animation:fadePage .5s ease}
@keyframes fadePage{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}
.container{width:min(1220px,calc(100% - 32px));margin:auto}
.topbar{position:fixed;inset:0 0 auto;z-index:80;background:linear-gradient(180deg,rgba(7,6,5,.96),rgba(7,6,5,.62),transparent);backdrop-filter:blur(14px)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font:700 26px/1 var(--serif);letter-spacing:.05em}.brand span{color:var(--gold)}
.navlinks{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.navlinks button{padding:10px 12px;border-radius:999px;color:#e6dfd1;font-size:13px;transition:.22s}.navlinks button:hover,.navlinks button.active{background:rgba(255,255,255,.07);color:#fff}.navlinks .nav-cta{border:1px solid rgba(205,164,90,.55);padding-inline:16px}.menu-btn{display:none;font-size:28px}
.page-hero{padding:145px 0 70px;background:radial-gradient(circle at 85% 20%,rgba(205,164,90,.14),transparent 26%),linear-gradient(180deg,#100e0b,transparent)}
.eyebrow{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);font-weight:800}
h1,h2,h3,h4,p{margin-top:0}h1{font:500 clamp(3.4rem,8vw,7.6rem)/.9 var(--serif);letter-spacing:-.045em}h2{font:500 clamp(2.5rem,6vw,5.3rem)/.95 var(--serif);letter-spacing:-.04em}h3{font:500 clamp(1.45rem,2.2vw,2.05rem)/1.04 var(--serif)}h4{font:600 1rem/1.2 var(--sans)}p{line-height:1.8;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);text-decoration:none;color:#fff;font-weight:700;font-size:13px;letter-spacing:.01em;transition:.25s}.btn.primary{background:var(--gold);color:#141008;border-color:var(--gold)}.btn:hover{transform:translateY(-3px)}
.hero{min-height:100svh;display:flex;align-items:center;padding:118px 0 64px;position:relative;overflow:hidden;background:radial-gradient(circle at 73% 27%,rgba(205,164,90,.18),transparent 24%),radial-gradient(circle at 22% 75%,rgba(120,78,33,.18),transparent 29%),#090806}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px}.hero-copy p{max-width:620px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.scene{height:min(700px,72svh);min-height:540px;position:relative;perspective:1200px;transform-style:preserve-3d}
.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(205,164,90,.28);pointer-events:none}.ring.r1{width:520px;height:520px;animation:spin 24s linear infinite}.ring.r2{width:370px;height:370px;border-style:dashed;animation:spinR 13s linear infinite}.ring.r3{width:250px;height:250px;box-shadow:inset 0 0 80px rgba(205,164,90,.07);animation:pulse 4s ease-in-out infinite}.core-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(236,194,110,.34),rgba(205,164,90,.09) 48%,transparent 75%);filter:blur(5px);animation:breathe 4s ease-in-out infinite}
.product-bottle{--c1:#21150a;--c2:#c48d39;position:absolute;left:50%;top:50%;width:112px;height:278px;filter:drop-shadow(0 26px 36px rgba(0,0,0,.38));transform-style:preserve-3d}
.product-bottle .cap{position:absolute;left:22%;top:-18px;width:56%;height:28px;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#6e521f,#f4d791,#6e521f)}
.product-bottle .body{position:absolute;inset:0;border-radius:28px 28px 18px 18px;background:linear-gradient(90deg,var(--c1),var(--c2) 50%,var(--c1));border:1px solid rgba(255,255,255,.13);overflow:hidden;box-shadow:inset 10px 0 24px rgba(255,255,255,.05),inset -14px 0 24px rgba(0,0,0,.16)}
.product-bottle .body:before{content:"";position:absolute;left:12px;top:10px;bottom:10px;width:14%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0));filter:blur(2px)}
.product-bottle .label{position:absolute;left:10px;right:10px;top:84px;padding:14px 5px;border-block:1px solid rgba(240,209,138,.35);background:rgba(10,8,5,.15);text-align:center;font-family:var(--serif);font-size:14px;letter-spacing:.13em;color:#f7e0a9}.product-bottle .label span{display:block;margin-top:6px;font:700 8px var(--sans);letter-spacing:.17em;color:#d8c093}
.hero-main{margin:-139px 0 0 -56px;animation:floatMain 5s ease-in-out infinite}.hero-a{width:78px;height:195px;margin:-258px 0 0 -255px;animation:orbA 9s ease-in-out infinite}.hero-b{width:74px;height:184px;margin:80px 0 0 172px;animation:orbB 8.5s ease-in-out infinite}.hero-c{width:70px;height:173px;margin:-242px 0 0 188px;animation:orbC 10s ease-in-out infinite}.hero-d{width:66px;height:165px;margin:112px 0 0 -230px;animation:orbD 11s ease-in-out infinite}.hero-e{width:70px;height:172px;margin:185px 0 0 -30px;animation:orbE 9.5s ease-in-out infinite}.hero-a .label,.hero-b .label,.hero-c .label,.hero-d .label,.hero-e .label{top:56px;font-size:10px}.hero-a .label span,.hero-b .label span,.hero-c .label span,.hero-d .label span,.hero-e .label span{font-size:6px}
.hero-tag{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(14,11,8,.7);backdrop-filter:blur(9px);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d8ccb7;animation:tagFloat 5s ease-in-out infinite}.hero-tag.t1{left:2%;top:47%}.hero-tag.t2{right:3%;top:16%;animation-delay:1.2s}.hero-tag.t3{right:5%;bottom:17%;animation-delay:2.4s}
.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 22px var(--gold2);opacity:.8;animation:twinkle 2.2s ease-in-out infinite}.s1{left:14%;top:23%}.s2{right:11%;top:44%;animation-delay:.7s}.s3{left:23%;bottom:14%;animation-delay:1.4s}.s4{right:27%;bottom:10%;animation-delay:.35s}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#0e0c09}.track{display:flex;width:max-content;white-space:nowrap;padding:14px 0;animation:mar 22s linear infinite}.track span{padding-right:34px;color:#cdc5b8;font-size:11px;letter-spacing:.16em}.track b{color:var(--gold2)}
.section{padding:92px 0}.section.light{background:var(--paper);color:var(--ink)}.section.light p{color:#665e53}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:38px}.section-head p{margin:0}
.page-shell{padding-top:108px}.page-intro{padding:50px 0 24px}.page-intro p{max-width:760px}
.overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.statement-card,.stats-card,.content-card,.contact-card,.gallery-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:28px;padding:28px;overflow:hidden;position:relative}.statement-card:before,.stats-card:before,.content-card:before,.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 35%);pointer-events:none}
.stats-card{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-stat{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.02)}.mini-stat b{display:block;font:500 2rem/1 var(--serif);color:var(--gold2);margin-bottom:7px}.mini-stat span{color:#d7cebf;font-size:12px;line-height:1.5}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat-card{position:relative;min-height:320px;border-radius:26px;border:1px solid var(--line);overflow:hidden;isolation:isolate;background:#14110d}.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.72);transition:.7s}.cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(5,4,3,.18) 44%,rgba(5,4,3,.96) 92%);z-index:1}.cat-card:hover img{transform:scale(1.08)}.cat-card .copy{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.cat-card .num{font-size:10px;letter-spacing:.18em;color:var(--gold2)}.cat-card h3{margin:9px 0 8px}.cat-card p{font-size:13px;margin:0;color:#cfc6b7}.mini-bottle{position:absolute;right:14px;top:18px;width:52px;height:118px;border-radius:16px 16px 10px 10px;background:linear-gradient(90deg,#25170b,#d19d4d,#25170b);box-shadow:0 16px 24px rgba(0,0,0,.36);animation:miniFloat 3.8s ease-in-out infinite}.mini-bottle:before{content:"";position:absolute;top:-12px;left:11px;right:11px;height:16px;border-radius:5px;background:linear-gradient(90deg,#765727,#e0c57e,#765727)}.mini-bottle:after{content:"YG";position:absolute;top:47px;left:6px;right:6px;padding:6px 0;text-align:center;border-block:1px solid rgba(240,209,138,.4);color:#f7dfa4;font:700 9px var(--serif);letter-spacing:.14em}
.product-page{padding:26px 0 70px}.product-layout{display:grid;grid-template-columns:420px 1fr;gap:28px;align-items:start}.motion-panel{position:sticky;top:98px;min-height:610px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(205,164,90,.12),transparent 30%),linear-gradient(180deg,#12100d,#0c0b08);overflow:hidden;display:flex;align-items:center;justify-content:center}
.motion-core{position:relative;width:100%;height:100%;min-height:610px}.motion-core .ring{position:absolute}.motion-core .ring.r1{width:340px;height:340px}.motion-core .ring.r2{width:220px;height:220px}.motion-core .ring.r3{width:120px;height:120px}
.center-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#19140d,#090806);border:1px solid rgba(240,209,138,.25);box-shadow:0 0 40px rgba(205,164,90,.12);font:700 18px/1.1 var(--serif);letter-spacing:.18em;text-align:center;color:#f4dfb2}
.orb-bottle{position:absolute;left:50%;top:50%;width:86px;height:205px;margin:-102px 0 0 -43px;border-radius:24px 24px 12px 12px;background:linear-gradient(90deg,#24170b,#c9923e,#24170b);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px rgba(0,0,0,.3)}.orb-bottle:before{content:"";position:absolute;top:-14px;left:18px;right:18px;height:20px;border-radius:7px;background:linear-gradient(90deg,#735426,#e7cb83,#735426)}.orb-bottle:after{content:attr(data-name);position:absolute;left:8px;right:8px;top:82px;padding:10px 0;text-align:center;border-block:1px solid rgba(240,209,138,.36);font:700 10px var(--serif);letter-spacing:.18em;color:#f7dfaa}
.ob1{transform:translate(-50%,-50%) rotate(0deg) translateY(-220px);animation:around1 15s linear infinite}.ob2{transform:translate(-50%,-50%) rotate(60deg) translateY(-220px);animation:around2 18s linear infinite}.ob3{transform:translate(-50%,-50%) rotate(120deg) translateY(-220px);animation:around3 16s linear infinite}.ob4{transform:translate(-50%,-50%) rotate(180deg) translateY(-220px);animation:around4 19s linear infinite}.ob5{transform:translate(-50%,-50%) rotate(240deg) translateY(-220px);animation:around5 17s linear infinite}.ob6{transform:translate(-50%,-50%) rotate(300deg) translateY(-220px);animation:around6 20s linear infinite}
.product-content{display:grid;gap:22px}.headline-card{padding:24px 0 0}.headline-card p{max-width:740px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.prod-card{position:relative;display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));overflow:hidden}.prod-card:nth-child(odd){transform:translateY(0)}.prod-card:nth-child(even){transform:translateY(20px)}.prod-card .icon-bottle{width:92px;height:180px;border-radius:24px 24px 12px 12px;background:linear-gradient(90deg,#25170b,#cf9c4d,#25170b);position:relative;box-shadow:0 18px 30px rgba(0,0,0,.28);animation:cardBottle 4.5s ease-in-out infinite}.prod-card .icon-bottle:before{content:"";position:absolute;top:-12px;left:18px;right:18px;height:18px;border-radius:6px;background:linear-gradient(90deg,#765727,#e0c57f,#765727)}.prod-card .icon-bottle:after{content:attr(data-short);position:absolute;left:8px;right:8px;top:74px;padding:8px 0;text-align:center;border-block:1px solid rgba(240,209,138,.4);font:700 10px var(--serif);letter-spacing:.18em;color:#f7dfa6}.prod-card h4{font-size:20px;margin:0 0 8px}.prod-card p{font-size:14px;margin:0 0 12px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#ddd2bf}
.banner-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.banner{position:relative;min-height:210px;border-radius:26px;overflow:hidden;border:1px solid var(--line);padding:26px;background:linear-gradient(135deg,rgba(205,164,90,.16),rgba(255,255,255,.02));display:flex;align-items:flex-end}.banner .float-side{position:absolute;right:20px;top:22px;width:74px;height:172px;border-radius:22px 22px 12px 12px;background:linear-gradient(90deg,#24170b,#cf9b48,#24170b);animation:sideRise 4s ease-in-out infinite}.banner .float-side:before{content:"";position:absolute;left:15px;right:15px;top:-14px;height:20px;border-radius:6px;background:linear-gradient(90deg,#735426,#e6cb83,#735426)}.banner .float-side:after{content:"YG";position:absolute;left:8px;right:8px;top:72px;padding:10px 0;text-align:center;border-block:1px solid rgba(240,209,138,.38);font:700 10px var(--serif);letter-spacing:.18em;color:#f7dfa8}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-card{border:1px solid var(--line);border-radius:24px;padding:26px;background:rgba(255,255,255,.02)}
.photo-stack{position:relative;min-height:530px}.photo-stack .big,.photo-stack .small,.photo-stack .third{position:absolute;object-fit:cover;border-radius:28px}.photo-stack .big{left:0;top:0;width:74%;height:82%;box-shadow:0 26px 40px rgba(0,0,0,.38)}.photo-stack .small{right:0;top:60px;width:42%;height:40%;border:8px solid #f3ebde}.photo-stack .third{right:7%;bottom:0;width:40%;height:34%;border:8px solid #15120d;animation:tiltCard 6s ease-in-out infinite}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:220px;gap:14px}.gallery-grid .item{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.gallery-grid .item:first-child{grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.83);transition:.5s}.gallery-grid .item:hover img{transform:scale(1.06)}.gallery-grid .cap{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(10,8,6,.74);border:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.12em}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px}.form-grid{display:grid;gap:12px}input,textarea{width:100%;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#14110d;color:#fff;outline:none}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus{border-color:rgba(205,164,90,.6)}
.footer{padding:55px 0 34px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:24px}.footer a{color:#ddd4c4;text-decoration:none}.footer p{margin-bottom:0}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#8c8375;font-size:12px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
.whatsapp{position:fixed;right:18px;bottom:18px;z-index:72;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;font-size:25px;box-shadow:0 12px 28px rgba(0,0,0,.35)}

@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}} @keyframes spinR{to{transform:translate(-50%,-50%) rotate(-360deg)}} @keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.48}} @keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.18);opacity:.72}} @keyframes floatMain{0%,100%{transform:translateY(-10px) rotateY(-6deg)}50%{transform:translateY(14px) rotateY(10deg)}} @keyframes orbA{50%{transform:translate(46px,32px) rotate(8deg)}} @keyframes orbB{50%{transform:translate(-42px,-28px) rotate(-8deg)}} @keyframes orbC{50%{transform:translate(-48px,42px) rotate(-8deg)}} @keyframes orbD{50%{transform:translate(42px,-38px) rotate(7deg)}} @keyframes orbE{50%{transform:translate(0,-28px) rotate(8deg)}} @keyframes tagFloat{50%{transform:translateY(-12px)}} @keyframes twinkle{50%{transform:scale(2);opacity:.25}} @keyframes mar{to{transform:translateX(-50%)}} @keyframes miniFloat{50%{transform:translateY(16px) rotate(8deg)}} @keyframes cardBottle{50%{transform:translateY(-10px) rotate(3deg)}} @keyframes sideRise{50%{transform:translateY(20px) rotate(8deg)}} @keyframes tiltCard{50%{transform:rotate(-6deg) translateY(-10px)}}
@keyframes around1{to{transform:translate(-50%,-50%) rotate(360deg) translateY(-220px) rotate(-360deg)}} @keyframes around2{to{transform:translate(-50%,-50%) rotate(420deg) translateY(-220px) rotate(-420deg)}} @keyframes around3{to{transform:translate(-50%,-50%) rotate(480deg) translateY(-220px) rotate(-480deg)}} @keyframes around4{to{transform:translate(-50%,-50%) rotate(540deg) translateY(-220px) rotate(-540deg)}} @keyframes around5{to{transform:translate(-50%,-50%) rotate(600deg) translateY(-220px) rotate(-600deg)}} @keyframes around6{to{transform:translate(-50%,-50%) rotate(660deg) translateY(-220px) rotate(-660deg)}}

@media(max-width:1080px){
  .hero-grid,.overview-grid,.product-layout,.story-grid,.contact-grid{grid-template-columns:1fr}.motion-panel{position:relative;top:auto;min-height:560px}.category-grid{grid-template-columns:1fr 1fr}.product-grid,.banner-row{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:14px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .item:first-child{grid-row:span 1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:860px){
  .menu-btn{display:block}.navlinks{display:none;position:fixed;left:12px;right:12px;top:76px;background:rgba(8,7,5,.97);border:1px solid var(--line);padding:14px;border-radius:24px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks button{text-align:left}.category-grid,.product-grid{grid-template-columns:1fr}.stats-card{grid-template-columns:1fr 1fr}.page-hero{padding-top:130px}
}
@media(max-width:620px){
  .container{width:min(100% - 24px,1220px)}.nav{height:68px}.navlinks{top:66px}.hero{padding-top:100px}.hero h1{font-size:clamp(3rem,15vw,5.1rem)}.hero-copy p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.scene{height:500px;min-height:500px;transform:scale(.84);transform-origin:center top;margin-bottom:-58px}.ring.r1{width:430px;height:430px}.hero-a{margin-left:-218px}.hero-b{margin-left:132px}.hero-c{margin-left:140px}.hero-d{margin-left:-200px}.hero-tag{font-size:8px}.section{padding:74px 0}.page-hero{padding-top:118px;padding-bottom:50px}.stats-card{grid-template-columns:1fr}.product-layout{gap:18px}.motion-panel{min-height:470px}.motion-core{min-height:470px}.motion-core .ring.r1{width:280px;height:280px}.motion-core .ring.r2{width:180px;height:180px}.center-chip{width:112px;height:112px;font-size:15px}.orb-bottle{width:70px;height:168px;margin:-84px 0 0 -35px}.ob1,.ob2,.ob3,.ob4,.ob5,.ob6{transform-origin:center center}.product-grid .prod-card{grid-template-columns:1fr;justify-items:center;text-align:center}.prod-card:nth-child(even){transform:none}.story-grid,.contact-grid,.footer-grid,.banner-row,.gallery-grid{grid-template-columns:1fr}.photo-stack{min-height:420px}.photo-stack .big{width:100%;height:75%}.photo-stack .small{display:none}.photo-stack .third{width:46%;height:28%;right:0}.footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Multi-page source build overrides */
.page-view{display:block!important;min-height:auto!important}
.route-link{color:inherit;text-decoration:none}
.navlinks a{padding:10px 12px;border-radius:999px;color:#e6dfd1;font-size:13px;transition:.22s;text-decoration:none}
.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.07);color:#fff}
.navlinks a.nav-cta{border:1px solid rgba(205,164,90,.55);padding-inline:16px}
@media(max-width:860px){.navlinks a{text-align:left}}

/* Navbar update based on supplied reference */
.navlinks{gap:4px;flex-wrap:nowrap}
.navlinks a{white-space:nowrap}
.nav-whatsapp{width:46px;height:42px;display:grid!important;place-items:center;padding:0!important;margin-left:8px;border:1px solid rgba(37,211,102,.55)!important;border-radius:4px!important;color:#25D366!important;background:rgba(37,211,102,.05)}
.nav-whatsapp:hover{background:#25D366!important;color:#07140b!important;border-color:#25D366!important}
.nav-whatsapp svg{width:22px;height:22px;display:block}
@media(max-width:1160px) and (min-width:861px){.navlinks a{padding:9px 8px;font-size:12px}.nav-whatsapp{width:42px;height:38px;margin-left:4px}.brand{font-size:23px}}
@media(max-width:860px){.navlinks{flex-wrap:nowrap}.nav-whatsapp{width:100%;height:46px;margin:4px 0 0;border-radius:14px!important}.navlinks a{text-align:left}}


.demo-page{display:none;min-height:60vh}
.demo-page.active{display:block;animation:demoFade .35s ease}
@keyframes demoFade{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.navlinks a{cursor:pointer}

/* ===== About page v2 ===== */
.about-intro-copy h2{font-size:clamp(2.5rem,5.3vw,4.8rem);margin-bottom:18px}
.about-kickers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.about-kicker{position:relative;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);overflow:hidden;transition:.35s}
.about-kicker:hover{transform:translateY(-7px);border-color:rgba(205,164,90,.42)}
.about-kicker:before{content:"";position:absolute;inset:auto -40px -70px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(205,164,90,.17),transparent 70%)}
.about-kicker .ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-bottom:15px;border:1px solid rgba(240,209,138,.25);background:rgba(205,164,90,.08);font-size:20px;animation:aboutIcon 4s ease-in-out infinite}
.about-kicker:nth-child(2) .ico{animation-delay:.7s}.about-kicker:nth-child(3) .ico{animation-delay:1.4s}
.about-kicker h3{font-size:1.45rem;margin:0 0 8px}.about-kicker p{font-size:13px;margin:0}

.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vm-card{position:relative;padding:34px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(205,164,90,.08),rgba(255,255,255,.015));min-height:330px}
.vm-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(205,164,90,.14);border-radius:50%;right:-72px;bottom:-86px;animation:vmSpin 14s linear infinite}
.vm-card .vm-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,209,138,.3);color:var(--gold2);font-size:26px;margin-bottom:28px;box-shadow:0 0 35px rgba(205,164,90,.08)}
.vm-card h3{font-size:2rem;margin-bottom:10px}.vm-card p{position:relative;z-index:2}

.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.value-card{position:relative;padding:25px 20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:260px;overflow:hidden;transition:.35s}
.value-card:hover{transform:translateY(-9px)}
.value-card .value-icon{font-size:28px;margin-bottom:28px;display:inline-grid;width:54px;height:54px;place-items:center;border-radius:18px;background:rgba(205,164,90,.08);border:1px solid rgba(205,164,90,.18);animation:valueBob 4.6s ease-in-out infinite}
.value-card:nth-child(2) .value-icon{animation-delay:.6s}.value-card:nth-child(3) .value-icon{animation-delay:1.2s}.value-card:nth-child(4) .value-icon{animation-delay:1.8s}
.value-card h3{font-size:1.5rem}.value-card p{font-size:13px;margin:0}

.leader-section{position:relative;overflow:hidden}
.leader-section:before{content:"";position:absolute;left:50%;top:52%;width:760px;height:760px;border-radius:50%;border:1px solid rgba(205,164,90,.08);transform:translate(-50%,-50%);animation:leadBgSpin 30s linear infinite;pointer-events:none}
.leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}
.leader-card{position:relative;border:1px solid var(--line);border-radius:32px;padding:26px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;min-height:520px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;animation:leaderFloat 6s ease-in-out infinite}
.leader-card:nth-child(2){animation-delay:1.3s}
.leader-card:hover{transform:translateY(-14px) rotateX(2deg);border-color:rgba(205,164,90,.45);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.leader-visual{position:relative;height:235px;border-radius:24px;display:grid;place-items:center;margin-bottom:26px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(205,164,90,.22),rgba(205,164,90,.03) 46%,transparent 70%),#0d0b08}
.leader-orbit{position:absolute;border-radius:50%;border:1px solid rgba(240,209,138,.22);left:50%;top:50%;transform:translate(-50%,-50%);animation:leaderOrbit 15s linear infinite}
.leader-orbit.o1{width:205px;height:205px}.leader-orbit.o2{width:145px;height:145px;border-style:dashed;animation-duration:10s;animation-direction:reverse}
.leader-avatar{position:relative;z-index:2;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d5b66e,#6f5121);color:#171108;font:700 34px var(--serif);box-shadow:0 20px 55px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.3);animation:avatarPulse 4s ease-in-out infinite}
.leader-card:nth-child(2) .leader-avatar{background:linear-gradient(145deg,#c7d0af,#61774c)}
.leader-role{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:800;margin-bottom:9px}
.leader-card h3{font-size:2.05rem;margin-bottom:13px}
.leader-card p{font-size:14px}
.leader-exp{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:999px;border:1px solid rgba(205,164,90,.22);color:#e6d4ae;background:rgba(205,164,90,.055);font-size:11px;letter-spacing:.08em}

.about-cta{position:relative;border:1px solid var(--line);border-radius:34px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(205,164,90,.14),rgba(255,255,255,.015))}
.about-cta:after{content:"";position:absolute;right:-110px;top:-110px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(240,209,138,.16);animation:ctaPulse 6s ease-in-out infinite}
.about-cta h2{font-size:clamp(2.2rem,5vw,4.2rem);margin-bottom:8px}.about-cta p{margin:0}

@keyframes aboutIcon{50%{transform:translateY(-7px) rotate(7deg)}} 
@keyframes vmSpin{to{transform:rotate(360deg)}} 
@keyframes valueBob{50%{transform:translateY(-9px) rotate(-5deg)}} 
@keyframes leadBgSpin{to{transform:translate(-50%,-50%) rotate(360deg)}} 
@keyframes leaderOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}} 
@keyframes leaderFloat{50%{transform:translateY(-10px)}} 
@keyframes avatarPulse{50%{transform:scale(1.055);box-shadow:0 26px 62px rgba(0,0,0,.46),0 0 35px rgba(205,164,90,.13)}} 
@keyframes ctaPulse{50%{transform:scale(1.12);opacity:.55}}

@media(max-width:980px){.about-kickers,.values-grid{grid-template-columns:1fr 1fr}.vm-grid{grid-template-columns:1fr}.leader-grid{grid-template-columns:1fr 1fr;max-width:820px}.about-cta{grid-template-columns:1fr}}
@media(max-width:660px){.about-kickers,.values-grid,.leader-grid{grid-template-columns:1fr}.leader-card{min-height:auto}.about-cta{padding:28px}.leader-visual{height:215px}}


.leader-card:nth-child(3){animation-delay:2.2s}
.leader-card:nth-child(3) .leader-avatar{background:linear-gradient(145deg,#d1b58a,#7e5f44)}


/* ===== Products page redesign ===== */
.products-v2{background:#f4f1eb;color:#1a150f}
.products-v2 .page-hero{background:#f4f1eb;padding-bottom:28px}
.products-v2 .page-hero .eyebrow{color:#b78633}
.products-v2 .page-hero h1{color:#201811}
.products-v2 .page-hero p{color:#6c6458;max-width:760px}
.products-v2-wrap{padding:24px 0 84px}
.products-v2-head{text-align:center;max-width:820px;margin:0 auto 38px}
.products-v2-head h2{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:14px;color:#221911}
.products-v2-head p{margin:0;color:#736b5f}
.products-v2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.prod-v2-card{display:block;text-decoration:none;color:#1a150f}
.prod-v2-media{position:relative;height:470px;border-radius:8px;overflow:hidden;background:#121212;box-shadow:0 18px 44px rgba(0,0,0,.10)}
.prod-v2-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease, filter .5s ease;filter:saturate(.92)}
.prod-v2-card:hover .prod-v2-media img{transform:scale(1.06);filter:saturate(1)}
.prod-v2-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18) 60%,rgba(0,0,0,.26));opacity:1}
.prod-v2-button{position:absolute;left:50%;bottom:28px;transform:translateX(-50%) translateY(8px);padding:14px 28px;border:1px solid rgba(199,146,56,.45);background:rgba(56,31,10,.82);backdrop-filter:blur(5px);color:#efc978;font-size:12px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:.35s}
.prod-v2-card:hover .prod-v2-button{opacity:1;transform:translateX(-50%) translateY(0)}
.prod-v2-card.always-show .prod-v2-button{opacity:1;transform:translateX(-50%) translateY(0)}
.prod-v2-copy{text-align:center;padding:26px 16px 0}
.prod-v2-copy h3{font:500 clamp(2rem,3.2vw,3rem)/1 var(--serif);margin:0 0 18px;color:#2d241d}
.prod-v2-copy p{font-size:14px;line-height:1.7;color:#756d61;max-width:260px;margin:0 auto}
.products-v2-note{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.products-v2-note span{padding:9px 14px;border:1px solid rgba(34,25,17,.12);border-radius:999px;font-size:12px;color:#6e665a;background:rgba(255,255,255,.45)}
@media(max-width:1180px){.products-v2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
  .products-v2-grid{grid-template-columns:1fr;gap:32px}
  .prod-v2-media{height:430px}
  .prod-v2-button{opacity:1;transform:translateX(-50%) translateY(0);bottom:22px}
}


/* ===== Products autoplay animation upgrade ===== */
.products-v2{position:relative;overflow:hidden}
.products-v2 .page-hero{position:relative;overflow:hidden}
.products-v2 .page-hero:before,
.products-v2 .page-hero:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(18px);opacity:.5
}
.products-v2 .page-hero:before{
  width:360px;height:360px;right:-120px;top:-150px;
  background:radial-gradient(circle,rgba(190,141,57,.23),transparent 68%);
  animation:pvHeroGlowA 8s ease-in-out infinite
}
.products-v2 .page-hero:after{
  width:300px;height:300px;left:-120px;bottom:-180px;
  background:radial-gradient(circle,rgba(124,94,52,.13),transparent 68%);
  animation:pvHeroGlowB 10s ease-in-out infinite
}
.products-v2-wrap{position:relative;isolation:isolate}
.products-v2-wrap:before,
.products-v2-wrap:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1;
  border:1px solid rgba(168,123,49,.12)
}
.products-v2-wrap:before{
  width:460px;height:460px;left:-250px;top:90px;
  animation:pvOrbitBg 22s linear infinite
}
.products-v2-wrap:after{
  width:620px;height:620px;right:-360px;bottom:-260px;
  border-style:dashed;animation:pvOrbitBgReverse 28s linear infinite
}

.products-v2-grid{perspective:1200px}
.prod-v2-card{
  position:relative;transform-style:preserve-3d;
  animation:pvCardFloat 5.8s ease-in-out infinite;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease,opacity .45s ease
}
.prod-v2-card:nth-child(2){animation-delay:.8s}
.prod-v2-card:nth-child(3){animation-delay:1.6s}
.prod-v2-card:nth-child(4){animation-delay:2.4s}

.prod-v2-media{
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
  isolation:isolate
}
.prod-v2-media:before{
  content:"";position:absolute;inset:-2px;z-index:4;pointer-events:none;border-radius:10px;
  background:conic-gradient(from 0deg,transparent 0 55%,rgba(207,158,77,.85) 68%,transparent 78% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px;
  opacity:0;animation:pvBorderSpin 5s linear infinite
}
.prod-v2-media:after{
  content:"";position:absolute;z-index:3;top:-35%;left:-80%;width:48%;height:170%;
  background:linear-gradient(100deg,transparent,rgba(255,244,213,.38),transparent);
  transform:rotate(12deg);animation:pvShine 6.2s ease-in-out infinite;pointer-events:none
}
.prod-v2-card:nth-child(2) .prod-v2-media:after{animation-delay:1.4s}
.prod-v2-card:nth-child(3) .prod-v2-media:after{animation-delay:2.8s}
.prod-v2-card:nth-child(4) .prod-v2-media:after{animation-delay:4.2s}

.prod-v2-media img{
  animation:pvKenBurns 10s ease-in-out infinite alternate;
  transform-origin:center center
}
.prod-v2-card:nth-child(2) .prod-v2-media img{animation-delay:-2.5s}
.prod-v2-card:nth-child(3) .prod-v2-media img{animation-delay:-5s}
.prod-v2-card:nth-child(4) .prod-v2-media img{animation-delay:-7.5s}

.prod-v2-copy{transition:transform .55s ease,opacity .45s ease}
.prod-v2-copy h3{position:relative;display:inline-block}
.prod-v2-copy h3:after{
  content:"";position:absolute;left:50%;bottom:-10px;width:0;height:1px;background:#b78431;
  transform:translateX(-50%);transition:width .55s ease
}

/* Autoplay spotlight: JS rotates this class from card to card */
.prod-v2-card.auto-active{
  transform:translateY(-16px) rotateX(2deg) scale(1.018);
  filter:saturate(1.04)
}
.prod-v2-card.auto-active .prod-v2-media{
  box-shadow:0 30px 65px rgba(72,48,18,.22),0 0 0 1px rgba(183,132,46,.18)
}
.prod-v2-card.auto-active .prod-v2-media:before{opacity:1}
.prod-v2-card.auto-active .prod-v2-button{
  opacity:1;transform:translateX(-50%) translateY(0);
  box-shadow:0 10px 26px rgba(75,43,11,.2)
}
.prod-v2-card.auto-active .prod-v2-copy{
  transform:translateY(-3px)
}
.prod-v2-card.auto-active .prod-v2-copy h3:after{width:64%}

.products-v2-head .eyebrow-dot{
  display:inline-block;width:7px;height:7px;border-radius:50%;background:#bc8b38;margin-left:8px;
  box-shadow:0 0 0 0 rgba(188,139,56,.35);animation:pvDotPulse 2s ease-out infinite
}

@media (hover:hover) and (pointer:fine){
  .prod-v2-card:hover{transform:translateY(-16px) rotateX(2deg) scale(1.018)}
  .prod-v2-card:hover .prod-v2-media{box-shadow:0 30px 65px rgba(72,48,18,.22)}
  .prod-v2-card:hover .prod-v2-media:before{opacity:1}
  .prod-v2-card:hover .prod-v2-copy h3:after{width:64%}
}
@media(max-width:680px){
  .prod-v2-card{animation:pvCardFloatMobile 5.4s ease-in-out infinite}
  .prod-v2-card.auto-active{transform:translateY(-8px) scale(1.008)}
  .prod-v2-media:before{opacity:.35}
}
@media(prefers-reduced-motion:reduce){
  .products-v2 *, .products-v2 *:before, .products-v2 *:after{animation:none!important}
  .prod-v2-card.auto-active{transform:none}
}

@keyframes pvHeroGlowA{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(-55px,28px) scale(1.18)}
}
@keyframes pvHeroGlowB{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(48px,-24px) scale(1.12)}
}
@keyframes pvOrbitBg{to{transform:rotate(360deg)}}
@keyframes pvOrbitBgReverse{to{transform:rotate(-360deg)}}
@keyframes pvCardFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -9px}
}
@keyframes pvCardFloatMobile{
  0%,100%{translate:0 0}
  50%{translate:0 -5px}
}
@keyframes pvKenBurns{
  0%{transform:scale(1.01) translate3d(0,0,0)}
  50%{transform:scale(1.075) translate3d(-1.5%,1%,0)}
  100%{transform:scale(1.035) translate3d(1.2%,-1%,0)}
}
@keyframes pvShine{
  0%,18%{left:-80%;opacity:0}
  28%{opacity:.75}
  43%{left:145%;opacity:0}
  100%{left:145%;opacity:0}
}
@keyframes pvBorderSpin{to{transform:rotate(360deg)}}
@keyframes pvDotPulse{
  0%{box-shadow:0 0 0 0 rgba(188,139,56,.35)}
  70%{box-shadow:0 0 0 10px rgba(188,139,56,0)}
  100%{box-shadow:0 0 0 0 rgba(188,139,56,0)}
}


/* ===== YuvaGlow Theme Preview: Ivory + Espresso + Champagne Gold ===== */
:root{
  --bg:#F7F3EC;
  --bg2:#EFE7DC;
  --bg3:#E8DED0;
  --paper:#FFFDFC;
  --ink:#1B1713;
  --line:rgba(27,23,19,.13);
  --gold:#C59A52;
  --gold2:#E7CC98;
  --gold3:#A97B35;
  --text:#1B1713;
  --muted:#746B61;
  --muted2:#9A8E80;
}

/* Overall canvas */
html,body{background:#F7F3EC;color:#1B1713}
body{
  background:
    radial-gradient(circle at 90% 5%,rgba(197,154,82,.10),transparent 26%),
    radial-gradient(circle at 8% 42%,rgba(231,204,152,.16),transparent 24%),
    #F7F3EC;
}

/* Navbar */
.topbar{
  background:rgba(247,243,236,.94)!important;
  border-bottom:1px solid rgba(27,23,19,.09);
  box-shadow:0 8px 30px rgba(59,42,22,.045);
}
.brand{color:#1B1713!important}
.brand span{color:#C59A52!important}
.navlinks button,.navlinks a{color:#40382F!important}
.navlinks button:hover,.navlinks button.active,
.navlinks a:hover,.navlinks a.active{
  background:rgba(197,154,82,.10)!important;
  color:#A97B35!important;
}
.navlinks .nav-cta{border-color:rgba(197,154,82,.48)!important}
.menu-btn{color:#1B1713!important}
.nav-whatsapp{
  color:#1B1713!important;
  border:1px solid rgba(197,154,82,.42)!important;
  background:rgba(255,253,252,.72)!important;
}
.nav-whatsapp:hover{background:#C59A52!important;color:white!important}

/* Home hero */
.hero{
  background:
    radial-gradient(circle at 76% 28%,rgba(197,154,82,.22),transparent 28%),
    radial-gradient(circle at 22% 76%,rgba(231,204,152,.26),transparent 30%),
    linear-gradient(180deg,#FFFDFC 0%,#F7F3EC 68%,#EFE7DC 100%)!important;
}
.hero h1,.hero-copy h1{color:#1B1713!important}
.hero-copy p{color:#746B61!important}
.eyebrow{color:#A97B35!important}
.btn{
  color:#1B1713!important;
  border-color:rgba(27,23,19,.16)!important;
  background:rgba(255,253,252,.62);
}
.btn.primary{
  background:#C59A52!important;
  color:#FFFDF9!important;
  border-color:#C59A52!important;
  box-shadow:0 10px 28px rgba(197,154,82,.22);
}
.btn:hover{border-color:#C59A52!important}

/* Hero motion rings */
.ring{border-color:rgba(169,123,53,.30)!important}
.core-glow{
  background:radial-gradient(circle,rgba(197,154,82,.28),rgba(231,204,152,.13) 48%,transparent 75%)!important;
}
.hero-tag{
  background:rgba(255,253,252,.70)!important;
  border-color:rgba(169,123,53,.18)!important;
  color:#5D5144!important;
  box-shadow:0 8px 22px rgba(62,43,20,.07);
}
.spark{background:#C59A52!important;box-shadow:0 0 22px rgba(197,154,82,.65)!important}

/* Marquee */
.marquee{
  background:#1B1713!important;
  border-color:rgba(255,255,255,.10)!important;
}
.track span{color:#E9DED0!important}
.track b{color:#E7CC98!important}

/* General sections */
.section{background:transparent}
.section.light{
  background:#EFE7DC!important;
  color:#1B1713!important;
}
.section.light p{color:#746B61!important}
.page-hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(197,154,82,.13),transparent 26%),
    linear-gradient(180deg,#FFFDFC,#F7F3EC)!important;
}
.page-hero h1,.page-hero h2,.page-hero h3{color:#1B1713!important}
.page-hero p{color:#746B61!important}

/* Cards */
.statement-card,.stats-card,.content-card,.contact-card,.gallery-card,
.story-card,.value-card,.leader-card,.about-kicker,.vm-card{
  background:linear-gradient(180deg,#FFFDFC,rgba(255,253,252,.78))!important;
  border-color:rgba(27,23,19,.11)!important;
  box-shadow:0 16px 38px rgba(68,47,25,.055);
}
.story-card h2,.story-card h3,.statement-card h3,.content-card h3,
.value-card h3,.leader-card h3,.about-kicker h3,.vm-card h3,
.contact-card h3{color:#1B1713!important}
.story-card p,.statement-card p,.content-card p,.value-card p,
.leader-card p,.about-kicker p,.vm-card p,.contact-card p{color:#746B61!important}
.mini-stat{
  background:#F7F3EC!important;
  border-color:rgba(27,23,19,.09)!important;
}
.mini-stat b{color:#A97B35!important}
.mini-stat span{color:#746B61!important}

/* Category cards on home retain photographic contrast */
.cat-card{border-color:rgba(27,23,19,.09)!important;box-shadow:0 16px 38px rgba(45,32,18,.08)}
.cat-card .copy h3{color:#FFFDF7!important}
.cat-card .copy p{color:#E7DED2!important}
.cat-card .num{color:#E7CC98!important}

/* Product collection page */
.products-v2{background:#F7F3EC!important;color:#1B1713!important}
.products-v2 .page-hero{background:#F7F3EC!important}
.products-v2-wrap{background:#F7F3EC!important}
.products-v2-head h2{color:#1B1713!important}
.products-v2-head p{color:#746B61!important}
.prod-v2-copy h3{color:#2A211A!important}
.prod-v2-copy p{color:#746B61!important}
.prod-v2-button{
  background:rgba(27,23,19,.88)!important;
  color:#E7CC98!important;
  border-color:rgba(231,204,152,.42)!important;
}
.products-v2-note span{
  color:#655A4E!important;
  background:#FFFDFC!important;
  border-color:rgba(27,23,19,.10)!important;
}

/* Dedicated product pages */
.product-page{background:#F7F3EC!important}
.headline-card h2{color:#1B1713!important}
.headline-card p{color:#746B61!important}
.prod-card{
  background:linear-gradient(180deg,#FFFDFC,#F7F3EC)!important;
  border-color:rgba(27,23,19,.10)!important;
  box-shadow:0 14px 34px rgba(68,47,25,.055);
}
.prod-card h4{color:#1B1713!important}
.prod-card p{color:#746B61!important}
.tags span{
  color:#6A5F53!important;
  border-color:rgba(27,23,19,.11)!important;
  background:rgba(255,255,255,.50);
}
.banner{
  background:linear-gradient(135deg,rgba(197,154,82,.16),rgba(255,253,252,.92))!important;
  border-color:rgba(27,23,19,.10)!important;
}
.banner h3{color:#1B1713!important}
.banner p{color:#746B61!important}

/* Keep motion panels dark for premium contrast */
.motion-panel{
  background:
    radial-gradient(circle at center,rgba(197,154,82,.18),transparent 31%),
    linear-gradient(180deg,#251E17,#15110D)!important;
  border-color:rgba(197,154,82,.24)!important;
  box-shadow:0 25px 60px rgba(48,33,17,.16);
}
.motion-panel .ring{border-color:rgba(231,204,152,.28)!important}
.center-chip{
  background:radial-gradient(circle,#2E241A,#16110D)!important;
  border-color:rgba(231,204,152,.30)!important;
  color:#E7CC98!important;
}

/* About leadership section */
.leader-section{background:linear-gradient(180deg,#F7F3EC,#EFE7DC)!important}
.leader-section:before{border-color:rgba(169,123,53,.12)!important}
.leader-role{color:#A97B35!important}
.leader-exp{
  color:#7A633D!important;
  background:rgba(197,154,82,.08)!important;
  border-color:rgba(197,154,82,.20)!important;
}
.leader-visual{
  background:radial-gradient(circle at 50% 42%,rgba(197,154,82,.18),rgba(231,204,152,.06) 46%,transparent 70%),#F1E9DE!important;
}
.leader-orbit{border-color:rgba(169,123,53,.22)!important}

/* Gallery */
.gallery-grid .item{
  border-color:rgba(27,23,19,.10)!important;
  box-shadow:0 16px 32px rgba(63,43,22,.06)
}
.gallery-grid .cap{
  background:rgba(27,23,19,.82)!important;
  border-color:rgba(231,204,152,.18)!important;
  color:#F8EEDB!important;
}

/* Inputs / Contact */
input,textarea{
  background:#FFFDFC!important;
  color:#1B1713!important;
  border-color:rgba(27,23,19,.14)!important;
}
input::placeholder,textarea::placeholder{color:#988B7C!important}
input:focus,textarea:focus{border-color:#C59A52!important}

/* Footer */
.footer{
  background:#1B1713!important;
  border-top-color:rgba(255,255,255,.10)!important;
}
.footer .brand{color:#FFF8ED!important}
.footer p,.footer a,.footer button{color:#CFC2B1!important}
.footer h4{color:#F2E5D3!important}
.footer-bottom{
  color:#988D7F!important;
  border-top-color:rgba(255,255,255,.10)!important;
}

/* Floating WhatsApp */
.whatsapp{
  box-shadow:0 12px 28px rgba(48,33,17,.22)!important;
}

/* Mobile menu */
@media(max-width:860px){
  .navlinks{
    background:rgba(247,243,236,.98)!important;
    border-color:rgba(27,23,19,.10)!important;
    box-shadow:0 18px 50px rgba(63,44,24,.12);
  }
}

/* Soft premium hover */
@media(hover:hover) and (pointer:fine){
  .prod-card:hover,.story-card:hover,.statement-card:hover,.value-card:hover{
    border-color:rgba(197,154,82,.34)!important;
  }
}


/* ===== Option 1 Darker Refinement: Warm Taupe + Espresso + Champagne Gold ===== */
:root{
  --bg:#E9E0D4;
  --bg2:#DED1C2;
  --bg3:#CDBDAB;
  --paper:#F6F0E8;
  --ink:#1B1713;
  --line:rgba(27,23,19,.16);
  --gold:#C0954D;
  --gold2:#DEC08B;
  --gold3:#9B6F2F;
  --text:#1B1713;
  --muted:#645B52;
  --muted2:#897D70;
}

html,body{
  background:#E9E0D4!important;
  color:#1B1713!important;
}
body{
  background:
    radial-gradient(circle at 90% 5%,rgba(192,149,77,.12),transparent 24%),
    radial-gradient(circle at 10% 40%,rgba(121,91,55,.10),transparent 24%),
    linear-gradient(180deg,#E9E0D4 0%,#E3D8CB 100%)!important;
}

/* slightly darker navbar */
.topbar{
  background:rgba(226,216,204,.96)!important;
  border-bottom:1px solid rgba(27,23,19,.12)!important;
  box-shadow:0 8px 30px rgba(50,34,20,.08)!important;
}
.navlinks button,.navlinks a{color:#3C342D!important}
.navlinks button:hover,.navlinks button.active,
.navlinks a:hover,.navlinks a.active{
  background:rgba(192,149,77,.12)!important;
  color:#8D642B!important;
}

/* richer hero, still light */
.hero{
  background:
    radial-gradient(circle at 76% 28%,rgba(192,149,77,.22),transparent 28%),
    radial-gradient(circle at 22% 76%,rgba(140,105,63,.16),transparent 30%),
    linear-gradient(180deg,#F1E8DE 0%,#E8DDD0 62%,#DDD0C1 100%)!important;
}
.hero-copy p{color:#645B52!important}
.hero-tag{
  background:rgba(239,230,219,.82)!important;
  border-color:rgba(155,111,47,.18)!important;
  color:#51473E!important;
}

/* deeper light sections */
.section.light{
  background:linear-gradient(180deg,#E3D8CB,#D8CABC)!important;
}
.page-hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(192,149,77,.14),transparent 26%),
    linear-gradient(180deg,#EEE5DB,#E3D7CA)!important;
}

/* darker premium cards */
.statement-card,.stats-card,.content-card,.contact-card,.gallery-card,
.story-card,.value-card,.leader-card,.about-kicker,.vm-card{
  background:linear-gradient(180deg,#F2EAE1,#EAE0D5)!important;
  border-color:rgba(27,23,19,.13)!important;
  box-shadow:0 16px 36px rgba(55,37,20,.08)!important;
}
.mini-stat{
  background:#E2D6C8!important;
  border-color:rgba(27,23,19,.10)!important;
}

/* products page */
.products-v2,
.products-v2-wrap{
  background:
    radial-gradient(circle at 88% 12%,rgba(192,149,77,.08),transparent 22%),
    linear-gradient(180deg,#EEE6DD,#E3D7CA)!important;
}
.products-v2-head p{color:#645B52!important}
.prod-v2-copy p{color:#6F655C!important}
.products-v2-note span{
  background:#EDE4DA!important;
  color:#5E554C!important;
  border-color:rgba(27,23,19,.11)!important;
}

/* product detail pages */
.prod-card{
  background:linear-gradient(180deg,#F1E9E0,#E7DBCF)!important;
  border-color:rgba(27,23,19,.12)!important;
}
.banner{
  background:linear-gradient(135deg,rgba(192,149,77,.19),#E6D9CB)!important;
}

/* about leadership lighter-dark contrast */
.leader-section{
  background:linear-gradient(180deg,#E3D8CB,#D8CAB9)!important;
}
.leader-visual{
  background:
    radial-gradient(circle at 50% 42%,rgba(192,149,77,.20),rgba(137,100,53,.08) 46%,transparent 70%),
    #D8CBBB!important;
}

/* keep motion areas premium dark */
.motion-panel{
  background:
    radial-gradient(circle at center,rgba(192,149,77,.18),transparent 31%),
    linear-gradient(180deg,#2B231C,#17120E)!important;
}
.center-chip{
  background:radial-gradient(circle,#35291F,#17120E)!important;
}

/* contact inputs */
input,textarea{
  background:#F0E7DE!important;
  border-color:rgba(27,23,19,.15)!important;
}

/* mobile nav */
@media(max-width:860px){
  .navlinks{
    background:rgba(226,216,204,.985)!important;
    border-color:rgba(27,23,19,.12)!important;
  }
}


/* ===== HOME: Premium Before / After Transformations ===== */
.home-transform{
  position:relative; overflow:hidden; padding:96px 0;
  background:
    radial-gradient(circle at 82% 18%,rgba(192,149,77,.18),transparent 25%),
    radial-gradient(circle at 12% 78%,rgba(116,76,38,.14),transparent 25%),
    linear-gradient(180deg,#1A100A,#28170D);
  color:#fff8ef;
}
.home-transform:before,.home-transform:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  border:1px solid rgba(222,192,139,.10)
}
.home-transform:before{width:480px;height:480px;left:-220px;top:110px;animation:htSpin 26s linear infinite}
.home-transform:after{width:640px;height:640px;right:-320px;bottom:-280px;border-style:dashed;animation:htSpinR 34s linear infinite}
.ht-head{text-align:center;max-width:840px;margin:0 auto 38px;position:relative;z-index:2}
.ht-head .eyebrow{color:#DEC08B!important;letter-spacing:.28em}
.ht-head h2{font:500 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:14px 0;color:#fff8ef}
.ht-rule{display:flex;align-items:center;justify-content:center;gap:15px;margin:18px 0 12px}
.ht-rule span{width:84px;height:1px;background:rgba(222,192,139,.38)}
.ht-rule i{width:9px;height:9px;background:#C0954D;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 18px rgba(192,149,77,.35)}
.ht-head p{color:#D5C6B7;margin:0 auto;max-width:690px}
.ht-shell{position:relative;z-index:2;max-width:1120px;margin:auto;padding:24px;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.30);backdrop-filter:blur(10px)}
.ht-slider{
  --pos:50%; position:relative; aspect-ratio:16/8.4; overflow:hidden;border-radius:24px;
  background:#100A07; touch-action:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)
}
.ht-slider>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.ht-before-wrap{position:absolute;inset:0;width:var(--pos);overflow:hidden}
.ht-before-wrap img{width:100%;height:100%;object-fit:cover;object-position:left center;max-width:none}
.ht-line{position:absolute;left:var(--pos);top:0;bottom:0;width:2px;transform:translateX(-1px);background:linear-gradient(180deg,rgba(222,192,139,.25),#C0954D 12%,#C0954D 88%,rgba(222,192,139,.25));box-shadow:0 0 24px rgba(192,149,77,.40);z-index:5}
.ht-handle{position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;z-index:6;background:#2A2019;border:2px solid #C0954D;box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 0 9px rgba(192,149,77,.08)}
.ht-handle:before,.ht-handle:after{content:"";position:absolute;top:50%;width:13px;height:13px;border-top:2px solid #DEC08B;border-right:2px solid #DEC08B}
.ht-handle:before{left:20px;transform:translateY(-50%) rotate(225deg)}
.ht-handle:after{right:20px;transform:translateY(-50%) rotate(45deg)}
.ht-label{position:absolute;top:26px;z-index:7;padding:13px 18px;border-radius:11px;background:rgba(48,39,31,.72);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#F0E2CC}
.ht-label.before{left:26px}.ht-label.after{right:26px}
.ht-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10}
.ht-pulse{position:absolute;left:var(--pos);top:50%;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(192,149,77,.25);z-index:3;pointer-events:none;animation:htPulse 3.2s ease-out infinite}
.ht-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}
.ht-info{display:flex;gap:10px;flex-wrap:wrap}
.ht-pill,.ht-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;border:1px solid rgba(222,192,139,.17);background:rgba(255,255,255,.035);color:#D9CBBB;font-size:12px;letter-spacing:.04em}
.ht-pill strong{color:#FFF1D9;margin-right:5px}
.ht-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ht-toggle{cursor:pointer;color:#FFF0D8}
.ht-progress{width:135px;height:7px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}
.ht-progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#DEC08B,#C0954D);border-radius:999px}
.ht-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.ht-card{padding:17px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.028)}
.ht-card h3{font-size:15px;color:#FFF2DD;margin:0 0 6px}.ht-card p{font-size:12.5px;color:#CBBBAE;margin:0;line-height:1.65}
@keyframes htPulse{0%{opacity:.55;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}
@keyframes htSpin{to{transform:rotate(360deg)}}@keyframes htSpinR{to{transform:rotate(-360deg)}}
@media(max-width:760px){
  .home-transform{padding:72px 0}.ht-shell{padding:14px;border-radius:24px}.ht-slider{aspect-ratio:4/5;border-radius:18px}
  .ht-label{top:14px;padding:10px 13px}.ht-label.before{left:14px}.ht-label.after{right:14px}
  .ht-handle{width:56px;height:56px}.ht-handle:before{left:16px}.ht-handle:after{right:16px}
  .ht-controls{align-items:flex-start;flex-direction:column}.ht-cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.home-transform *{animation:none!important}}


/* ===== YuvaGlow Fully Animated Home V4 ===== */
.home4{background:#E9E0D4;color:#1B1713;overflow:hidden}
.home4 .h4-section{padding:94px 0;position:relative}
.home4 .h4-dark{
  color:#fff8ef;
  background:
    radial-gradient(circle at 84% 16%,rgba(192,149,77,.18),transparent 25%),
    radial-gradient(circle at 12% 80%,rgba(112,76,40,.14),transparent 25%),
    linear-gradient(180deg,#17100B,#26170E)
}
.h4-title{text-align:center;max-width:820px;margin:0 auto 42px}
.h4-title h2{font:500 clamp(2.8rem,6vw,5.3rem)/.95 var(--serif);margin:12px 0 16px;color:inherit}
.h4-title p{max-width:690px;margin:0 auto;color:#6A6056}
.h4-dark .h4-title p{color:#CFC0B2}
.h4-title .eyebrow{color:#9B6F2F!important}
.h4-dark .h4-title .eyebrow{color:#DEC08B!important}

/* Hero polish */
.home4 .hero{min-height:94svh}
.home4 .hero-copy h1{max-width:760px}
.home4 .hero-copy p{max-width:620px}
.h4-hero-note{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.h4-hero-note span{padding:8px 11px;border-radius:999px;border:1px solid rgba(27,23,19,.12);background:rgba(255,255,255,.32);font-size:11px;color:#60564D;letter-spacing:.06em}

/* stats */
.h4-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-42px;position:relative;z-index:8}
.h4-stat{position:relative;overflow:hidden;padding:28px 24px;border-radius:24px;background:linear-gradient(180deg,#F2EAE1,#E5D9CC);border:1px solid rgba(27,23,19,.11);box-shadow:0 18px 44px rgba(57,39,21,.09);transition:.4s}
.h4-stat:hover{transform:translateY(-9px)}
.h4-stat:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-52px;bottom:-58px;border:1px solid rgba(192,149,77,.22);animation:h4Orbit 12s linear infinite}
.h4-number{font:500 clamp(2.8rem,5vw,4.7rem)/1 var(--serif);color:#8E642A;margin-bottom:6px}
.h4-stat span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#675D53}

/* ritual statement */
.h4-ritual{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.h4-ritual-mark{position:relative;min-height:310px;display:grid;place-items:center}
.h4-ritual-ring{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(192,149,77,.28);animation:h4Orbit 16s linear infinite}
.h4-ritual-ring.r2{width:190px;height:190px;border-style:dashed;animation-direction:reverse;animation-duration:10s}
.h4-ritual-gem{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#D9B77B,#9B6F2F);font:700 30px var(--serif);color:#21160C;box-shadow:0 22px 55px rgba(83,54,20,.24);animation:h4Bob 4.6s ease-in-out infinite}
.h4-ritual-copy h2{font:500 clamp(2.8rem,6vw,5.2rem)/.96 var(--serif);margin:12px 0 18px}
.h4-ritual-copy p{max-width:680px}

/* collections */
.h4-collections{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1200px}
.h4-collection{position:relative;min-height:450px;border-radius:26px;overflow:hidden;border:1px solid rgba(27,23,19,.10);box-shadow:0 18px 44px rgba(54,37,20,.08);transform-style:preserve-3d;animation:h4CardFloat 6s ease-in-out infinite;cursor:pointer}
.h4-collection:nth-child(2){animation-delay:.8s}.h4-collection:nth-child(3){animation-delay:1.6s}.h4-collection:nth-child(4){animation-delay:2.4s}
.h4-collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}
.h4-collection:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(8,6,4,.22) 52%,rgba(8,6,4,.93) 100%)}
.h4-collection-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;color:#fff}
.h4-collection-copy small{color:#DEC08B;letter-spacing:.16em}
.h4-collection-copy h3{font:500 2rem var(--serif);margin:8px 0 6px;color:#fff}
.h4-collection-copy p{font-size:12px;color:#DDD2C7;margin:0}
.h4-collection-glow{position:absolute;z-index:2;right:16px;top:16px;width:58px;height:58px;border-radius:50%;border:1px solid rgba(222,192,139,.35);display:grid;place-items:center;color:#DEC08B;background:rgba(22,15,9,.42);backdrop-filter:blur(8px);animation:h4Pulse 3.5s ease-in-out infinite}
.h4-collection:hover img{transform:scale(1.07)}
.h4-collection:hover{transform:translateY(-10px) rotateX(2deg)}

/* promise */
.h4-promise{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.h4-promise-card{position:relative;padding:28px 22px;min-height:280px;border-radius:24px;border:1px solid rgba(27,23,19,.11);background:linear-gradient(180deg,#F2EAE1,#E6DBCF);overflow:hidden;transition:.4s}
.h4-promise-card:hover{transform:translateY(-10px)}
.h4-promise-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:32px;background:rgba(192,149,77,.10);border:1px solid rgba(192,149,77,.18);font-size:27px;animation:h4Bob 4.4s ease-in-out infinite}
.h4-promise-card:nth-child(2) .h4-promise-icon{animation-delay:.6s}.h4-promise-card:nth-child(3) .h4-promise-icon{animation-delay:1.2s}.h4-promise-card:nth-child(4) .h4-promise-icon{animation-delay:1.8s}
.h4-promise-card h3{font-size:1.45rem;margin-bottom:10px}.h4-promise-card p{font-size:13px;margin:0}
.h4-promise-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-70px;border:1px solid rgba(192,149,77,.18);animation:h4Orbit 14s linear infinite}

/* ingredient rivers */
.h4-ingredients{padding:18px 0 26px;overflow:hidden}
.h4-river{display:flex;width:max-content;white-space:nowrap;padding:14px 0;border-block:1px solid rgba(255,255,255,.08);animation:h4River 32s linear infinite}
.h4-river.reverse{animation-direction:reverse;animation-duration:38s}
.h4-river span{padding-right:30px;color:#E5D8C8;font-size:12px;letter-spacing:.12em}
.h4-river b{color:#DEC08B;margin-right:7px}

/* featured */
.h4-featured{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.h4-feature{position:relative;padding:24px;border-radius:26px;background:linear-gradient(180deg,#F4ECE3,#E6DBCF);border:1px solid rgba(27,23,19,.11);overflow:hidden;min-height:420px}
.h4-feature-bottle{position:relative;margin:12px auto 26px;width:100px;height:230px;border-radius:28px 28px 16px 16px;background:linear-gradient(90deg,#24170D,#C49149,#24170D);box-shadow:0 24px 42px rgba(52,34,16,.18);animation:h4Bottle 4.8s ease-in-out infinite}
.h4-feature:nth-child(2) .h4-feature-bottle{animation-delay:.7s;background:linear-gradient(90deg,#1A241B,#7E9C75,#1A241B)}
.h4-feature:nth-child(3) .h4-feature-bottle{animation-delay:1.4s;background:linear-gradient(90deg,#2A1420,#B56A90,#2A1420)}
.h4-feature:nth-child(4) .h4-feature-bottle{animation-delay:2.1s;background:linear-gradient(90deg,#161616,#777,#161616)}
.h4-feature-bottle:before{content:"";position:absolute;top:-16px;left:22px;right:22px;height:23px;border-radius:6px;background:linear-gradient(90deg,#785928,#E2C47B,#785928)}
.h4-feature-bottle:after{content:attr(data-label);position:absolute;top:91px;left:8px;right:8px;padding:12px 3px;border-block:1px solid rgba(236,204,137,.38);text-align:center;color:#F4DEA7;font:700 10px var(--serif);letter-spacing:.15em}
.h4-feature h3{text-align:center;margin-bottom:9px}.h4-feature p{text-align:center;font-size:13px;margin:0}
.h4-feature-orbit{position:absolute;width:150px;height:150px;border-radius:50%;border:1px dashed rgba(192,149,77,.19);left:50%;top:52px;transform:translateX(-50%);animation:h4Orbit 13s linear infinite}

/* transform slider */
.h4-transform-shell{max-width:1120px;margin:auto;padding:24px;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.30);backdrop-filter:blur(10px)}
.h4-transform-slider{--pos:50%;position:relative;aspect-ratio:16/8.4;overflow:hidden;border-radius:24px;background:#100A07;touch-action:none}
.h4-transform-slider>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.h4-before-wrap{position:absolute;inset:0;width:var(--pos);overflow:hidden}
.h4-before-wrap img{width:100%;height:100%;object-fit:cover;object-position:left center;max-width:none}
.h4-transform-line{position:absolute;left:var(--pos);top:0;bottom:0;width:2px;transform:translateX(-1px);background:#C0954D;box-shadow:0 0 22px rgba(192,149,77,.38);z-index:5}
.h4-transform-handle{position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;z-index:6;background:#2A2019;border:2px solid #C0954D;box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 0 9px rgba(192,149,77,.08)}
.h4-transform-handle:before,.h4-transform-handle:after{content:"";position:absolute;top:50%;width:13px;height:13px;border-top:2px solid #DEC08B;border-right:2px solid #DEC08B}
.h4-transform-handle:before{left:20px;transform:translateY(-50%) rotate(225deg)}.h4-transform-handle:after{right:20px;transform:translateY(-50%) rotate(45deg)}
.h4-tlabel{position:absolute;top:25px;z-index:7;padding:13px 18px;border-radius:11px;background:rgba(48,39,31,.72);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#F0E2CC}
.h4-tlabel.before{left:25px}.h4-tlabel.after{right:25px}
.h4-transform-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:10;cursor:ew-resize}
.h4-transform-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}
.h4-tchips{display:flex;gap:9px;flex-wrap:wrap}.h4-tchip,.h4-tbtn{padding:11px 15px;border-radius:999px;border:1px solid rgba(222,192,139,.16);background:rgba(255,255,255,.035);color:#D7C8B8;font-size:12px}
.h4-tbtn{cursor:pointer;color:#FFF0D8}
.h4-tprogress{width:130px;height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.h4-tprogress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#DEC08B,#C0954D)}

/* testimonials */
.h4-stories-window{overflow:hidden}
.h4-stories-track{display:flex;gap:16px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.h4-story{flex:0 0 calc((100% - 32px)/3);min-width:0;padding:28px;border-radius:24px;background:linear-gradient(180deg,#F3EBE2,#E5D9CC);border:1px solid rgba(27,23,19,.11)}
.h4-story-stars{letter-spacing:.15em;color:#A97834;margin-bottom:18px}.h4-story p{font:500 1.25rem/1.5 var(--serif);color:#33271F}.h4-story footer{margin-top:20px;color:#776B60;font-size:12px}.h4-story footer b{display:block;color:#30251E;font-size:13px}
.h4-story-nav{display:flex;justify-content:center;gap:9px;margin-top:22px}
.h4-story-dot{width:9px;height:9px;border-radius:50%;background:#B8AA9C;border:0;padding:0}.h4-story-dot.active{background:#9B6F2F;transform:scale(1.25)}

/* vision */
.h4-vision{max-width:980px;margin:auto;text-align:center;position:relative}
.h4-vision-mark{font:500 7rem/1 var(--serif);color:#C0954D;opacity:.38;height:62px}
.h4-vision blockquote{margin:0;font:500 clamp(2.1rem,4vw,3.7rem)/1.18 var(--serif);color:#FFF7EC}
.h4-vision cite{display:block;margin-top:22px;color:#D0BEAE;font-style:normal;font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* newsletter */
.h4-news{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center;padding:36px;border-radius:32px;background:linear-gradient(135deg,#F2E9DF,#DDD0C1);border:1px solid rgba(27,23,19,.11);box-shadow:0 20px 55px rgba(55,37,20,.09)}
.h4-news h2{font:500 clamp(2.5rem,5vw,4.6rem)/.95 var(--serif);margin:12px 0 14px}.h4-news p{margin:0}
.h4-news-form{display:flex;gap:10px}.h4-news-form input{flex:1;min-width:0;background:#F7F0E8!important}.h4-news-form button{white-space:nowrap}

/* animations */
@keyframes h4Orbit{to{transform:rotate(360deg)}}@keyframes h4Bob{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes h4Pulse{50%{transform:scale(1.12);opacity:.7}}
@keyframes h4CardFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes h4River{to{transform:translateX(-50%)}}@keyframes h4Bottle{50%{transform:translateY(-13px) rotate(4deg)}}

@media(max-width:1050px){.h4-collections,.h4-promise,.h4-featured{grid-template-columns:1fr 1fr}.h4-ritual,.h4-news{grid-template-columns:1fr}.h4-story{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:680px){
  .home4 .h4-section{padding:72px 0}.h4-stats,.h4-collections,.h4-promise,.h4-featured{grid-template-columns:1fr}
  .h4-stats{margin-top:-24px}.h4-collection{min-height:410px}.h4-story{flex-basis:100%}
  .h4-transform-shell{padding:14px}.h4-transform-slider{aspect-ratio:4/5;border-radius:18px}
  .h4-tlabel{top:14px;padding:10px 13px}.h4-tlabel.before{left:14px}.h4-tlabel.after{right:14px}
  .h4-transform-handle{width:56px;height:56px}.h4-transform-handle:before{left:16px}.h4-transform-handle:after{right:16px}
  .h4-news{padding:26px}.h4-news-form{flex-direction:column}.h4-news-form .btn{width:100%}
}


.h4-transform-dots .h4-tdot{
  width:52px;height:52px;border-radius:16px;border:1px solid rgba(222,192,139,.18);
  background:rgba(255,255,255,.04);color:#E8D7C0;display:grid;place-items:center;cursor:pointer;
  transition:.3s;font-size:13px;font-weight:700
}
.h4-transform-dots .h4-tdot.active{
  background:rgba(192,149,77,.18);border-color:rgba(192,149,77,.55);color:#FFF5E6;transform:translateY(-2px)
}
@media(max-width:680px){
  .h4-transform-dots .h4-tdot{width:44px;height:44px;border-radius:13px}
}


/* ===== Transformation carousel: same slider animation + one-by-one images ===== */
.h4-transform-carousel-info{
  display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;margin-top:18px
}
.h4-transform-copy h3{
  margin:0;color:#FFF5E9;font:500 1.9rem var(--serif)
}
.h4-transform-copy p{
  margin:6px 0 0;color:#CCB9A8;font-size:13px
}
.h4-transform-circle-nav{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap
}
.h4-transform-circle{
  position:relative;width:58px;height:58px;border-radius:50%;
  padding:3px;border:1px solid rgba(222,192,139,.22);
  background:rgba(255,255,255,.03);cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
.h4-transform-circle img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;display:block
}
.h4-transform-circle:before{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1px dashed transparent;pointer-events:none
}
.h4-transform-circle.active{
  transform:translateY(-3px);
  border-color:#C0954D;
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 4px rgba(192,149,77,.08)
}
.h4-transform-circle.active:before{
  border-color:rgba(222,192,139,.58);
  animation:h4CircleSpin 3.2s linear infinite
}
.h4-transform-slider.h4-slide-change img{
  animation:h4SlideFade .38s ease both
}
.h4-transform-count{
  color:#E5D3BC;font-size:12px;letter-spacing:.12em;
  min-width:52px;text-align:right
}
@keyframes h4CircleSpin{to{transform:rotate(360deg)}}
@keyframes h4SlideFade{
  from{opacity:.28;filter:blur(4px);transform:scale(1.025)}
  to{opacity:1;filter:blur(0);transform:scale(1)}
}
@media(max-width:680px){
  .h4-transform-circle{width:50px;height:50px}
  .h4-transform-carousel-info{align-items:flex-start}
}


/* ===== Gallery Page: Fully animated premium redesign ===== */
.gallery-v4{
  background:
    radial-gradient(circle at 88% 6%,rgba(192,149,77,.10),transparent 24%),
    linear-gradient(180deg,#E9E0D4,#E3D8CB);
  color:#1B1713;
  overflow:hidden;
}
.gallery-v4 .page-hero{
  background:
    radial-gradient(circle at 82% 22%,rgba(192,149,77,.18),transparent 28%),
    linear-gradient(180deg,#F0E7DD,#E1D5C8)!important;
}
.gallery-v4 .page-hero h1{color:#1B1713!important}
.gallery-v4 .page-hero p{color:#645B52!important;max-width:780px}

.gal-filter{
  display:flex;justify-content:center;gap:10px;flex-wrap:wrap;
  margin:30px 0 42px;
}
.gal-filter button{
  min-height:42px;padding:0 16px;border-radius:999px;
  border:1px solid rgba(27,23,19,.13);
  background:rgba(255,255,255,.34);color:#5E544B;cursor:pointer;
  transition:.3s;font-size:12px;letter-spacing:.06em
}
.gal-filter button.active,.gal-filter button:hover{
  background:#C0954D;color:#FFF9F0;border-color:#C0954D;
  transform:translateY(-2px);box-shadow:0 9px 22px rgba(108,73,30,.14)
}

.gal-masonry{
  display:grid;grid-template-columns:repeat(12,1fr);gap:18px;
}
.gal-card{
  position:relative;overflow:hidden;border-radius:28px;
  border:1px solid rgba(27,23,19,.10);
  box-shadow:0 18px 44px rgba(55,37,20,.08);
  min-height:360px;background:#D7CABA;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
  animation:galFloat 6s ease-in-out infinite;
}
.gal-card:nth-child(2){animation-delay:.7s}.gal-card:nth-child(3){animation-delay:1.4s}
.gal-card:nth-child(4){animation-delay:2.1s}.gal-card:nth-child(5){animation-delay:2.8s}
.gal-card:nth-child(6){animation-delay:3.5s}.gal-card:nth-child(7){animation-delay:4.2s}
.gal-card:nth-child(8){animation-delay:4.9s}
.gal-card.w6{grid-column:span 6}.gal-card.w4{grid-column:span 4}.gal-card.w8{grid-column:span 8}
.gal-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .45s ease}
.gal-card:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(12,8,5,.12) 55%,rgba(12,8,5,.84) 100%);
}
.gal-card:before{
  content:"";position:absolute;z-index:3;top:-30%;left:-60%;
  width:34%;height:160%;transform:rotate(12deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);
  animation:galShine 7s ease-in-out infinite;pointer-events:none
}
.gal-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 28px 65px rgba(55,37,20,.14)}
.gal-card:hover img{transform:scale(1.055);filter:saturate(1.03)}
.gal-caption{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;color:#fff}
.gal-caption small{color:#E2C48E;letter-spacing:.16em;text-transform:uppercase;font-size:10px}
.gal-caption h3{font:500 1.8rem var(--serif);margin:8px 0 5px;color:#fff}
.gal-caption p{font-size:12px;color:#DED3C8;margin:0}
.gal-orbit{
  position:absolute;z-index:4;right:18px;top:18px;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;border:1px solid rgba(229,201,150,.38);
  color:#E7CC98;background:rgba(22,15,9,.35);backdrop-filter:blur(7px)
}
.gal-orbit:before{
  content:"";position:absolute;inset:-7px;border-radius:50%;
  border:1px dashed rgba(229,201,150,.28);animation:galOrbit 6s linear infinite
}

.gal-brand-strip{
  margin-top:22px;padding:18px 0;overflow:hidden;
  border-block:1px solid rgba(27,23,19,.10)
}
.gal-brand-track{display:flex;width:max-content;animation:galMarquee 24s linear infinite}
.gal-brand-track span{padding-right:34px;color:#6C6258;font-size:12px;letter-spacing:.14em}
.gal-brand-track b{color:#9B6F2F;margin-right:8px}

.gal-transform-section{
  margin-top:82px;padding:64px 0 10px;
  background:
    radial-gradient(circle at 84% 14%,rgba(192,149,77,.17),transparent 25%),
    linear-gradient(180deg,#1A100A,#26170E);
  color:#FFF7EE;border-radius:36px 36px 0 0;
}
.gal-transform-head{text-align:center;max-width:760px;margin:0 auto 36px}
.gal-transform-head h2{font:500 clamp(2.8rem,5vw,4.8rem)/.95 var(--serif);margin:12px 0 15px;color:#FFF7EE}
.gal-transform-head p{color:#CCBCAF;margin:0}
.gal-transform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.gal-transform-card{
  padding:16px;border-radius:26px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  box-shadow:0 18px 45px rgba(0,0,0,.20);
}
.gal-ba{
  --pos:50%;position:relative;aspect-ratio:16/10;overflow:hidden;
  border-radius:20px;background:#120B07;touch-action:none
}
.gal-ba>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.gal-ba-before{position:absolute;inset:0;width:var(--pos);overflow:hidden}
.gal-ba-before img{width:100%;height:100%;object-fit:cover;max-width:none}
.gal-ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#C0954D;transform:translateX(-1px);z-index:4}
.gal-ba-handle{
  position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;z-index:5;background:#2A2019;border:2px solid #C0954D;
  box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 0 7px rgba(192,149,77,.08)
}
.gal-ba-handle:before,.gal-ba-handle:after{
  content:"";position:absolute;top:50%;width:11px;height:11px;border-top:2px solid #DEC08B;border-right:2px solid #DEC08B
}
.gal-ba-handle:before{left:15px;transform:translateY(-50%) rotate(225deg)}
.gal-ba-handle:after{right:15px;transform:translateY(-50%) rotate(45deg)}
.gal-ba-label{
  position:absolute;top:14px;z-index:6;padding:9px 12px;border-radius:9px;
  background:rgba(36,28,22,.72);border:1px solid rgba(255,255,255,.06);
  color:#F1E0C9;font-size:10px;letter-spacing:.15em;text-transform:uppercase
}
.gal-ba-label.before{left:14px}.gal-ba-label.after{right:14px}
.gal-ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:8}
.gal-transform-copy{padding:16px 4px 5px}
.gal-transform-copy h3{margin:0;color:#FFF0DC;font:500 1.5rem var(--serif)}
.gal-transform-copy p{margin:6px 0 0;color:#C7B5A5;font-size:12px}

.gal-cta{
  margin-top:70px;padding:36px;border-radius:30px;
  background:linear-gradient(135deg,#F0E6DA,#D9CABB);
  border:1px solid rgba(27,23,19,.10);
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center
}
.gal-cta h2{font:500 clamp(2.2rem,4vw,4rem)/1 var(--serif);margin:8px 0 10px}
.gal-cta p{margin:0;color:#655B52}

@keyframes galFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes galShine{0%,18%{left:-60%;opacity:0}28%{opacity:.6}45%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@keyframes galOrbit{to{transform:rotate(360deg)}}@keyframes galMarquee{to{transform:translateX(-50%)}}

@media(max-width:980px){
  .gal-card.w6,.gal-card.w4,.gal-card.w8{grid-column:span 6}
  .gal-transform-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .gal-card.w6,.gal-card.w4,.gal-card.w8{grid-column:span 12;min-height:410px}
  .gal-cta{grid-template-columns:1fr;padding:27px}
}


/* ===== Real product showcase added to Products page ===== */
.real-products{
  position:relative;
  padding:86px 0 96px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 12%,rgba(192,149,77,.13),transparent 24%),
    radial-gradient(circle at 8% 82%,rgba(112,76,40,.10),transparent 26%),
    linear-gradient(180deg,#E7DCCE,#DDD0C1);
}
.real-products:before,.real-products:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  border:1px solid rgba(155,111,47,.14)
}
.real-products:before{width:480px;height:480px;left:-250px;top:90px;animation:rpOrbit 28s linear infinite}
.real-products:after{width:620px;height:620px;right:-340px;bottom:-260px;border-style:dashed;animation:rpOrbitR 34s linear infinite}

.rp-head{text-align:center;max-width:820px;margin:0 auto 42px;position:relative;z-index:2}
.rp-head .eyebrow{color:#8F642B!important}
.rp-head h2{font:500 clamp(2.8rem,5vw,4.9rem)/.95 var(--serif);margin:12px 0 15px;color:#1B1713}
.rp-head p{margin:0;color:#665C52}

.rp-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  perspective:1400px
}
.rp-card{
  position:relative;min-height:650px;padding:20px 20px 24px;
  border-radius:32px;border:1px solid rgba(27,23,19,.11);
  background:linear-gradient(165deg,#F5EEE6,#E9DDD0);
  box-shadow:0 22px 55px rgba(58,39,20,.10);
  overflow:hidden;transform-style:preserve-3d;
  animation:rpFloat 6.2s ease-in-out infinite;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s
}
.rp-card:nth-child(2){animation-delay:.9s}.rp-card:nth-child(3){animation-delay:1.8s}
.rp-card:hover{
  transform:translateY(-12px) rotateX(2deg) scale(1.012);
  box-shadow:0 34px 78px rgba(58,39,20,.16);
  border-color:rgba(192,149,77,.34)
}
.rp-card:before{
  content:"";position:absolute;z-index:5;top:-25%;left:-65%;width:34%;height:150%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:rotate(12deg);animation:rpShine 6.4s ease-in-out infinite;pointer-events:none
}
.rp-card:nth-child(2):before{animation-delay:1.7s}.rp-card:nth-child(3):before{animation-delay:3.4s}

.rp-visual{
  position:relative;height:430px;border-radius:26px;
  display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.94),rgba(247,241,234,.86) 48%,rgba(226,213,198,.58) 74%,transparent 100%);
  border:1px solid rgba(27,23,19,.075)
}
.rp-visual:before{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  border:1px solid rgba(192,149,77,.19);animation:rpOrbit 13s linear infinite
}
.rp-visual:after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  border:1px dashed rgba(192,149,77,.24);animation:rpOrbitR 9s linear infinite
}
.rp-visual img{
  position:relative;z-index:3;max-width:88%;max-height:390px;object-fit:contain;
  filter:drop-shadow(0 28px 24px rgba(59,42,24,.16));
  animation:rpProduct 5.4s ease-in-out infinite
}
.rp-card:nth-child(2) .rp-visual img{animation-delay:.8s}
.rp-card:nth-child(3) .rp-visual img{animation-delay:1.6s}

.rp-badge{
  position:absolute;top:16px;left:16px;z-index:6;padding:9px 12px;border-radius:999px;
  background:rgba(27,23,19,.86);color:#E7CC98;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(7px)
}
.rp-num{
  position:absolute;right:16px;top:16px;z-index:6;
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:rgba(192,149,77,.12);border:1px solid rgba(192,149,77,.26);
  color:#8B632A;font-weight:800;font-size:12px
}
.rp-copy{padding:24px 8px 4px;text-align:center}
.rp-copy small{display:block;color:#946C35;letter-spacing:.15em;text-transform:uppercase;font-size:10px;margin-bottom:8px}
.rp-copy h3{font:500 2rem/1.05 var(--serif);margin:0 0 10px;color:#231A14}
.rp-copy p{font-size:13px;line-height:1.7;color:#6A6056;margin:0 auto 16px;max-width:330px}
.rp-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.rp-tags span{
  padding:8px 10px;border-radius:999px;border:1px solid rgba(27,23,19,.10);
  background:rgba(255,255,255,.40);font-size:10.5px;color:#645A50
}
.rp-card.auto-product{
  transform:translateY(-10px) scale(1.01);
  border-color:rgba(192,149,77,.34);
  box-shadow:0 30px 72px rgba(72,49,23,.15)
}
.rp-card.auto-product .rp-visual{
  box-shadow:inset 0 0 0 1px rgba(192,149,77,.12),0 12px 34px rgba(81,56,28,.08)
}
.rp-footer{
  position:relative;z-index:2;margin-top:30px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap
}
.rp-footer span{
  padding:9px 13px;border-radius:999px;border:1px solid rgba(27,23,19,.10);
  background:rgba(255,255,255,.34);color:#645A50;font-size:11px
}
@keyframes rpProduct{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}
@keyframes rpFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes rpOrbit{to{transform:rotate(360deg)}}@keyframes rpOrbitR{to{transform:rotate(-360deg)}}
@keyframes rpShine{0%,20%{left:-65%;opacity:0}30%{opacity:.85}48%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@media(max-width:980px){.rp-grid{grid-template-columns:1fr 1fr}.rp-card:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}}
@media(max-width:680px){.rp-grid{grid-template-columns:1fr}.rp-card:last-child{grid-column:auto;max-width:none}.rp-card{min-height:auto}.rp-visual{height:410px}}


/* ===== REAL PRODUCT SHOWCASE — PREMIUM MOTION UPGRADE ===== */
.real-products{--rp-active:0}
.rp-stage-bar{
  position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;margin:-8px 0 24px;padding:14px 18px;border-radius:18px;
  border:1px solid rgba(27,23,19,.10);background:rgba(255,255,255,.26);backdrop-filter:blur(9px)
}
.rp-live{display:flex;align-items:center;gap:10px;color:#6A5F54;font-size:12px;letter-spacing:.06em}
.rp-live-dot{width:9px;height:9px;border-radius:50%;background:#B17F36;box-shadow:0 0 0 0 rgba(177,127,54,.32);animation:rpLivePulse 1.8s ease-out infinite}
.rp-now{font:500 1.1rem var(--serif);color:#291F18}
.rp-stage-progress{width:min(300px,44vw);height:7px;border-radius:999px;overflow:hidden;background:rgba(27,23,19,.08)}
.rp-stage-progress b{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#DEC08B,#9B6F2F);box-shadow:0 0 18px rgba(155,111,47,.24)}

.rp-grid{isolation:isolate}
.rp-grid:before{
  content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;
  left:var(--spot-x,50%);top:var(--spot-y,48%);transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(192,149,77,.19),rgba(192,149,77,.05) 44%,transparent 70%);
  filter:blur(15px);transition:left .5s ease,top .5s ease;pointer-events:none
}

.rp-card{
  opacity:.35;filter:saturate(.75) blur(.15px);
  transform:translateY(18px) scale(.965);
  transition:
    transform .75s cubic-bezier(.18,.85,.2,1),
    opacity .5s ease,filter .5s ease,box-shadow .5s ease,border-color .5s ease;
}
.rp-card.rp-enter{opacity:1;filter:none;transform:translateY(0) scale(1)}
.rp-card.auto-product{
  opacity:1;filter:saturate(1.04);
  transform:translateY(-15px) scale(1.025) rotateX(2.2deg);
  border-color:rgba(192,149,77,.46)!important;
  box-shadow:0 38px 88px rgba(65,43,19,.18),0 0 0 1px rgba(192,149,77,.08)
}
.rp-card.auto-product .rp-visual{
  box-shadow:inset 0 0 0 1px rgba(192,149,77,.16),0 18px 46px rgba(78,51,22,.10)
}
.rp-card.auto-product .rp-visual:before{border-color:rgba(192,149,77,.40)}
.rp-card.auto-product .rp-visual:after{border-color:rgba(192,149,77,.46)}
.rp-card.auto-product .rp-visual img{
  animation:rpHeroProduct 2.9s ease-in-out infinite!important;
  filter:drop-shadow(0 34px 26px rgba(59,42,24,.24))
}
.rp-card.auto-product .rp-badge{
  background:#1F1812;color:#F0D6A4;box-shadow:0 10px 25px rgba(0,0,0,.16)
}
.rp-card.auto-product .rp-num{
  background:#C0954D;color:#FFF9EE;border-color:#C0954D;
  animation:rpNumberPulse 2.2s ease-in-out infinite
}
.rp-card.auto-product .rp-copy h3{color:#8F642B}
.rp-card.auto-product:after{
  content:"";position:absolute;inset:0;border-radius:32px;pointer-events:none;
  box-shadow:inset 0 0 70px rgba(192,149,77,.06)
}

/* Parallax layers */
.rp-card .rp-visual,.rp-card .rp-copy,.rp-card .rp-badge,.rp-card .rp-num{
  transform-style:preserve-3d;will-change:transform
}
.rp-card.is-tilting .rp-visual{transition:transform .12s linear}
.rp-card.is-tilting .rp-copy{transition:transform .12s linear}
.rp-card.is-tilting .rp-badge,.rp-card.is-tilting .rp-num{transition:transform .12s linear}

/* Premium floor/reflection under product */
.rp-visual .rp-floor{
  position:absolute;z-index:1;left:17%;right:17%;bottom:27px;height:38px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(62,42,21,.22),rgba(62,42,21,.05) 48%,transparent 72%);
  filter:blur(8px);animation:rpFloor 3.2s ease-in-out infinite
}

/* Small orbiting sparkle */
.rp-spark{
  position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;
  background:#D3A75B;box-shadow:0 0 16px rgba(211,167,91,.8);
  left:50%;top:50%;transform-origin:0 0;animation:rpSparkOrbit 5.4s linear infinite
}
.rp-card:nth-child(2) .rp-spark{animation-delay:-1.8s}
.rp-card:nth-child(3) .rp-spark{animation-delay:-3.5s}

@keyframes rpHeroProduct{
  0%,100%{transform:translateY(0) rotateY(-6deg) rotateZ(-1deg) scale(1)}
  50%{transform:translateY(-18px) rotateY(7deg) rotateZ(1.2deg) scale(1.035)}
}
@keyframes rpNumberPulse{50%{transform:scale(1.10);box-shadow:0 0 0 7px rgba(192,149,77,.09)}}
@keyframes rpFloor{50%{transform:scaleX(.78);opacity:.62}}
@keyframes rpSparkOrbit{
  from{transform:rotate(0deg) translateX(154px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(154px) rotate(-360deg)}
}
@keyframes rpLivePulse{
  0%{box-shadow:0 0 0 0 rgba(177,127,54,.38)}
  70%{box-shadow:0 0 0 9px rgba(177,127,54,0)}
  100%{box-shadow:0 0 0 0 rgba(177,127,54,0)}
}

@media(max-width:680px){
  .rp-stage-bar{align-items:flex-start}
  .rp-stage-progress{width:100%}
  .rp-card.auto-product{transform:translateY(-8px) scale(1.012)}
}
@media(prefers-reduced-motion:reduce){
  .rp-card,.rp-card.auto-product{opacity:1;filter:none;transform:none}
  .rp-card.auto-product .rp-visual img,.rp-spark,.rp-live-dot,.rp-num,.rp-floor{animation:none!important}
}


/* ===== Gallery priority fix: transformations appear first ===== */
.gallery-v4 .page-hero{padding-bottom:34px!important}

.gal-transform-section.gal-transform-first{
  margin-top:0!important;
  padding:54px 0 74px!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 84% 14%,rgba(192,149,77,.18),transparent 25%),
    radial-gradient(circle at 10% 80%,rgba(110,73,34,.13),transparent 23%),
    linear-gradient(180deg,#1A100A,#28180E)!important;
}
.gal-transform-first .gal-transform-head{margin-bottom:30px!important}
.gal-transform-first .gal-transform-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
.gal-transform-first .gal-transform-card{
  border-radius:30px!important;
  padding:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22)!important;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
}
.gal-transform-first .gal-transform-card:hover{
  transform:translateY(-8px);
  border-color:rgba(192,149,77,.35)!important;
  box-shadow:0 32px 75px rgba(0,0,0,.28)!important;
}
.gal-transform-first .gal-ba{
  aspect-ratio:16/10!important;
  border-radius:22px!important;
  background:#100A07!important;
}
.gal-transform-first .gal-ba>img,
.gal-transform-first .gal-ba-before img{
  object-fit:cover!important;
  object-position:center center!important;
}
.gal-transform-first .gal-transform-copy{
  padding:18px 6px 4px!important;
}
.gal-transform-first .gal-transform-copy h3{
  font-size:1.9rem!important;
}
.gal-transform-first .gal-transform-copy p{
  font-size:13px!important;
}
.gal-transform-note{
  display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px
}
.gal-transform-note span{
  padding:9px 13px;border-radius:999px;
  border:1px solid rgba(222,192,139,.14);
  background:rgba(255,255,255,.035);
  color:#D4C2AF;font-size:11px
}

/* Keep the remaining visual gallery below the transformations */
.gallery-v4 .section.gal-visual-section{padding-top:74px!important}

/* Make Gallery opening faster / less visually noisy */
.gallery-v4 .gal-card{animation-duration:7s!important}

@media(max-width:760px){
  .gal-transform-first .gal-transform-grid{grid-template-columns:1fr!important}
  .gal-transform-first{padding-top:42px!important}
}


/* =========================================================
   YUVAGLOW — FINAL RESPONSIVE SYSTEM
   Desktop • Laptop • Tablet • Mobile • Small Mobile
   ========================================================= */

/* Global safety */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,textarea,select{min-width:0}
input,textarea,select{max-width:100%;width:100%}
.container{width:min(1220px,calc(100% - 40px));max-width:1220px}
.hero-grid,.section-head,.overview-grid,.product-layout,.story-grid,.contact-grid,
.footer-grid,.leader-grid,.values-grid,.vm-grid,.products-v2-grid,.rp-grid,
.gal-masonry,.gal-transform-grid,.h4-collections,.h4-promise,.h4-featured,
.h4-ritual,.h4-news,.h4-stats{min-width:0}
.hero-grid>*,
.section-head>*,
.overview-grid>*,
.product-layout>*,
.story-grid>*,
.contact-grid>*,
.footer-grid>*,
.leader-grid>*,
.values-grid>*,
.vm-grid>*,
.products-v2-grid>*,
.rp-grid>*,
.gal-transform-grid>*,
.h4-collections>*,
.h4-promise>*,
.h4-featured>*,
.h4-ritual>*,
.h4-news>*,
.h4-stats>*{min-width:0}

/* Typography stays readable instead of overflowing */
h1{font-size:clamp(3rem,7vw,7.1rem)}
h2{font-size:clamp(2.35rem,5.2vw,5rem)}
h3{overflow-wrap:anywhere}
p{overflow-wrap:anywhere}

/* Better tap behavior */
.btn,.navlinks a,.navlinks button,.menu-btn,.gal-filter button,
.h4-transform-circle,.rp-card{touch-action:manipulation}

/* Keep fixed UI inside safe areas */
.whatsapp{
  right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom))
}

/* ---------- LARGE LAPTOP / SMALL DESKTOP ---------- */
@media (max-width:1280px){
  .container{width:min(1180px,calc(100% - 36px))}
  .nav{gap:12px}
  .brand{font-size:24px}
  .navlinks a{padding:9px 8px;font-size:12px}
  .nav-whatsapp{width:42px!important;height:40px!important}

  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);gap:28px}
  .scene{min-height:520px;height:min(650px,68svh)}
  .ring.r1{width:480px;height:480px}
  .ring.r2{width:340px;height:340px}

  .h4-collections,.h4-promise,.h4-featured{gap:16px}
  .h4-collection{min-height:420px}
  .rp-grid{gap:18px}
  .rp-card{min-height:620px}
  .rp-visual{height:405px}
}

/* ---------- TABLET LANDSCAPE / SMALL LAPTOP ---------- */
@media (max-width:1080px){
  .container{width:min(960px,calc(100% - 32px))}

  .hero{
    min-height:auto;
    padding:118px 0 76px
  }
  .hero-grid{
    grid-template-columns:1fr;
    gap:22px;
  }
  .hero-copy{
    max-width:820px;
    margin-inline:auto;
    text-align:center
  }
  .hero-copy p{margin-inline:auto}
  .hero-actions,.h4-hero-note{justify-content:center}
  .scene{
    width:min(720px,100%);
    margin:0 auto;
    height:560px;
    min-height:560px
  }

  .section-head{grid-template-columns:1fr;gap:12px}
  .section-head>p{max-width:760px}

  .overview-grid,.story-grid,.contact-grid,.product-layout{grid-template-columns:1fr}
  .motion-panel{position:relative;top:auto}

  .about-kickers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .leader-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
  .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vm-grid{grid-template-columns:1fr 1fr}

  .products-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-card:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}

  .h4-collections,.h4-promise,.h4-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h4-ritual,.h4-news{grid-template-columns:1fr}
  .h4-ritual-copy{text-align:center}
  .h4-ritual-copy p{margin-inline:auto}
  .h4-ritual-copy .hero-actions{justify-content:center}
  .h4-news{text-align:center}
  .h4-news-form{max-width:650px;width:100%;margin-inline:auto}

  .gal-masonry{grid-template-columns:repeat(12,minmax(0,1fr))}
  .gal-card.w8,.gal-card.w6,.gal-card.w4{grid-column:span 6}
  .gal-transform-first .gal-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid>div:first-child{grid-column:1/-1}
}

/* ---------- TABLET / MOBILE NAV ---------- */
@media (max-width:860px){
  .container{width:min(760px,calc(100% - 28px))}
  .topbar{background:rgba(226,216,204,.97)!important}
  .nav{height:70px}
  .brand{font-size:22px;position:relative;z-index:3}
  .menu-btn{
    display:grid!important;
    place-items:center;
    width:44px;height:44px;
    border-radius:12px;
    border:1px solid rgba(27,23,19,.12);
    background:rgba(255,255,255,.32);
    color:#1B1713!important;
    font-size:25px;
    position:relative;
    z-index:3
  }
  .navlinks{
    display:none!important;
    position:fixed!important;
    left:14px!important;right:14px!important;top:78px!important;
    max-height:calc(100dvh - 94px);
    overflow-y:auto;
    padding:12px!important;
    border-radius:22px!important;
    background:rgba(231,221,210,.985)!important;
    border:1px solid rgba(27,23,19,.12)!important;
    box-shadow:0 24px 60px rgba(48,31,17,.18)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important
  }
  .navlinks.open{display:flex!important}
  .navlinks a,.navlinks button{
    width:100%;
    min-height:46px;
    padding:12px 14px!important;
    text-align:left!important;
    color:#342C25!important;
    border-radius:12px!important;
    white-space:normal!important
  }
  .navlinks a:hover,.navlinks a.active,
  .navlinks button:hover,.navlinks button.active{
    background:rgba(192,149,77,.12)!important;
    color:#8D642B!important
  }
  .nav-whatsapp{
    width:100%!important;height:48px!important;
    margin:4px 0 0!important;
    border-radius:12px!important
  }

  .page-hero{padding:116px 0 52px!important}
  .page-hero h1{font-size:clamp(3rem,11vw,5.5rem)}
  .section{padding:72px 0}

  .h4-section{padding:72px 0!important}
  .h4-stats{
    margin-top:-20px;
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .h4-stat{padding:22px 14px;text-align:center}
  .h4-number{font-size:clamp(2.2rem,7vw,3.8rem)}
  .h4-stat span{font-size:10px;letter-spacing:.1em}

  .products-v2-wrap{padding-bottom:68px}
  .prod-v2-media{height:410px}

  .rp-head{margin-bottom:30px}
  .rp-card{min-height:600px}
  .rp-stage-bar{align-items:flex-start}
  .rp-stage-progress{width:100%}

  .gallery-v4 .page-hero{padding-bottom:30px!important}
  .gal-transform-first{padding:44px 0 58px!important}
  .gal-visual-section{padding-top:62px!important}

  .about-cta{grid-template-columns:1fr!important}
}

/* ---------- MOBILE ---------- */
@media (max-width:680px){
  :root{--mobile-gap:16px}
  .container{width:calc(100% - 24px)}
  .nav{height:66px}
  .navlinks{top:72px!important;left:10px!important;right:10px!important}

  .eyebrow{font-size:10px;letter-spacing:.17em}
  h1{font-size:clamp(2.8rem,14vw,4.6rem);line-height:.94}
  h2{font-size:clamp(2.25rem,11vw,3.75rem);line-height:.98}
  h3{font-size:clamp(1.35rem,6.4vw,1.9rem)}
  p{line-height:1.72}

  .hero{
    padding:96px 0 54px!important;
    min-height:auto!important
  }
  .hero-grid{gap:12px}
  .hero-copy{text-align:left}
  .hero-copy p{font-size:14px;margin-inline:0}
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    margin-top:24px
  }
  .hero-actions .btn{width:100%}
  .h4-hero-note{justify-content:flex-start}
  .h4-hero-note span{font-size:10px;padding:7px 9px}

  /* Mobile-safe animated hero scene */
  .scene{
    width:124%;
    max-width:none;
    margin-left:-12%;
    margin-top:0;
    margin-bottom:-68px;
    height:470px!important;
    min-height:470px!important;
    transform:scale(.78)!important;
    transform-origin:center top!important
  }
  .ring.r1{width:420px!important;height:420px!important}
  .ring.r2{width:300px!important;height:300px!important}
  .ring.r3{width:215px!important;height:215px!important}
  .hero-main{transform-origin:center}
  .hero-tag{font-size:8px;padding:7px 9px}
  .hero-tag.t1{left:5%}.hero-tag.t2{right:7%}.hero-tag.t3{right:8%}

  .section{padding:62px 0!important}
  .section-head{margin-bottom:26px}

  /* All important grids become one column */
  .overview-grid,
  .story-grid,
  .contact-grid,
  .product-layout,
  .vm-grid,
  .about-kickers,
  .values-grid,
  .leader-grid,
  .products-v2-grid,
  .rp-grid,
  .h4-collections,
  .h4-promise,
  .h4-featured,
  .h4-ritual,
  .h4-news,
  .gal-transform-first .gal-transform-grid{
    grid-template-columns:1fr!important
  }

  .leader-grid{max-width:none!important}
  .leader-card{min-height:auto!important;padding:22px!important}
  .leader-visual{height:210px!important}
  .value-card{min-height:auto!important}
  .vm-card{min-height:auto!important;padding:26px!important}
  .about-kicker{padding:20px!important}

  .photo-stack{min-height:390px!important}
  .photo-stack .big{width:100%!important;height:78%!important}
  .photo-stack .small{display:none!important}
  .photo-stack .third{width:44%!important;height:27%!important;right:0!important}

  .h4-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important
  }
  .h4-stat{padding:17px 7px!important;border-radius:18px!important}
  .h4-number{font-size:clamp(1.8rem,10vw,2.8rem)!important}
  .h4-stat span{font-size:8px!important;letter-spacing:.06em!important}
  .h4-ritual-mark{min-height:250px!important}
  .h4-ritual-ring{width:225px!important;height:225px!important}
  .h4-ritual-ring.r2{width:155px!important;height:155px!important}
  .h4-collection{min-height:400px!important}
  .h4-feature{min-height:auto!important}
  .h4-story{flex-basis:100%!important}
  .h4-news{padding:24px!important}
  .h4-news-form{flex-direction:column!important}
  .h4-news-form .btn{width:100%}
  .h4-vision blockquote{font-size:clamp(1.9rem,8vw,3rem)!important}

  .h4-transform-shell{padding:12px!important;border-radius:22px!important}
  .h4-transform-slider{aspect-ratio:4/5!important;border-radius:17px!important}
  .h4-tlabel{top:12px!important;padding:9px 11px!important;font-size:9px!important}
  .h4-tlabel.before{left:12px!important}
  .h4-tlabel.after{right:12px!important}
  .h4-transform-handle{width:54px!important;height:54px!important}
  .h4-transform-carousel-info{align-items:flex-start!important}
  .h4-transform-circle{width:46px!important;height:46px!important}

  .products-v2 .page-hero{padding-bottom:26px!important}
  .products-v2-wrap{padding:18px 0 58px!important}
  .products-v2-head{margin-bottom:26px!important}
  .prod-v2-media{height:390px!important}
  .prod-v2-copy{padding-top:20px!important}
  .prod-v2-copy h3{font-size:2.25rem!important}
  .prod-v2-button{
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
    bottom:18px!important;
    padding:12px 18px!important;
    font-size:10px!important
  }

  .rp-grid{gap:18px!important}
  .rp-card,.rp-card:last-child{
    grid-column:auto!important;
    max-width:none!important;
    width:100%!important;
    min-height:auto!important;
    padding:16px 16px 22px!important
  }
  .rp-card.auto-product{transform:translateY(-7px) scale(1.006)!important}
  .rp-visual{height:380px!important;border-radius:22px!important}
  .rp-visual img{max-height:340px!important}
  .rp-copy{padding-top:20px!important}
  .rp-stage-bar{padding:12px!important}
  .rp-now{font-size:1rem!important}
  .rp-footer{gap:7px!important}

  .product-page{padding-bottom:58px!important}
  .motion-panel,.motion-core{min-height:430px!important}
  .motion-core .ring.r1{width:270px!important;height:270px!important}
  .motion-core .ring.r2{width:180px!important;height:180px!important}
  .center-chip{width:110px!important;height:110px!important;font-size:14px!important}
  .product-grid{grid-template-columns:1fr!important}
  .product-grid .prod-card{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important
  }
  .prod-card:nth-child(even){transform:none!important}
  .banner-row{grid-template-columns:1fr!important}

  .gal-filter{
    justify-content:flex-start!important;
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding-bottom:5px;
    margin-bottom:26px!important;
    scrollbar-width:none
  }
  .gal-filter::-webkit-scrollbar{display:none}
  .gal-filter button{white-space:nowrap;flex:0 0 auto}
  .gal-masonry{grid-template-columns:1fr!important;gap:15px!important}
  .gal-card.w8,.gal-card.w6,.gal-card.w4{
    grid-column:auto!important;
    min-height:390px!important
  }
  .gal-transform-first .gal-transform-grid{gap:15px!important}
  .gal-transform-card{padding:12px!important;border-radius:23px!important}
  .gal-ba{aspect-ratio:4/5!important;border-radius:17px!important}
  .gal-ba-handle{width:50px!important;height:50px!important}
  .gal-transform-copy h3{font-size:1.6rem!important}
  .gal-brand-track span{font-size:10px!important}

  .gallery-grid{grid-template-columns:1fr!important}
  .gallery-grid .item:first-child{grid-row:span 1!important}

  .gal-cta{grid-template-columns:1fr!important;padding:24px!important}
  .gal-cta .btn{width:100%}

  .footer{padding-top:58px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>div:first-child{grid-column:auto!important}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important}

  .whatsapp{width:50px!important;height:50px!important;font-size:22px!important}
}

/* ---------- SMALL MOBILE 360–480 ---------- */
@media (max-width:480px){
  .container{width:calc(100% - 20px)}
  .brand{font-size:20px}
  .menu-btn{width:42px;height:42px}

  .page-hero{padding-top:104px!important;padding-bottom:42px!important}
  .page-hero h1{font-size:clamp(2.75rem,14.5vw,4rem)!important}

  .scene{
    width:138%!important;
    margin-left:-19%!important;
    height:430px!important;
    min-height:430px!important;
    transform:scale(.69)!important;
    margin-bottom:-108px!important
  }

  .h4-stats{margin-top:-6px!important}
  .h4-stat{min-height:100px!important;display:flex;flex-direction:column;justify-content:center}
  .h4-stat:after{display:none}

  .prod-v2-media{height:355px!important}
  .rp-visual{height:340px!important}
  .rp-visual img{max-height:300px!important}
  .rp-badge{font-size:8px!important;letter-spacing:.10em!important;max-width:70%;white-space:normal!important}
  .rp-num{width:38px!important;height:38px!important}

  .gal-card.w8,.gal-card.w6,.gal-card.w4{min-height:350px!important}
  .gal-ba{min-height:390px}
  .gal-ba-label{padding:8px 9px!important;font-size:8px!important}
  .gal-ba-label.before{left:10px!important}.gal-ba-label.after{right:10px!important}

  .h4-transform-circle-nav{gap:7px!important}
  .h4-transform-circle{width:42px!important;height:42px!important}
  .h4-transform-count{font-size:10px!important}

  .about-cta{padding:22px!important}
  .leader-card{border-radius:24px!important}
}

/* ---------- VERY SMALL MOBILE ---------- */
@media (max-width:360px){
  .container{width:calc(100% - 16px)}
  .hero-copy h1{font-size:2.75rem!important}
  .scene{transform:scale(.63)!important;margin-bottom:-128px!important}
  .h4-stat span{font-size:7px!important}
  .h4-number{font-size:1.75rem!important}
  .rp-visual{height:315px!important}
  .prod-v2-media{height:330px!important}
}

/* ---------- LANDSCAPE PHONES ---------- */
@media (max-width:900px) and (max-height:560px) and (orientation:landscape){
  .hero{padding-top:88px!important}
  .hero-grid{grid-template-columns:1fr 1fr!important;align-items:center}
  .hero-copy{text-align:left}
  .hero-actions,.h4-hero-note{justify-content:flex-start}
  .scene{
    width:100%!important;height:390px!important;min-height:390px!important;
    transform:scale(.7)!important;margin:0!important
  }
  .page-hero{padding-top:96px!important}
}

/* ---------- COARSE POINTER / TOUCH ---------- */
@media (hover:none) and (pointer:coarse){
  .btn:hover,.cat-card:hover,.gal-card:hover,.value-card:hover,.leader-card:hover,
  .rp-card:hover,.h4-collection:hover{transform:none}
  .rp-card.is-tilting .rp-visual,
  .rp-card.is-tilting .rp-copy,
  .rp-card.is-tilting .rp-badge,
  .rp-card.is-tilting .rp-num{transform:none!important}
}


/* =========================================================
   REAL PRODUCT REPLACEMENT — remove dummy packshots sitewide
   ========================================================= */

/* Home hero: 3 actual product packshots */
.hero-real-product{
  position:absolute;left:50%;top:50%;z-index:6;
  display:grid;place-items:center;
  border:1px solid rgba(27,23,19,.10);
  border-radius:24px;
  background:rgba(246,239,231,.82);
  box-shadow:0 24px 44px rgba(49,32,17,.16);
  backdrop-filter:blur(8px);
  overflow:hidden;
  transform-style:preserve-3d
}
.hero-real-product img{
  width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 18px 18px rgba(50,34,18,.14))
}
.hero-real-main{
  width:180px;height:310px;margin:-155px 0 0 -90px;
  animation:realHeroMain 5.4s ease-in-out infinite
}
.hero-real-a{
  width:118px;height:205px;margin:-255px 0 0 -250px;
  animation:realHeroA 8.7s ease-in-out infinite
}
.hero-real-b{
  width:130px;height:220px;margin:72px 0 0 145px;
  animation:realHeroB 9.2s ease-in-out infinite
}
.hero-real-product:after{
  content:"";position:absolute;inset:auto 10% 10px;height:24px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(47,31,16,.20),transparent 70%);
  filter:blur(7px)
}
@keyframes realHeroMain{
  0%,100%{transform:translateY(0) rotateY(-3deg)}
  50%{transform:translateY(-16px) rotateY(5deg)}
}
@keyframes realHeroA{
  0%,100%{transform:translate(0,0) rotate(-5deg)}
  50%{transform:translate(22px,15px) rotate(4deg)}
}
@keyframes realHeroB{
  0%,100%{transform:translate(0,0) rotate(4deg)}
  50%{transform:translate(-22px,-16px) rotate(-4deg)}
}

/* Homepage featured products: real packshots */
.h4-featured.real-featured{
  grid-template-columns:repeat(3,minmax(0,1fr))!important
}
.h4-feature.real-feature-card{
  min-height:440px;
  display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start
}
.h4-real-feature-img-wrap{
  position:relative;width:100%;height:270px;display:grid;place-items:center;
  margin-bottom:18px;border-radius:22px;
  background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.95),rgba(238,228,216,.65) 62%,transparent 78%);
  overflow:hidden
}
.h4-real-feature-img-wrap:before,
.h4-real-feature-img-wrap:after{
  content:"";position:absolute;border-radius:50%;
  border:1px solid rgba(192,149,77,.20)
}
.h4-real-feature-img-wrap:before{width:210px;height:210px;animation:realOrbit 13s linear infinite}
.h4-real-feature-img-wrap:after{width:150px;height:150px;border-style:dashed;animation:realOrbitR 9s linear infinite}
.h4-real-feature-img{
  position:relative;z-index:2;max-width:78%;max-height:245px;object-fit:contain;
  filter:drop-shadow(0 20px 18px rgba(55,37,20,.16));
  animation:realFeatureFloat 4.8s ease-in-out infinite
}
.h4-feature:nth-child(2) .h4-real-feature-img{animation-delay:.7s}
.h4-feature:nth-child(3) .h4-real-feature-img{animation-delay:1.4s}
@keyframes realFeatureFloat{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-13px) rotate(1.5deg)}
}
@keyframes realOrbit{to{transform:rotate(360deg)}}
@keyframes realOrbitR{to{transform:rotate(-360deg)}}

/* Category motion panels: actual products orbit instead of dummy bottles */
.orb-real{
  position:absolute;left:50%;top:50%;
  width:80px;height:112px;margin:-56px 0 0 -40px;
  display:grid;place-items:center;border-radius:16px;
  background:rgba(246,239,231,.90);
  border:1px solid rgba(240,209,138,.20);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
  overflow:hidden
}
.orb-real img{
  max-width:94%;max-height:104px;object-fit:contain;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.14))
}

/* All real product cards used inside category product grids */
.real-grid-card{
  grid-template-columns:110px 1fr!important;
  align-items:center!important
}
.real-grid-pack{
  width:110px;height:148px;border-radius:19px;
  display:grid;place-items:center;
  background:#F4ECE4;
  border:1px solid rgba(27,23,19,.09);
  overflow:hidden
}
.real-grid-pack img{
  max-width:92%;max-height:136px;object-fit:contain;
  animation:realFeatureFloat 5.2s ease-in-out infinite
}
.real-grid-card:nth-child(2) .real-grid-pack img{animation-delay:.7s}
.real-grid-card:nth-child(3) .real-grid-pack img{animation-delay:1.4s}

/* Mobile refinements */
@media(max-width:1080px){
  .h4-featured.real-featured{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .h4-featured.real-featured{grid-template-columns:1fr!important}
  .h4-feature.real-feature-card{min-height:auto}
}
@media(max-width:680px){
  .hero-real-main{width:164px;height:278px;margin:-139px 0 0 -82px}
  .hero-real-a{width:105px;height:180px;margin:-220px 0 0 -205px}
  .hero-real-b{width:110px;height:190px;margin:62px 0 0 118px}
  .orb-real{width:62px;height:88px;margin:-44px 0 0 -31px}
  .orb-real img{max-height:82px}
  .real-grid-card{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important}
}


/* =========================================================
   CAREERS • PARTNERS • CONTACT
   Premium animated + fully responsive
   ========================================================= */
.info-page{
  background:
    radial-gradient(circle at 88% 5%,rgba(192,149,77,.10),transparent 24%),
    linear-gradient(180deg,#E9E0D4,#E1D5C8);
  color:#1B1713;
  overflow:hidden
}
.info-hero{
  position:relative;
  min-height:620px;
  display:grid;
  align-items:center;
  padding:132px 0 86px;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 34%,rgba(192,149,77,.20),transparent 26%),
    radial-gradient(circle at 18% 78%,rgba(116,76,38,.12),transparent 24%),
    linear-gradient(180deg,#F0E7DD,#DFD1C1)
}
.info-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);
  gap:54px;
  align-items:center
}
.info-hero-copy h1{
  font:500 clamp(3.8rem,7vw,7rem)/.92 var(--serif);
  margin:14px 0 20px;
  color:#1B1713
}
.info-hero-copy p{
  max-width:690px;
  color:#655B52;
  font-size:16px;
  line-height:1.8
}
.info-hero-actions{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:26px
}
.info-visual{
  position:relative;
  height:470px;
  display:grid;
  place-items:center;
  perspective:1000px
}
.info-orbit{
  position:absolute;
  width:390px;height:390px;border-radius:50%;
  border:1px solid rgba(155,111,47,.24);
  animation:infoSpin 18s linear infinite
}
.info-orbit.o2{
  width:275px;height:275px;border-style:dashed;
  animation-direction:reverse;animation-duration:11s
}
.info-core{
  position:relative;
  z-index:2;
  width:210px;height:210px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  padding:28px;
  background:radial-gradient(circle,#F6EFE7,#D8C6B1);
  border:1px solid rgba(155,111,47,.18);
  box-shadow:0 30px 70px rgba(57,38,20,.15);
  animation:infoFloat 5s ease-in-out infinite
}
.info-core strong{
  display:block;
  font:500 2rem/1 var(--serif);
  color:#8B632A
}
.info-core span{font-size:11px;letter-spacing:.13em;color:#655B52;text-transform:uppercase;margin-top:8px}
.info-dot{
  position:absolute;z-index:3;width:72px;height:72px;border-radius:50%;
  display:grid;place-items:center;
  background:#2A211A;color:#E7CC98;
  border:1px solid rgba(231,204,152,.20);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  animation:infoDot 6s ease-in-out infinite
}
.info-dot.d1{left:8%;top:14%}
.info-dot.d2{right:8%;top:28%;animation-delay:1s}
.info-dot.d3{left:17%;bottom:9%;animation-delay:2s}
.info-dot.d4{right:16%;bottom:10%;animation-delay:3s}

.info-section{padding:92px 0;position:relative}
.info-section.dark{
  color:#FFF8EF;
  background:
    radial-gradient(circle at 84% 18%,rgba(192,149,77,.17),transparent 26%),
    linear-gradient(180deg,#17100B,#28180E)
}
.info-head{text-align:center;max-width:820px;margin:0 auto 42px}
.info-head h2{
  font:500 clamp(2.8rem,5vw,5rem)/.96 var(--serif);
  margin:12px 0 16px;
  color:inherit
}
.info-head p{margin:0 auto;color:#675D53;max-width:720px}
.info-section.dark .info-head p{color:#CDBCAD}

.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.info-card{
  position:relative;
  min-height:300px;
  padding:28px 24px;
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(180deg,#F3EAE1,#E4D7C9);
  border:1px solid rgba(27,23,19,.10);
  box-shadow:0 18px 44px rgba(55,37,20,.07);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;
  animation:infoCardFloat 6s ease-in-out infinite
}
.info-card:nth-child(2){animation-delay:.7s}
.info-card:nth-child(3){animation-delay:1.4s}
.info-card:nth-child(4){animation-delay:2.1s}
.info-card:hover{
  transform:translateY(-10px);
  border-color:rgba(192,149,77,.32);
  box-shadow:0 28px 64px rgba(55,37,20,.12)
}
.info-card:after{
  content:"";
  position:absolute;
  width:150px;height:150px;border-radius:50%;
  right:-70px;bottom:-70px;
  border:1px dashed rgba(155,111,47,.18);
  animation:infoSpin 16s linear infinite
}
.info-icon{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  background:rgba(192,149,77,.10);
  border:1px solid rgba(192,149,77,.18);
  font-size:25px;
  margin-bottom:30px;
  animation:infoIcon 4.4s ease-in-out infinite
}
.info-card h3{font-size:1.35rem;margin:0 0 10px;color:#211812}
.info-card p{margin:0;color:#695F55;font-size:13px;line-height:1.75}

.info-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.info-step{
  position:relative;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  overflow:hidden
}
.info-step-num{
  font:500 3.4rem/1 var(--serif);
  color:#C0954D;
  opacity:.85;
  margin-bottom:18px
}
.info-step h3{color:#FFF1DE;margin:0 0 9px}
.info-step p{color:#CBB9AA;margin:0;font-size:13px;line-height:1.7}
.info-step:before{
  content:"";
  position:absolute;top:-35%;left:-60%;
  width:34%;height:160%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.11),transparent);
  transform:rotate(12deg);
  animation:infoShine 6.5s ease-in-out infinite
}

.info-form-wrap{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:stretch
}
.info-panel,
.info-form-card{
  border-radius:30px;
  border:1px solid rgba(27,23,19,.10);
  background:linear-gradient(180deg,#F3EAE1,#E5D9CC);
  box-shadow:0 20px 50px rgba(55,37,20,.08)
}
.info-panel{padding:34px}
.info-panel h2{
  font:500 clamp(2.4rem,4vw,4rem)/1 var(--serif);
  margin:10px 0 14px
}
.info-panel p{color:#665C52}
.info-points{display:grid;gap:12px;margin-top:28px}
.info-point{
  display:flex;gap:14px;align-items:flex-start;
  padding:15px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.30);
  border:1px solid rgba(27,23,19,.08)
}
.info-point b{color:#8F642B}
.info-point span{display:block;color:#6B6056;font-size:12px;margin-top:3px}

.info-form-card{padding:30px}
.info-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}
.info-field{display:grid;gap:7px}
.info-field.full{grid-column:1/-1}
.info-field label{font-size:11px;letter-spacing:.08em;color:#6A5F55}
.info-form input,
.info-form textarea,
.info-form select{
  min-height:50px;
  border-radius:14px;
  border:1px solid rgba(27,23,19,.12)!important;
  background:#F7F0E8!important;
  color:#1B1713!important;
  padding:12px 14px;
  outline:none
}
.info-form textarea{min-height:130px;resize:vertical}
.info-form input:focus,
.info-form textarea:focus,
.info-form select:focus{
  border-color:#C0954D!important;
  box-shadow:0 0 0 3px rgba(192,149,77,.09)
}
.info-form-status{
  grid-column:1/-1;
  min-height:20px;
  font-size:12px;
  color:#7A633D
}

/* Partners animated network */
.partner-network{
  position:relative;
  max-width:920px;
  height:520px;
  margin:0 auto;
  display:grid;
  place-items:center
}
.partner-center{
  width:170px;height:170px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle,#F3E9DD,#CDB89E);
  border:1px solid rgba(192,149,77,.28);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  color:#1F1711;
  z-index:4;
  animation:infoFloat 4.8s ease-in-out infinite
}
.partner-center strong{font:500 2rem var(--serif);color:#8C6329}
.partner-ring{
  position:absolute;width:420px;height:420px;border-radius:50%;
  border:1px solid rgba(222,192,139,.20);
  animation:infoSpin 22s linear infinite
}
.partner-ring.r2{width:300px;height:300px;border-style:dashed;animation-duration:13s;animation-direction:reverse}
.partner-node{
  position:absolute;
  width:128px;min-height:74px;
  padding:12px 14px;border-radius:17px;
  display:grid;place-items:center;text-align:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(222,192,139,.13);
  color:#EADBC9;
  backdrop-filter:blur(8px);
  font-size:12px;
  animation:infoCardFloat 5.4s ease-in-out infinite
}
.partner-node.n1{top:4%;left:14%}
.partner-node.n2{top:12%;right:9%;animation-delay:.8s}
.partner-node.n3{bottom:10%;left:9%;animation-delay:1.6s}
.partner-node.n4{bottom:4%;right:14%;animation-delay:2.4s}

/* Contact cards */
.contact-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:-48px;
  position:relative;
  z-index:6
}
.contact-tile{
  position:relative;
  min-height:190px;
  padding:24px 22px;
  border-radius:24px;
  background:linear-gradient(180deg,#F4ECE3,#E4D7C9);
  border:1px solid rgba(27,23,19,.10);
  box-shadow:0 18px 44px rgba(55,37,20,.09);
  overflow:hidden;
  transition:.35s
}
.contact-tile:hover{transform:translateY(-8px)}
.contact-tile .info-icon{margin-bottom:22px}
.contact-tile small{display:block;color:#8C632A;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.contact-tile a,.contact-tile p{color:#2F261F;margin:0;font-size:13px;line-height:1.65}
.contact-tile:after{
  content:"";
  position:absolute;width:110px;height:110px;border-radius:50%;
  right:-55px;bottom:-55px;
  border:1px solid rgba(192,149,77,.18);
  animation:infoSpin 13s linear infinite
}

.contact-map-card{
  min-height:390px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(27,23,19,.10);
  background:
    radial-gradient(circle at 70% 30%,rgba(192,149,77,.16),transparent 24%),
    linear-gradient(135deg,#EEDFD0,#CDBBA7);
  position:relative;
  display:grid;
  place-items:center
}
.contact-map-card:before,
.contact-map-card:after{
  content:"";position:absolute;border-radius:50%;
  border:1px solid rgba(155,111,47,.22)
}
.contact-map-card:before{width:280px;height:280px;animation:infoSpin 18s linear infinite}
.contact-map-card:after{width:190px;height:190px;border-style:dashed;animation:infoSpin 11s linear infinite reverse}
.contact-pin{
  position:relative;z-index:3;
  width:130px;height:130px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  background:#241A13;color:#E7CC98;
  box-shadow:0 24px 50px rgba(0,0,0,.20);
  animation:infoFloat 4s ease-in-out infinite
}
.contact-pin strong{font:500 1.6rem var(--serif)}
.contact-pin span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}

.info-news{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:34px;
  align-items:center;
  padding:34px;
  border-radius:30px;
  background:linear-gradient(135deg,#F2E8DD,#D8C8B7);
  border:1px solid rgba(27,23,19,.10)
}
.info-news h2{font:500 clamp(2.4rem,4vw,4rem)/1 var(--serif);margin:10px 0}
.info-news p{color:#665C52;margin:0}
.info-news-form{display:flex;gap:10px}
.info-news-form input{
  flex:1;min-height:50px;border-radius:999px;
  padding:0 18px;background:#F8F1E9!important;
  border:1px solid rgba(27,23,19,.10)!important
}

@keyframes infoSpin{to{transform:rotate(360deg)}}
@keyframes infoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes infoCardFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes infoIcon{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}
@keyframes infoDot{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}
@keyframes infoShine{0%,20%{left:-60%;opacity:0}30%{opacity:.7}48%{left:120%;opacity:0}100%{left:120%;opacity:0}}

@media(max-width:1080px){
  .info-hero-grid{grid-template-columns:1fr;gap:24px}
  .info-hero-copy{text-align:center}
  .info-hero-copy p{margin-inline:auto}
  .info-hero-actions{justify-content:center}
  .info-visual{height:440px}
  .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-form-wrap{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-news{grid-template-columns:1fr;text-align:center}
}
@media(max-width:680px){
  .info-hero{padding:104px 0 58px;min-height:auto}
  .info-hero-copy{text-align:left}
  .info-hero-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .info-hero-actions .btn{width:100%}
  .info-visual{
    width:120%;height:390px;margin-left:-10%;
    transform:scale(.84);transform-origin:center top;
    margin-bottom:-60px
  }
  .info-section{padding:64px 0}
  .info-grid,.info-flow,.contact-cards{grid-template-columns:1fr}
  .contact-cards{margin-top:-22px}
  .info-form{grid-template-columns:1fr}
  .info-field.full{grid-column:auto}
  .info-panel,.info-form-card{padding:23px}
  .partner-network{height:440px;transform:scale(.82);margin:-20px 0}
  .partner-ring{width:350px;height:350px}
  .partner-ring.r2{width:245px;height:245px}
  .partner-node{width:115px;font-size:10px}
  .info-news{padding:24px}
  .info-news-form{flex-direction:column}
  .info-news-form .btn{width:100%}
}
@media(max-width:420px){
  .info-visual{transform:scale(.72);margin-bottom:-105px}
  .partner-network{transform:scale(.72);margin:-52px 0}
}



/* ===== Static multipage build additions ===== */
.demo-page{display:block!important;min-height:60vh}
.demo-page.active{display:block!important}
body.static-page .demo-page{animation:demoFade .35s ease}
.navlinks .demo-route.active{
  background:rgba(192,149,77,.12)!important;
  color:#8D642B!important;
}
@media(max-width:860px){
  .navlinks .demo-route.active{
    background:rgba(192,149,77,.12)!important;
    color:#8D642B!important;
  }
}


/* ===== 2026 verified catalogue upgrade ===== */
.menu-btn{width:44px;height:44px;border:1px solid rgba(205,164,90,.24);border-radius:50%;padding:0;align-items:center;justify-content:center;gap:4px;flex-direction:column}.menu-btn span{width:18px;height:1.5px;background:currentColor;display:block;border-radius:9px;transition:.25s}.whatsapp{display:flex!important;align-items:center;justify-content:center}.whatsapp svg{width:22px;height:22px}.yg-line-icon,.yg-mini-icon,.yg-contact-icon{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:.06em!important;color:#9a6d2d!important;background:linear-gradient(145deg,#fff8eb,#ead7b2)!important;border:1px solid rgba(154,109,45,.2)!important;box-shadow:0 10px 25px rgba(93,60,23,.08)!important}
.catalogue-page,.product-detail-page{background:#f7f3ec;color:#1b1713}.catalogue-page p,.product-detail-page p{color:#6d6359}.catalog-hero{padding:142px 0 78px;background:radial-gradient(circle at 84% 22%,rgba(205,164,90,.22),transparent 26%),linear-gradient(180deg,#efe6d7,#f7f3ec);overflow:hidden}.catalog-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:54px;align-items:center}.catalog-hero-copy h1{color:#211a13;font-size:clamp(3.8rem,7.4vw,7rem)}.catalog-hero-copy p{max-width:680px;font-size:16px}.catalog-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.catalogue-page .btn:not(.primary),.product-detail-page .btn:not(.primary){color:#2a2017;border-color:rgba(42,32,23,.18)}.catalog-hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.catalog-hero-visual img{width:min(700px,100%);position:relative;z-index:2;filter:drop-shadow(0 28px 38px rgba(66,42,21,.15));animation:catalogFloat 5.4s ease-in-out infinite}.catalog-orbit{position:absolute;border:1px solid rgba(145,101,44,.24);border-radius:50%;animation:spin 24s linear infinite}.catalog-orbit.one{width:430px;height:430px}.catalog-orbit.two{width:330px;height:330px;border-style:dashed;animation:spinR 18s linear infinite}.catalogue-shell{padding:88px 0 100px;background:#f7f3ec}.catalogue-intro,.family-head{display:grid;grid-template-columns:1fr .7fr;gap:42px;align-items:end;margin-bottom:34px}.catalogue-intro h2,.family-head h2{color:#211a13;margin:8px 0 0}.catalogue-intro p,.family-head p{margin:0}.catalog-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.catalog-filter{padding:11px 15px;border:1px solid rgba(32,24,17,.13);border-radius:999px;color:#4d443b;background:rgba(255,255,255,.7);transition:.25s}.catalog-filter:hover,.catalog-filter.active{background:#221a13;color:#f7e8c9;border-color:#221a13;transform:translateY(-2px)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.catalog-card{min-width:0}.catalog-media{height:440px;display:block;position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(160deg,#fffdf9,#eee2d2);border:1px solid rgba(66,48,31,.09);box-shadow:0 22px 52px rgba(74,49,27,.08);text-decoration:none;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.catalog-media:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 180deg,transparent,rgba(205,164,90,.13),transparent 24%);animation:catalogSpin 9s linear infinite}.catalog-media:after{content:"";position:absolute;left:10%;right:10%;bottom:5%;height:15%;background:radial-gradient(ellipse,rgba(62,40,21,.18),transparent 68%);filter:blur(10px)}.catalog-media img{width:100%;height:100%;object-fit:contain;padding:35px;position:relative;z-index:2;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.catalog-card:hover .catalog-media{transform:translateY(-8px) rotateX(1.2deg);box-shadow:0 30px 70px rgba(74,49,27,.13)}.catalog-card:hover .catalog-media img{transform:scale(1.045) translateY(-4px)}.catalog-family{position:absolute;left:18px;top:18px;z-index:4;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);color:#8d6228;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.catalog-arrow{position:absolute;right:18px;bottom:18px;z-index:4;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#221a13;color:#f0d18a;font-size:18px;transition:.3s}.catalog-card:hover .catalog-arrow{transform:rotate(45deg) scale(1.06)}.catalog-copy{padding:20px 6px 4px}.catalog-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9a6d2d}.catalog-meta b{color:#3d342b}.catalog-copy h3{font:500 clamp(1.65rem,2.3vw,2.35rem)/1.03 var(--serif);margin:10px 0 10px}.catalog-copy h3 a{text-decoration:none;color:#231b14}.catalog-copy p{font-size:13px;line-height:1.72;margin:0 0 14px}.catalog-link{text-decoration:none;color:#7c5622;font-size:12px;font-weight:800;letter-spacing:.04em}.catalog-link span{display:inline-block;transition:.25s}.catalog-link:hover span{transform:translateX(5px)}.catalog-note{margin-top:48px;border:1px solid rgba(117,82,36,.16);background:#efe5d6;border-radius:22px;padding:20px 24px;display:flex;gap:18px;align-items:flex-start}.catalog-note strong{white-space:nowrap;color:#5a3e1d}.catalog-note span{color:#6e6258;line-height:1.6;font-size:13px}.family-section{padding:78px 0}.family-section:nth-of-type(even){background:#f1e9dd}.catalogue-subhero{background:linear-gradient(180deg,#eee3d2,#f7f3ec);color:#211a13}.catalogue-subhero h1{color:#211a13}.catalogue-subhero p{max-width:730px;color:#6d6359}.category-hold-hero{padding:150px 0 100px;min-height:78vh;display:flex;align-items:center;background:radial-gradient(circle at 80% 30%,rgba(205,164,90,.22),transparent 25%),#f7f3ec}.category-hold-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.category-hold-grid h1{color:#211a13}.category-hold-grid p{font-size:17px;max-width:720px}.category-hold-visual{background:#fff;border:1px solid rgba(74,49,27,.1);border-radius:30px;padding:28px;position:relative;box-shadow:0 25px 70px rgba(74,49,27,.08)}.category-hold-visual img{width:100%;animation:catalogFloat 5s ease-in-out infinite}.category-hold-visual span{position:absolute;right:22px;bottom:22px;background:#221a13;color:#f0d18a;padding:9px 13px;border-radius:999px;font-size:11px;letter-spacing:.08em}
/* product detail */
.product-detail-hero{padding:132px 0 80px;background:radial-gradient(circle at 18% 28%,rgba(205,164,90,.16),transparent 28%),#f7f3ec}.product-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr);gap:64px;align-items:center}.product-main-image{height:650px;position:relative;border-radius:34px;background:linear-gradient(155deg,#fff,#eee2d2);border:1px solid rgba(73,52,31,.08);display:grid;place-items:center;overflow:hidden;box-shadow:0 30px 80px rgba(71,47,25,.1)}.product-main-image:after{content:"";position:absolute;bottom:8%;left:20%;right:20%;height:11%;background:radial-gradient(ellipse,rgba(50,34,19,.18),transparent 70%);filter:blur(12px)}.product-main-image img{width:100%;height:100%;object-fit:contain;padding:54px;position:relative;z-index:2;transition:opacity .25s,transform .55s}.product-main-image:hover img{transform:scale(1.03)}.pd-orbit{position:absolute;border-radius:50%;border:1px solid rgba(154,109,45,.19);z-index:1}.pd-orbit.o1{width:390px;height:390px;animation:spin 26s linear infinite}.pd-orbit.o2{width:260px;height:260px;border-style:dashed;animation:spinR 19s linear infinite}.product-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:2px}.product-thumb{width:82px;height:94px;flex:0 0 auto;border:1px solid rgba(67,47,29,.12);border-radius:16px;background:#fff;padding:7px;transition:.25s}.product-thumb.active,.product-thumb:hover{border-color:#b7873e;box-shadow:0 8px 20px rgba(86,57,27,.1);transform:translateY(-2px)}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#8c7f72;margin-bottom:20px}.product-breadcrumb a{color:#8a6129;text-decoration:none}.product-detail-copy h1{color:#211a13;font-size:clamp(3.7rem,6.8vw,6.7rem);margin:12px 0 24px}.product-lead{font-size:16px;line-height:1.85;max-width:720px}.product-badges{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.product-badges span{font-size:11px;padding:8px 11px;border-radius:999px;background:#eee1ce;color:#735020;border:1px solid rgba(115,80,32,.12)}.availability-note{margin-top:26px;padding:16px 18px;border-left:3px solid #ba8a43;background:#eee6da;display:grid;gap:5px;border-radius:0 12px 12px 0}.availability-note strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#4d3520}.availability-note span{font-size:12px;color:#72665b;line-height:1.6}.detail-stack{padding:20px 0 90px;background:#f7f3ec}.detail-stack .container{display:grid;gap:20px}.detail-panel{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:36px;border:1px solid rgba(57,42,27,.09);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:0 18px 50px rgba(67,47,27,.045)}.detail-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#241b14;color:#f0d18a;font-weight:800;letter-spacing:.08em}.detail-panel h2{font-size:clamp(2.2rem,4vw,3.8rem);color:#211a13;margin:8px 0 20px}.detail-panel p{margin:0;max-width:980px}.detail-benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-benefits li{padding:14px 16px;background:#f4ecdf;border:1px solid rgba(99,70,35,.08);border-radius:15px;color:#4e453c;line-height:1.55}.detail-benefits li:before{content:"✓";color:#a27432;font-weight:900;margin-right:9px}.detail-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.detail-steps li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid rgba(53,39,26,.08)}.detail-steps li:last-child{border-bottom:0}.detail-steps span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ead9be;color:#765125;font-size:10px;font-weight:900}.detail-steps p{padding-top:5px}.safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.safety-grid>div{padding:18px;border-radius:16px;background:#f3eadd;border:1px solid rgba(110,75,36,.08)}.safety-grid h3{font-size:18px;margin-bottom:8px}.safety-grid p{font-size:13px}.related-products{padding:88px 0;background:#eee5d8}.related-grid{grid-template-columns:repeat(3,1fr)}
@keyframes catalogFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-13px) rotate(.5deg)}}@keyframes catalogSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-hero-grid,.product-detail-grid,.category-hold-grid{grid-template-columns:1fr}.catalog-hero-visual{min-height:420px}.product-main-image{height:560px}.catalogue-intro,.family-head{grid-template-columns:1fr;gap:10px}.detail-benefits{grid-template-columns:1fr}.safety-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.catalog-hero{padding:116px 0 48px}.catalog-hero-copy h1,.product-detail-copy h1{font-size:clamp(3rem,15vw,4.7rem)}.catalog-hero-visual{min-height:300px}.catalogue-shell{padding:56px 0 72px}.catalog-grid,.related-grid{grid-template-columns:1fr;gap:32px}.catalog-media{height:420px}.catalog-filter{font-size:11px}.catalog-note{flex-direction:column;gap:6px}.catalog-note strong{white-space:normal}.product-detail-hero{padding:112px 0 56px}.product-detail-grid{gap:34px}.product-main-image{height:460px;border-radius:24px}.product-main-image img{padding:28px}.product-thumbs{justify-content:flex-start}.detail-stack{padding-bottom:64px}.detail-panel{grid-template-columns:1fr;padding:24px}.detail-icon{width:48px;height:48px}.safety-grid{grid-template-columns:1fr}.family-section{padding:56px 0}.category-hold-hero{padding:120px 0 70px}.category-hold-grid{gap:28px}}
@media(max-width:430px){.catalog-media{height:360px}.product-main-image{height:400px}.catalog-media img{padding:24px}.product-main-image img{padding:20px}.product-thumb{width:70px;height:82px}.catalog-hero-visual{min-height:260px}.detail-panel{padding:20px;border-radius:22px}}

.h4-product-link{color:inherit;text-decoration:none}.h4-product-link:hover{color:var(--gold)}

/* ===== Final polish: SEESILK lockup + real-image completion + premium product zoom ===== */
.nav-brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}
.nav-seesilk-logo{width:118px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(34,54,63,.08));transition:transform .35s ease,filter .35s ease}
.nav-brand-lockup:hover .nav-seesilk-logo{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 8px 18px rgba(34,54,63,.14))}
.footer-seesilk-logo{width:170px;max-width:100%;height:auto;display:block;margin:14px 0 8px;opacity:.95;filter:brightness(1.14) saturate(.85)}
.product-brand-logo{width:min(220px,52vw);height:auto;display:block;margin:0 0 22px;filter:drop-shadow(0 9px 18px rgba(56,76,86,.08));animation:seesilkLogoBreath 5.2s ease-in-out infinite}
.catalogue-brand-logo{margin-bottom:18px}
@keyframes seesilkLogoBreath{0%,100%{transform:translateY(0);filter:drop-shadow(0 8px 16px rgba(56,76,86,.06))}50%{transform:translateY(-3px);filter:drop-shadow(0 14px 24px rgba(56,76,86,.13))}}

/* Product listing zoom: obvious but still premium */
.catalog-media{cursor:zoom-in;isolation:isolate}
.catalog-media img{transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transition:transform .78s cubic-bezier(.16,.8,.22,1),filter .55s ease!important;will-change:transform}
.catalog-card:hover .catalog-media img,.catalog-media:hover img{transform:scale(1.12) translateY(-2px)!important;filter:drop-shadow(0 24px 25px rgba(75,48,25,.13))}
.catalog-media::before{z-index:1}
.catalog-media::after{z-index:1}
.catalog-media .catalog-family,.catalog-media .catalog-arrow{z-index:5}
.catalog-media:focus-visible{outline:2px solid #b98a45;outline-offset:4px}

/* Product detail image zoom follows the pointer */
.product-main-image{cursor:zoom-in;isolation:isolate}
.product-main-image img{transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transition:transform .82s cubic-bezier(.16,.8,.22,1),filter .55s ease,opacity .25s!important;will-change:transform}
.product-main-image:hover img{transform:scale(1.13)!important;filter:drop-shadow(0 28px 28px rgba(70,44,22,.14))}
.product-main-image::before{content:"ZOOM";position:absolute;right:18px;top:18px;z-index:6;padding:8px 11px;border-radius:999px;background:rgba(30,23,18,.78);color:#f2d89c;font-size:9px;font-weight:800;letter-spacing:.14em;opacity:0;transform:translateY(-6px);transition:.3s;backdrop-filter:blur(8px)}
.product-main-image:hover::before{opacity:1;transform:translateY(0)}
.product-thumb{overflow:hidden;cursor:zoom-in}
.product-thumb img{transition:transform .5s cubic-bezier(.16,.8,.22,1),filter .35s ease}
.product-thumb:hover img{transform:scale(1.16);filter:drop-shadow(0 8px 10px rgba(70,44,22,.12))}

/* Product/lifestyle imagery around the rest of the site */
.photo-stack img,.gal-card img,.category-hold-visual img,.category-visual-card img,.h4-collection img,.h4-real-feature-img{transition:transform .75s cubic-bezier(.16,.8,.22,1),filter .55s ease;will-change:transform}
.photo-stack img:hover,.gal-card:hover img,.category-visual-card:hover img,.h4-collection:hover img,.h4-product-card:hover .h4-real-feature-img{transform:scale(1.07);filter:saturate(1.05) contrast(1.02)}
.photo-stack{overflow:visible}
.photo-stack .big,.photo-stack .small,.photo-stack .third{object-fit:cover;background:#f4ede3}
.photo-stack .third{object-fit:contain;padding:12px;background:#fffaf3}

/* Replaces the sparse category pages with a complete real-image finish */
.category-visual-strip{padding:18px 0 96px;background:linear-gradient(180deg,#f7f3ec 0%,#efe6da 100%)}
.category-visual-head{display:grid;grid-template-columns:1fr .72fr;gap:34px;align-items:end;margin-bottom:30px}
.category-visual-head h2{color:#211a13;margin:8px 0 0;font-size:clamp(2.8rem,5vw,5.2rem)}
.category-visual-head p{margin:0;color:#6d6359;line-height:1.75}
.category-visual-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:20px}
.category-visual-card{position:relative;min-height:390px;border-radius:28px;overflow:hidden;background:#e9dece;border:1px solid rgba(73,52,31,.08);box-shadow:0 22px 58px rgba(73,50,28,.08)}
.category-visual-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.category-visual-card:nth-child(2) img{object-fit:contain;padding:24px;background:linear-gradient(160deg,#fffdf9,#eee2d2)}
.category-visual-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(17,12,8,.82));pointer-events:none}
.category-visual-caption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.category-visual-caption h3{font:500 2rem/1.02 var(--serif);margin:0 0 8px;color:#fff}
.category-visual-caption p{margin:0;color:rgba(255,255,255,.82)!important;font-size:12px;line-height:1.55}
.category-visual-card:nth-child(2) .category-visual-caption{background:rgba(27,21,16,.78);border-radius:16px;padding:14px 16px;backdrop-filter:blur(8px)}

/* Real gallery photography should feel intentional, never like a placeholder */
.gal-card img{object-fit:cover}
.gal-card[data-gcat="hair"] img,.real-product-gallery img{object-fit:contain;background:linear-gradient(160deg,#fffaf3,#eadfce);padding:18px}
.real-product-gallery{background:#efe4d6}

@media(max-width:1160px){.nav-seesilk-logo{width:102px}.nav-brand-lockup{gap:10px}}
@media(max-width:860px){
  .nav-brand-lockup{gap:8px;max-width:calc(100% - 60px)}
  .nav-seesilk-logo{width:94px}
  .category-visual-head{grid-template-columns:1fr;gap:10px}
  .category-visual-grid{grid-template-columns:1fr 1fr}
  .category-visual-card:first-child{grid-column:1/-1;min-height:440px}
}
@media(max-width:680px){
  .nav-brand-lockup .brand{font-size:19px!important}
  .nav-seesilk-logo{width:78px}
  .footer-seesilk-logo{width:145px}
  .product-brand-logo{width:180px;margin-bottom:16px}
  .catalog-card:hover .catalog-media img,.catalog-media:hover img,.product-main-image:hover img{transform:scale(1.08)!important}
  .product-main-image::before{display:none}
  .category-visual-strip{padding:8px 0 64px}
  .category-visual-grid{grid-template-columns:1fr}
  .category-visual-card,.category-visual-card:first-child{grid-column:auto;min-height:340px}
}
@media(max-width:430px){.nav-seesilk-logo{width:70px}.nav-brand-lockup .brand{font-size:18px!important}.category-visual-card{min-height:300px}}
@media(hover:none){.catalog-media,.product-main-image,.product-thumb{cursor:default}}
@media(prefers-reduced-motion:reduce){.product-brand-logo{animation:none}.catalog-media img,.product-main-image img,.product-thumb img,.photo-stack img,.gal-card img,.category-visual-card img{transition:none!important}}

/* =========================================================
   FINAL USER POLISH — 2026-09-30
   SEESILK-only navigation, full product cutouts, richer motion
   ========================================================= */

/* Header: only the SEESILK logo */
.nav-brand-lockup{display:flex;align-items:center;min-width:0}
.nav-logo-only{display:inline-flex;align-items:center;text-decoration:none;position:relative;padding:6px 0}
.nav-logo-only:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#c6a76a,transparent);transform:scaleX(0);transition:transform .45s ease}
.nav-logo-only:hover:after{transform:scaleX(1)}
.nav-seesilk-logo{width:172px!important;max-height:48px;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(44,71,81,.10));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.nav-logo-only:hover .nav-seesilk-logo{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 12px 24px rgba(44,71,81,.16))}

/* Homepage stats requested values stay visually balanced */
.h4-stat{min-height:196px;display:flex;flex-direction:column;justify-content:center}
.h4-number{letter-spacing:-.035em}

/* Philosophy visual: all products instead of YG badge */
.h4-ritual-mark{min-height:390px;overflow:visible}
.h4-ritual-all-products{position:relative;z-index:3;width:min(118%,720px);max-height:360px;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(76,48,24,.18));animation:h4RangeFloat 5.8s ease-in-out infinite;transform-origin:center bottom}
.h4-ritual-mark:before{content:"";position:absolute;width:320px;height:95px;border-radius:50%;background:radial-gradient(ellipse,rgba(91,56,25,.17),transparent 70%);bottom:38px;filter:blur(12px);animation:h4ShadowBreath 5.8s ease-in-out infinite}
@keyframes h4RangeFloat{0%,100%{transform:translateY(0) rotate(-.45deg)}50%{transform:translateY(-15px) rotate(.45deg)}}
@keyframes h4ShadowBreath{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.08);opacity:.4}}

/* Collection cards: clean cut-outs + better third spa image */
.h4-collection{background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.95),rgba(231,219,203,.94) 58%,rgba(205,187,165,.92));isolation:isolate}
.h4-collection img.collection-cutout{object-fit:contain!important;padding:34px 22px 92px;filter:drop-shadow(0 24px 26px rgba(65,42,22,.18));transform-origin:center 56%}
.h4-collection img.spa-collage{padding:48px 10px 102px;transform:scale(1.03)}
.h4-collection:hover img.collection-cutout{transform:scale(1.075) translateY(-7px)!important;filter:drop-shadow(0 34px 34px rgba(65,42,22,.25))}
.h4-collection:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 20%,rgba(255,255,255,.38) 42%,transparent 59%);transform:translateX(-130%);animation:collectionSweep 8s ease-in-out infinite;z-index:1;pointer-events:none}
@keyframes collectionSweep{0%,62%{transform:translateX(-130%)}84%,100%{transform:translateX(130%)}}
.h4-collection-copy,.h4-collection-glow{z-index:4}

/* One ingredient marquee line, while preserving dark section breathing room */
.h4-ingredients.one-line{min-height:118px;padding:28px 0 32px;display:flex;align-items:center;overflow:hidden}
.h4-river.single{width:max-content;animation-duration:44s;border-block:1px solid rgba(255,255,255,.09);box-shadow:0 1px 0 rgba(192,149,77,.05) inset,0 -1px 0 rgba(192,149,77,.05) inset}
.h4-river.single span{font-size:12px;letter-spacing:.13em;padding-block:3px}

/* Product photos across catalogue/detail: transparent and premium */
.catalog-media,.product-main-image,.product-thumb{background:radial-gradient(circle at 50% 35%,#fffdf8 0,#f3e9db 62%,#e6d8c5 100%)!important}
.catalog-media img,.product-main-image img,.product-thumb img{filter:drop-shadow(0 22px 23px rgba(72,45,22,.15));object-fit:contain!important}
.catalog-media img{padding:28px 24px!important}
.product-main-image img{padding:42px!important}
.product-thumb img{padding:4px}
.catalog-card:hover .catalog-media img,.catalog-media:hover img{filter:drop-shadow(0 34px 32px rgba(72,45,22,.22))!important}
.product-main-image:hover img{filter:drop-shadow(0 38px 34px rgba(72,45,22,.22))!important}

/* Product hero range visual uses the complete, transparent 15-product composition */
.catalog-hero-visual img{max-height:515px;object-fit:contain;filter:drop-shadow(0 32px 34px rgba(65,42,21,.18));animation:catalogRangeFloat 5.6s ease-in-out infinite}
@keyframes catalogRangeFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-14px) rotate(.3deg)}}

/* About hero: filled right side with automatic circular product animation */
.about-premium-hero{padding-top:118px;padding-bottom:72px;min-height:650px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 45%,rgba(192,149,77,.18),transparent 28%),linear-gradient(180deg,#ece2d7,#e6d9cb)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:52px;align-items:center}
.about-hero-copy h1{max-width:900px;margin-bottom:42px}
.about-hero-copy p{max-width:700px;margin:0;font-size:16px}
.about-product-orbit{height:455px;position:relative;display:grid;place-items:center;isolation:isolate}
.about-product-orbit:before{content:"";position:absolute;width:360px;height:110px;border-radius:50%;background:radial-gradient(ellipse,rgba(83,52,24,.18),transparent 70%);bottom:24px;filter:blur(16px)}
.about-orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(157,111,48,.27);animation:aboutRing 18s linear infinite}
.about-orbit-ring.r1{width:390px;height:390px}
.about-orbit-ring.r2{width:280px;height:280px;border-style:dashed;animation-direction:reverse;animation-duration:12s}
.about-orbit-core{width:165px;height:165px;border-radius:50%;display:grid;place-items:center;padding:24px;background:rgba(249,244,236,.88);backdrop-filter:blur(10px);border:1px solid rgba(157,111,48,.18);box-shadow:0 25px 55px rgba(71,45,24,.14);z-index:4;animation:aboutCore 4.7s ease-in-out infinite}
.about-orbit-core img{width:100%;height:auto}
.about-orbit-product{position:absolute;left:50%;top:50%;width:108px;height:150px;display:grid;place-items:center;z-index:3;will-change:left,top,transform;transition:filter .25s}
.about-orbit-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(55,33,16,.2))}
.about-orbit-product:hover{filter:brightness(1.03);z-index:8!important}
.about-orbit-product:hover img{transform:scale(1.13)}
@keyframes aboutRing{to{transform:rotate(360deg)}}
@keyframes aboutCore{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}

/* About story composition: complete product lineup no longer crops products */
.photo-stack .big.about-range-complete{object-fit:contain!important;padding:20px!important;background:radial-gradient(circle at 50% 45%,#fffdf8,#e9ddcd 72%)!important;border:1px solid rgba(91,65,37,.10);box-shadow:0 26px 54px rgba(63,39,19,.13)!important;animation:aboutRangeDrift 6.5s ease-in-out infinite}
.photo-stack .small{animation:aboutSmallFloat 5.8s ease-in-out infinite}
.photo-stack .third{background:linear-gradient(160deg,#fffdf8,#eadcca)!important;animation:aboutThirdFloat 5s ease-in-out infinite!important}
@keyframes aboutRangeDrift{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-8px) rotate(.25deg)}}
@keyframes aboutSmallFloat{0%,100%{transform:translateY(0) rotate(.4deg)}50%{transform:translateY(-12px) rotate(-.4deg)}}
@keyframes aboutThirdFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}

/* Gallery: complete product wall */
.gallery-products-section{padding:96px 0 110px;background:radial-gradient(circle at 85% 10%,rgba(192,149,77,.14),transparent 26%),linear-gradient(180deg,#eee5da,#e5d8ca);overflow:hidden}
.gallery-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.gallery-product-card{position:relative;text-decoration:none;color:#1e1813;padding:14px 14px 18px;border-radius:24px;border:1px solid rgba(52,38,25,.10);background:linear-gradient(165deg,rgba(255,255,255,.82),rgba(240,230,217,.88));box-shadow:0 16px 42px rgba(70,46,24,.07);transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .4s;animation:galleryProductFloat 6.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.24s);overflow:hidden}
.gallery-product-card:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 180deg,transparent,rgba(210,172,101,.16),transparent 24%);animation:catalogSpin 11s linear infinite;pointer-events:none}
.gallery-product-card:hover{transform:translateY(-12px) rotateX(2deg);box-shadow:0 28px 60px rgba(70,46,24,.13);border-color:rgba(157,111,48,.28)}
.gallery-product-media{height:260px;position:relative;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 50% 38%,#fff,#f0e5d6 70%);overflow:hidden}
.gallery-product-media img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;padding:18px;filter:drop-shadow(0 22px 23px rgba(70,45,22,.17));transition:transform .65s cubic-bezier(.18,.8,.22,1),filter .5s}
.gallery-product-card:hover .gallery-product-media img{transform:scale(1.12) translateY(-5px);filter:drop-shadow(0 32px 30px rgba(70,45,22,.24))}
.gallery-product-index{position:absolute;z-index:4;right:11px;top:11px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(33,25,18,.88);color:#e8c986;font-size:10px;letter-spacing:.08em}
.gallery-product-card small{display:block;margin-top:14px;color:#94682e;text-transform:uppercase;letter-spacing:.11em;font-size:9px;position:relative;z-index:2}
.gallery-product-card h3{font:500 1.34rem/1.05 var(--serif);margin:7px 0 4px;position:relative;z-index:2}
.gallery-product-card p{margin:0;font-size:11px;position:relative;z-index:2}
@keyframes galleryProductFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* Existing gallery cards with product cut-outs */
.gal-card[data-real-product-card="1"],.gal-card:has(img[src*="cutouts/"]),.gal-card:has(img[src*="all-products-complete"]){background:linear-gradient(155deg,#fffdf8,#e9ddcf)}
.gal-card:has(img[src*="cutouts/"]) img,.gal-card:has(img[src*="all-products-complete"]) img{object-fit:contain!important;padding:22px;filter:drop-shadow(0 20px 24px rgba(68,44,22,.17))}

/* Careers hero: fill right-side negative space with a premium portrait */
body[data-page="careers"] .info-visual{height:500px}
.career-visual-image{position:absolute;z-index:1;width:250px;height:335px;border-radius:128px 128px 38px 38px;overflow:hidden;border:8px solid rgba(250,242,232,.94);box-shadow:0 26px 65px rgba(71,45,24,.20);animation:careerPortraitFloat 5.2s ease-in-out infinite}
.career-visual-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(31,21,14,.22));pointer-events:none}
.career-visual-image img{width:100%;height:100%;object-fit:cover;object-position:center 23%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.career-visual-image:hover img{transform:scale(1.08)}
body[data-page="careers"] .info-core{width:138px;height:138px;position:absolute;right:5%;bottom:11%;z-index:5;background:rgba(247,238,227,.94);backdrop-filter:blur(8px)}
body[data-page="careers"] .info-core strong{font-size:1.45rem}
body[data-page="careers"] .info-orbit{z-index:0}
body[data-page="careers"] .info-dot{z-index:4}
@keyframes careerPortraitFloat{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-14px) rotate(.6deg)}}

/* More life across image-driven sections */
.gal-card,.category-visual-card,.real-grid-pack,.product-thumb,.photo-stack>img{transform-style:preserve-3d}
.gal-card:hover,.category-visual-card:hover{box-shadow:0 30px 65px rgba(55,36,20,.14)}
.product-brand-logo,.nav-seesilk-logo,.footer-seesilk-logo{animation:brandBreath 7s ease-in-out infinite}
@keyframes brandBreath{0%,100%{filter:drop-shadow(0 5px 12px rgba(34,54,63,.08))}50%{filter:drop-shadow(0 10px 22px rgba(183,143,74,.18))}}

/* Responsive preservation */
@media(max-width:1180px){
  .nav-seesilk-logo{width:150px!important}
  .about-hero-grid{grid-template-columns:1fr .88fr;gap:28px}
  .about-product-orbit{height:420px}
  .gallery-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .about-premium-hero{padding-top:104px}
  .about-hero-grid{grid-template-columns:1fr}
  .about-hero-copy{text-align:center}
  .about-hero-copy p{margin-inline:auto}
  .about-product-orbit{height:420px;max-width:600px;width:100%;margin:0 auto}
  .gallery-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .h4-ritual-mark{min-height:320px}
  .h4-ritual-all-products{max-height:300px}
}
@media(max-width:680px){
  .nav-seesilk-logo{width:118px!important;max-height:40px}
  .h4-stat{min-height:145px;padding:22px 18px}
  .h4-ritual{grid-template-columns:1fr!important}
  .h4-ritual-mark{min-height:270px;order:2}
  .h4-ritual-copy{text-align:center}
  .h4-ritual-copy .hero-actions{justify-content:center}
  .h4-ritual-ring{width:230px;height:230px}.h4-ritual-ring.r2{width:160px;height:160px}
  .h4-ritual-all-products{width:112%;max-height:240px}
  .h4-collection img.collection-cutout{padding:28px 18px 90px}
  .h4-ingredients.one-line{min-height:92px;padding:18px 0 22px}
  .about-premium-hero{min-height:auto;padding-bottom:48px}
  .about-product-orbit{height:360px}
  .about-orbit-ring.r1{width:300px;height:300px}.about-orbit-ring.r2{width:220px;height:220px}
  .about-orbit-core{width:126px;height:126px;padding:18px}
  .about-orbit-product{width:84px;height:116px}
  .photo-stack .big.about-range-complete{padding:10px!important}
  .gallery-products-section{padding:72px 0 82px}
  .gallery-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gallery-product-card{padding:10px 10px 14px;border-radius:18px}
  .gallery-product-media{height:210px}
  .gallery-product-card h3{font-size:1.08rem}
  body[data-page="careers"] .info-visual{height:420px}
  .career-visual-image{width:210px;height:280px}
  body[data-page="careers"] .info-core{width:112px;height:112px;right:2%;bottom:7%}
  body[data-page="careers"] .info-core strong{font-size:1.2rem}
}
@media(max-width:430px){
  .gallery-product-grid{grid-template-columns:1fr 1fr}
  .gallery-product-media{height:180px}
  .gallery-product-card small{font-size:8px}.gallery-product-card p{font-size:10px}
  .about-product-orbit{height:325px}
  .about-orbit-ring.r1{width:270px;height:270px}.about-orbit-ring.r2{width:192px;height:192px}
  .about-orbit-product{width:72px;height:100px}
}
@media(prefers-reduced-motion:reduce){
  .h4-ritual-all-products,.gallery-product-card,.career-visual-image,.about-orbit-ring,.about-orbit-core,.product-brand-logo,.nav-seesilk-logo,.footer-seesilk-logo{animation:none!important}
}

/* ===== FINAL OVERRIDES: restore YUVAGLOW branding + improve typography + 5-product hero ===== */
:root{
  --serif:"Palatino Linotype","Book Antiqua","Iowan Old Style",Georgia,serif;
}

h1{font:500 clamp(2.9rem,6.5vw,6.45rem)/.96 var(--serif)!important;letter-spacing:-.028em!important}
h2{font:500 clamp(2.2rem,5.1vw,4.6rem)/1.02 var(--serif)!important;letter-spacing:-.025em!important}
h3{font:500 clamp(1.32rem,2vw,1.9rem)/1.1 var(--serif)!important;letter-spacing:-.01em!important}
.hero-copy h1,.about-hero-copy h1,.career-hero-copy h1,.page-hero h1,.catalog-hero-copy h1{max-width:9.4ch}
.hero-copy p{max-width:590px}

.nav-brand-lockup .brand{
  font:700 clamp(1.45rem,2.2vw,2rem)/1 var(--serif)!important;
  letter-spacing:.045em!important;
  color:inherit;text-decoration:none;white-space:nowrap;display:inline-block
}
.nav-brand-lockup .brand span{color:var(--gold)}
.nav-logo-only,.nav-seesilk-logo,.footer-seesilk-logo,.product-brand-logo{display:none!important}

.product-brand-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 18px;border-radius:999px;margin:0 0 18px;
  background:rgba(205,164,90,.12);border:1px solid rgba(205,164,90,.32);
  color:#6f5325;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  font-size:11px;box-shadow:0 14px 28px rgba(80,57,28,.08)
}
.product-brand-pill:before{
  content:"YG";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#e1c387,#b78535);color:#1c140b;
  font:700 14px/1 var(--serif);letter-spacing:.04em
}
.about-orbit-core{padding:0!important}
.about-core-badge{
  width:100px;height:100px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#d8b56d,#ae7f2d);color:#17120c;
  font:700 2.25rem/1 var(--serif);letter-spacing:.04em;
  box-shadow:0 18px 40px rgba(61,41,20,.18), inset 0 1px 0 rgba(255,255,255,.35)
}

/* hero redesign */
.scene{overflow:visible}
.hero-grid{gap:36px}
.hero-tag{background:rgba(248,241,233,.78)!important;color:#7c6340!important;border:1px solid rgba(197,161,101,.25)!important;backdrop-filter:blur(10px)!important;box-shadow:0 10px 24px rgba(72,50,24,.06);z-index:10}
.hero-tag.t1{left:3%;top:50%}
.hero-tag.t2{right:6%;top:14%}
.hero-tag.t3{right:2%;bottom:14%}
.hero-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(241,225,199,.32) 42%,rgba(207,173,116,.1) 70%,transparent 74%);border:1px solid rgba(205,164,90,.18);backdrop-filter:blur(6px);box-shadow:0 14px 34px rgba(88,59,27,.08);animation:bubbleDrift 7s ease-in-out infinite}
.bubble-1{width:26px;height:26px;left:20%;top:16%}
.bubble-2{width:18px;height:18px;right:18%;top:43%;animation-delay:1.4s}
.bubble-3{width:22px;height:22px;left:32%;bottom:12%;animation-delay:2.2s}
.bubble-4{width:30px;height:30px;right:29%;bottom:8%;animation-delay:.8s}
@keyframes bubbleDrift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.08)}}

.hero-real-product{
  background:rgba(251,247,242,.92)!important;
  border:1px solid rgba(211,186,145,.36)!important;
  box-shadow:0 20px 42px rgba(69,45,20,.12)!important;
  overflow:visible!important;border-radius:28px!important
}
.hero-real-product img{object-fit:contain!important;filter:drop-shadow(0 18px 18px rgba(50,34,18,.12))!important;padding:12px}
.hero-real-product:before{
  content:"";position:absolute;inset:10px;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 45%);pointer-events:none
}
.hero-real-main{width:200px!important;height:330px!important;margin:-155px 0 0 -100px!important;animation:heroMainFloat 5.6s ease-in-out infinite!important}
.hero-real-a{width:126px!important;height:214px!important;margin:-278px 0 0 -256px!important;animation:heroCardA 8.8s ease-in-out infinite!important}
.hero-real-b{width:130px!important;height:218px!important;margin:88px 0 0 166px!important;animation:heroCardB 8.2s ease-in-out infinite!important}
.hero-real-c{position:absolute;left:50%;top:50%;z-index:6;display:grid;place-items:center;width:118px;height:204px;margin:-265px 0 0 112px;animation:heroCardC 9.5s ease-in-out infinite}
.hero-real-d{position:absolute;left:50%;top:50%;z-index:6;display:grid;place-items:center;width:116px;height:184px;margin:92px 0 0 -228px;animation:heroCardD 9.1s ease-in-out infinite}
@keyframes heroMainFloat{0%,100%{transform:translateY(0) rotateY(-5deg)}50%{transform:translateY(-16px) rotateY(5deg)}}
@keyframes heroCardA{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(22px,16px) rotate(3deg)}}
@keyframes heroCardB{0%,100%{transform:translate(0,0) rotate(4deg)}50%{transform:translate(-18px,-14px) rotate(-4deg)}}
@keyframes heroCardC{0%,100%{transform:translate(0,0) rotate(5deg)}50%{transform:translate(-20px,14px) rotate(-3deg)}}
@keyframes heroCardD{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(16px,-18px) rotate(4deg)}}

@media(max-width:1180px){
  .hero-real-main{width:180px!important;height:300px!important;margin:-142px 0 0 -90px!important}
  .hero-real-a{width:112px!important;height:194px!important;margin:-240px 0 0 -212px!important}
  .hero-real-b{width:118px!important;height:198px!important;margin:78px 0 0 132px!important}
  .hero-real-c{width:106px;height:184px;margin:-232px 0 0 104px}
  .hero-real-d{width:102px;height:168px;margin:88px 0 0 -192px}
}
@media(max-width:900px){
  .scene{height:520px!important;min-height:520px!important}
  .hero-copy h1,.about-hero-copy h1,.career-hero-copy h1,.page-hero h1,.catalog-hero-copy h1{max-width:none}
}
@media(max-width:760px){
  .nav-brand-lockup .brand{font-size:1.25rem!important}
  .hero-copy h1{font-size:clamp(2.7rem,13vw,4.4rem)!important}
  .scene{height:460px!important;min-height:460px!important;transform:scale(.94)}
  .hero-real-main{width:154px!important;height:260px!important;margin:-120px 0 0 -77px!important}
  .hero-real-a{width:90px!important;height:154px!important;margin:-202px 0 0 -158px!important}
  .hero-real-b{width:94px!important;height:158px!important;margin:62px 0 0 92px!important}
  .hero-real-c{width:88px;height:150px;margin:-182px 0 0 78px}
  .hero-real-d{width:84px;height:138px;margin:66px 0 0 -148px}
  .hero-tag{font-size:9px;padding:8px 10px}
  .product-brand-pill{font-size:10px;padding:10px 14px}
  .about-core-badge{width:82px;height:82px;font-size:1.9rem}
}


/* ===== Fix home before/after section: show faces clearly ===== */
.h4-transform-shell{padding:18px 18px 20px}
.h4-transform-dual{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:stretch;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.h4-face-card{
  position:relative;
  min-height:650px;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,#2b1a10,#1d110a);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}
.h4-face-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  user-select:none;
  transform:scale(1.015);
}
.h4-transform-center-icon{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:9;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;
  background:rgba(42,32,25,.95);border:2px solid #C0954D;color:#E7C98C;
  box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 0 9px rgba(192,149,77,.08)
}
.h4-transform-center-icon span{font-size:30px;line-height:1;transform:translateY(-1px)}
.h4-transform-range-hidden{display:none!important}
.h4-tlabel.before,.h4-tlabel.after{left:24px!important;right:auto!important;top:24px!important}
.h4-face-card.after-card .h4-tlabel.after{left:auto!important;right:24px!important}
.h4-transform-slider.h4-slide-change .h4-face-card img{animation:h4SwapFade .55s ease}
@keyframes h4SwapFade{0%{opacity:.38;transform:scale(1.06)}100%{opacity:1;transform:scale(1.015)}}
@media(max-width:980px){
  .h4-transform-dual{grid-template-columns:1fr;gap:14px}
  .h4-transform-center-icon{width:64px;height:64px;top:50%;left:50%}
  .h4-face-card{min-height:430px}
}
@media(max-width:760px){
  .h4-transform-shell{padding:14px}
  .h4-face-card{min-height:320px;border-radius:18px}
  .h4-transform-center-icon{width:56px;height:56px}
  .h4-tlabel.before,.h4-tlabel.after{top:14px!important;left:14px!important;padding:10px 13px!important;font-size:9px!important}
  .h4-face-card.after-card .h4-tlabel.after{left:auto!important;right:14px!important}
}


/* ===== FINAL CORRECTION: original animated split slider + clear faces ===== */
.h4-transform-dual,.h4-face-card,.h4-transform-center-icon{display:unset}
.h4-transform-slider{
  --pos:50%;position:relative!important;display:block!important;
  aspect-ratio:4/3!important;overflow:hidden!important;border-radius:24px!important;
  background:linear-gradient(135deg,#160d08,#2a180e)!important;touch-action:none!important;
  box-shadow:0 20px 50px rgba(0,0,0,.30)!important
}
.h4-transform-slider>img,
.h4-before-wrap img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center top!important;max-width:none!important;
  pointer-events:none!important;user-select:none!important;transform:none!important
}
.h4-before-wrap{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  overflow:hidden!important;clip-path:inset(0 calc(100% - var(--pos)) 0 0)!important;
  z-index:2!important
}
.h4-transform-line{position:absolute!important;left:var(--pos)!important;top:0!important;bottom:0!important;width:2px!important;z-index:5!important}
.h4-transform-handle{display:block!important;position:absolute!important;left:var(--pos)!important;top:50%!important;z-index:6!important}
.h4-transform-range{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:10!important;cursor:ew-resize!important}
.h4-transform-range-hidden{display:block!important}
.h4-tlabel.before{left:25px!important;right:auto!important}.h4-tlabel.after{right:25px!important;left:auto!important}
@media(max-width:900px){.h4-transform-slider{aspect-ratio:4/3!important}}
@media(max-width:680px){
  .h4-transform-slider{aspect-ratio:3/4!important;border-radius:18px!important}
  .h4-transform-slider>img,.h4-before-wrap img{object-position:center top!important}
}

/* Gallery before/after uses same full-size image clipping so faces never zoom differently */
.gal-ba-before{width:100%!important;clip-path:inset(0 calc(100% - var(--pos)) 0 0)!important}
.gal-ba-before img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;max-width:none!important}
.gal-ba>img{object-position:center top!important}

/* ===== Hero products: transparent cutouts + visible bubble field ===== */
.hero-real-product,
.hero-real-c,
.hero-real-d{
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;overflow:visible!important
}
.hero-real-product:before,.hero-real-product:after{display:none!important}
.hero-real-product img,.hero-real-c img,.hero-real-d img{
  padding:0!important;width:100%!important;height:100%!important;object-fit:contain!important;
  filter:drop-shadow(0 24px 22px rgba(74,45,18,.24))!important
}
.hero-real-main{width:205px!important;height:340px!important}
.hero-real-a{width:128px!important;height:220px!important}
.hero-real-b{width:134px!important;height:224px!important}
.hero-real-c{width:124px!important;height:212px!important}
.hero-real-d{width:118px!important;height:190px!important}
.hero-bubble{
  z-index:4!important;opacity:1!important;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.96),rgba(239,207,151,.52) 38%,rgba(195,144,65,.18) 66%,rgba(195,144,65,.04) 78%)!important;
  border:1px solid rgba(190,140,62,.34)!important;
  box-shadow:inset 0 0 16px rgba(255,255,255,.55),0 10px 28px rgba(122,82,31,.12)!important;
  backdrop-filter:blur(3px)!important
}
.bubble-1{width:36px!important;height:36px!important;left:18%!important;top:14%!important}
.bubble-2{width:24px!important;height:24px!important;right:16%!important;top:42%!important}
.bubble-3{width:30px!important;height:30px!important;left:30%!important;bottom:10%!important}
.bubble-4{width:42px!important;height:42px!important;right:27%!important;bottom:7%!important}
.bubble-5{width:20px;height:20px;left:8%;top:62%;animation-delay:1.8s}
.bubble-6{width:28px;height:28px;right:7%;top:25%;animation-delay:2.8s}
.scene .ring{z-index:1}.scene .core-glow{z-index:0}.scene .spark{z-index:3}.scene .hero-tag{z-index:11!important}
@media(max-width:760px){
  .hero-real-main{width:160px!important;height:270px!important}
  .hero-real-a{width:92px!important;height:158px!important}
  .hero-real-b{width:96px!important;height:162px!important}
  .hero-real-c{width:90px!important;height:154px!important}
  .hero-real-d{width:86px!important;height:142px!important}
  .hero-bubble{transform:scale(.82)}
}

/* ===== Salon Deal Tracker — Contact Page ===== */
.deal-tracker-section{padding-top:30px}
.deal-tracker-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.deal-tracker-head h2{font:500 clamp(2.45rem,5vw,4.8rem)/1 var(--serif);margin:10px 0 12px;color:#1B1713}
.deal-tracker-head p{max-width:700px;margin:0;color:#6A6056}
.deal-sync-badge{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:999px;border:1px solid rgba(27,23,19,.10);background:#F5EDE4;color:#6B5A43;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 10px 26px rgba(72,48,24,.06)}
.deal-sync-badge span{width:8px;height:8px;border-radius:50%;background:#C0954D;box-shadow:0 0 0 5px rgba(192,149,77,.12);animation:dealPulse 2.4s ease-in-out infinite}
.deal-tracker-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.deal-form-card,.deal-guide-card{border-radius:30px;border:1px solid rgba(27,23,19,.10);background:linear-gradient(180deg,#F3EAE1,#E5D9CC);box-shadow:0 22px 55px rgba(55,37,20,.08)}
.deal-form-card{padding:30px}
.deal-guide-card{padding:28px;position:sticky;top:105px;overflow:hidden}
.deal-guide-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;bottom:-115px;border:1px solid rgba(192,149,77,.20);animation:h4Orbit 18s linear infinite;pointer-events:none}
.deal-form-title{display:flex;justify-content:space-between;gap:18px;align-items:start}
.deal-form-title h3,.deal-guide-card h3{font:500 clamp(1.7rem,3vw,2.45rem)/1.05 var(--serif);margin:0 0 8px;color:#241B14}
.deal-form-title p{margin:0;color:#766A60;font-size:13px}
.deal-secure-chip{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(192,149,77,.11);border:1px solid rgba(192,149,77,.22);color:#8C632A;font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.deal-section-label{margin:28px 0 13px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#9B6F2F}
.deal-products-label{display:flex;justify-content:space-between;gap:12px;align-items:center}.deal-products-label small{font-size:10px;letter-spacing:.04em;text-transform:none;color:#877B70;font-weight:600}
.deal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.deal-field{display:grid;gap:7px}.deal-field.full{grid-column:1/-1}.deal-field>span{font-size:11px;letter-spacing:.05em;color:#665B51;font-weight:700}
.deal-field input,.deal-field select,.deal-field textarea,.deal-product-row input{width:100%;min-height:50px;border-radius:14px;border:1px solid rgba(27,23,19,.12);background:#F8F2EB;color:#1B1713;padding:12px 14px;outline:none;font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}
.deal-field textarea{min-height:104px;resize:vertical}
.deal-field input:focus,.deal-field select:focus,.deal-field textarea:focus,.deal-product-row input:focus{border-color:#C0954D;box-shadow:0 0 0 3px rgba(192,149,77,.09);background:#FFF9F3}
.deal-products{display:grid;gap:9px}
.deal-product-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 120px 38px;gap:8px;align-items:center;animation:dealRowIn .3s ease}
.deal-product-row .deal-product-qty,.deal-product-row .deal-product-price{text-align:center}
.deal-product-remove{width:38px;height:46px;border-radius:12px;border:1px solid rgba(164,76,60,.13);background:#F4E5E0;color:#9B4C3C;font-size:20px;line-height:1;transition:.2s}.deal-product-remove:hover{transform:translateY(-2px);background:#EED8D1}
.deal-add-product{margin-top:10px;border:1px dashed rgba(155,111,47,.35);background:rgba(255,255,255,.26);color:#805C2B;padding:10px 14px;border-radius:12px;font-weight:800;font-size:12px;transition:.25s}.deal-add-product:hover{background:rgba(192,149,77,.09);transform:translateY(-2px)}
.deal-amount-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding:15px;border-radius:18px;border:1px solid rgba(27,23,19,.09);background:rgba(255,255,255,.28)}
.deal-amount-bar small{display:block;color:#83766B;font-size:10px;margin-bottom:5px}.deal-amount-bar strong{font-size:18px;color:#2A211A}.deal-amount-bar div:nth-child(3) strong{color:#9B6534}.deal-amount-bar div:nth-child(4) strong{font-size:15px}
.deal-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.deal-form-status{min-height:22px;margin-top:13px;font-size:12px;line-height:1.55;color:#6D6258}.deal-form-status.success{color:#356C4B}.deal-form-status.error{color:#A14C3C}
.deal-guide-steps{display:grid;gap:16px;margin-top:24px}.deal-guide-steps>div{display:flex;gap:12px;align-items:flex-start}.deal-guide-steps>div>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:rgba(192,149,77,.12);border:1px solid rgba(192,149,77,.18);color:#875F2A;font-weight:800;font-size:11px}.deal-guide-steps p{margin:1px 0 0}.deal-guide-steps b{display:block;color:#31271E;font-size:13px;margin-bottom:3px}.deal-guide-steps small{display:block;color:#786B61;line-height:1.55;font-size:11px}
.deal-guide-note{position:relative;z-index:1;margin-top:24px;padding-top:18px;border-top:1px solid rgba(27,23,19,.09)}.deal-guide-note strong{color:#6F5125;font-size:12px}.deal-guide-note p{font-size:11px;line-height:1.65;margin:7px 0 0;color:#786D63}
@keyframes dealPulse{50%{transform:scale(1.22);box-shadow:0 0 0 8px rgba(192,149,77,.06)}}
@keyframes dealRowIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* About hero product orbit clarity upgrade */
.about-product-orbit{height:500px!important;overflow:visible}
.about-product-orbit:before{width:430px!important;height:135px!important;bottom:8px!important;opacity:.72}
.about-orbit-core{width:162px!important;height:162px!important;box-shadow:0 26px 68px rgba(71,45,24,.15),0 0 0 18px rgba(192,149,77,.035)!important}
.about-core-badge{width:100px!important;height:100px!important;font-size:2.35rem!important}
.about-orbit-product{width:130px!important;height:176px!important;filter:none!important;transition:filter .25s,transform .25s!important}
.about-orbit-product img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 22px 20px rgba(55,33,16,.23))!important;transform:scale(1.06);transition:transform .3s ease,filter .3s ease}
.about-orbit-product:hover img{transform:scale(1.20)!important;filter:drop-shadow(0 28px 26px rgba(55,33,16,.28))!important}
.about-orbit-ring.r1{width:400px!important;height:400px!important}.about-orbit-ring.r2{width:286px!important;height:286px!important}

@media(max-width:1050px){
  .deal-tracker-grid{grid-template-columns:1fr}.deal-guide-card{position:relative;top:auto}
  .about-product-orbit{height:450px!important}.about-orbit-product{width:112px!important;height:158px!important}
}
@media(max-width:720px){
  .deal-tracker-head{display:block}.deal-sync-badge{margin-top:14px}.deal-form-card,.deal-guide-card{padding:20px;border-radius:24px}
  .deal-fields{grid-template-columns:1fr}.deal-field.full{grid-column:auto}.deal-product-row{grid-template-columns:minmax(0,1fr) 66px 98px 36px}.deal-amount-bar{grid-template-columns:repeat(2,1fr)}
  .about-product-orbit{height:380px!important}.about-orbit-core{width:130px!important;height:130px!important}.about-core-badge{width:82px!important;height:82px!important;font-size:1.95rem!important}.about-orbit-product{width:90px!important;height:130px!important}.about-orbit-ring.r1{width:306px!important;height:306px!important}.about-orbit-ring.r2{width:220px!important;height:220px!important}
}
@media(max-width:430px){
  .deal-product-row{grid-template-columns:minmax(0,1fr) 58px 84px 34px;gap:6px}.deal-product-row input{padding:10px 8px;font-size:12px}.deal-amount-bar{padding:12px}.deal-amount-bar strong{font-size:16px}
  .about-product-orbit{height:338px!important}.about-orbit-product{width:80px!important;height:116px!important}.about-orbit-ring.r1{width:270px!important;height:270px!important}.about-orbit-ring.r2{width:195px!important;height:195px!important}
}
/* keep all five About orbit products inside the hero frame */
@media(min-width:721px){.about-premium-hero{min-height:720px!important;padding-bottom:100px!important}}
@media(max-width:720px){.about-premium-hero{min-height:auto!important;padding-bottom:52px!important}}