:root{--black:#050505;--ink:#0b0b0b;--ink2:#111;--gold:#ffd35a;--gold2:#ffec9e;--gold3:#b77711;--cream:#f8e9bd;--red:#7c0d0d;--muted:#b9af98;--rail:108px;--stats:44px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;padding-left:var(--rail);padding-bottom:var(--stats);overflow-x:hidden}body.lock{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.micro{font-size:12px;letter-spacing:.28em;font-weight:800;text-transform:uppercase;margin:0 0 18px}.gold{color:var(--gold)} /* AGE */.age-gate{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at 72% 45%,#5d3b06 0,#181004 23%,#060606 58%,#000 100%);display:grid;place-items:center;overflow:hidden}.age-gate.hidden{display:none}.age-noise{position:absolute;inset:0;background:repeating-radial-gradient(circle at 70% 50%,transparent 0 42px,rgba(255,210,90,.12) 43px 44px);opacity:.55}.age-seal{position:absolute;right:8vw;top:50%;transform:translateY(-50%);width:min(36vw,480px);aspect-ratio:1;border:1px solid rgba(255,211,90,.5);border-radius:50%;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(120px,20vw,320px);font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,224,125,.5);box-shadow:0 0 0 28px rgba(255,211,90,.03),0 0 100px rgba(255,186,30,.18)}.age-seal span{font:700 26px Arial;position:absolute;right:14%;top:26%;color:var(--gold);-webkit-text-stroke:0}.age-copy{position:relative;width:min(680px,84vw);margin-right:28vw;z-index:2}.age-logo{width:250px;margin-bottom:30px;filter:drop-shadow(0 8px 28px rgba(255,195,50,.22))}.age-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,6vw,88px);line-height:.92;margin:0 0 28px;color:var(--gold2);font-weight:700}.age-check{display:flex;gap:14px;align-items:flex-start;color:#eee;font-size:18px;line-height:1.5;max-width:560px}.age-check input{width:22px;height:22px;accent-color:var(--gold);margin-top:3px}.age-actions{display:flex;gap:12px;margin-top:30px}.gold-button,.line-button,.gold-pill{border:0;padding:16px 24px;font-weight:900;letter-spacing:.07em}.gold-button,.gold-pill{background:linear-gradient(135deg,#fff0a8,#ffca3b 45%,#b56e08);color:#111;box-shadow:0 10px 30px rgba(216,150,20,.24)}.gold-button:disabled{opacity:.35;cursor:not-allowed}.line-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)} /* SIDE RAIL */.side-rail{position:fixed;z-index:500;left:0;top:0;bottom:var(--stats);width:var(--rail);background:#050505;border-right:1px solid rgba(255,211,90,.22);display:flex;flex-direction:column;align-items:center}.rail-logo{height:116px;width:100%;display:grid;place-items:center;border-bottom:1px solid rgba(255,211,90,.18)}.rail-logo img{width:72px}.side-rail nav{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center}.side-rail nav a{height:84px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border-top:1px solid rgba(255,255,255,.055);transition:.2s}.side-rail nav a:hover{background:var(--gold);color:#0b0b0b}.side-rail nav span{font-size:10px;opacity:.55}.side-rail nav b{font-size:10px;letter-spacing:.13em;writing-mode:vertical-rl;transform:rotate(180deg)}.rail-lang{height:96px;display:flex;flex-direction:column;justify-content:center;gap:4px}.lang-btn{border:0;background:transparent;color:#777;font-weight:900;padding:5px}.lang-btn.active{color:var(--gold)}.mobile-topbar,.mobile-menu{display:none} /* HERO */.hero-vault{height:calc(100vh - var(--stats));min-height:760px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 62%,#5a3a09 0,#1c1104 23%,#090909 55%,#030303 100%);isolation:isolate}.hero-aurora{position:absolute;inset:-30%;background:conic-gradient(from 210deg at 50% 50%,transparent 0 18%,rgba(255,193,43,.13) 25%,transparent 32% 56%,rgba(255,230,143,.08) 63%,transparent 70%);animation:slowspin 28s linear infinite;z-index:-3}@keyframes slowspin{to{transform:rotate(360deg)}}.hero-gold-disc{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:min(64vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d89d25 0,#6b3c06 22%,#171004 46%,transparent 70%);filter:blur(.2px);opacity:.75;z-index:-2}.hero-rim{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);border:1px solid rgba(255,215,100,.34);border-radius:50%;aspect-ratio:1}.hero-rim-a{width:min(72vw,1050px)}.hero-rim-b{width:min(55vw,810px);border-width:2px;box-shadow:0 0 90px rgba(255,194,42,.15)}.hero-rim-c{width:min(38vw,560px);border-style:dashed;opacity:.6}.hero-title-wrap{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);text-align:center;width:min(1000px,85vw);z-index:2}.hero-title-wrap h1{margin:0;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;line-height:.78}.hero-title-wrap h1 span{display:block;font-size:clamp(92px,15vw,230px);letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(255,230,151,.74);text-shadow:0 0 28px rgba(255,202,71,.12)}.hero-title-wrap h1 em{display:block;font-style:normal;font-size:clamp(28px,4.5vw,74px);letter-spacing:.23em;color:var(--gold2);margin-left:.23em}.hero-statement{max-width:720px;margin:28px auto 0;color:#dfd7c8;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.hero-bottle{position:absolute;z-index:3;left:50%;bottom:-5%;transform:translateX(-50%);width:min(35vw,520px);height:auto;object-fit:cover;filter:drop-shadow(0 35px 70px rgba(0,0,0,.75));mix-blend-mode:screen;opacity:.88;mask-image:radial-gradient(ellipse at center,black 58%,transparent 84%)}.hero-meta{position:absolute;top:40px;z-index:5;display:flex;flex-direction:column;gap:4px}.hero-meta span,.hero-meta small{font-size:10px;letter-spacing:.22em;color:#8c846f}.hero-meta strong{font-size:14px;color:var(--gold2);letter-spacing:.08em}.hero-meta-left{left:42px}.hero-meta-right{right:42px;text-align:right;align-items:flex-end}.text-action{border:0;background:transparent;color:#fff;padding:6px 0;font-size:12px;font-weight:800;border-bottom:1px solid var(--gold);margin-top:5px}.hero-bottom-copy{position:absolute;z-index:5;left:42px;right:42px;bottom:34px;display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.15em;font-weight:800}.hero-bottom-copy i{height:1px;background:rgba(255,255,255,.25);flex:1}.gold-pill{border-radius:999px;padding:13px 21px}.scroll-mark{position:absolute;right:38px;bottom:38px;writing-mode:vertical-rl;letter-spacing:.16em;font-size:10px;color:#988c71}.scroll-mark b{color:var(--gold);margin-top:10px} /* LEGACY MONUMENT */.legacy-monument{min-height:1050px;position:relative;background:#080808;overflow:hidden;padding:110px 7vw 120px}.legacy-monument:before{content:"";position:absolute;left:42%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,211,90,.7),transparent)}.legacy-year{position:absolute;left:4vw;top:40px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(190px,26vw,440px);line-height:.58;color:transparent;-webkit-text-stroke:1px rgba(255,211,90,.18);font-weight:700;letter-spacing:-.08em}.legacy-year span{margin-left:10vw}.legacy-sentence{position:absolute;left:47%;top:120px;width:42%;z-index:2}.legacy-sentence h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,6vw,100px);line-height:.88;margin:0;color:var(--cream);font-weight:500}.legacy-sentence>p:last-child{max-width:620px;color:#c7bfaf;font-size:20px;line-height:1.65;margin-top:38px}.legacy-photo{position:absolute;left:9vw;bottom:120px;width:min(36vw,520px);margin:0;transform:rotate(-3deg)}.legacy-photo img{width:100%;box-shadow:0 35px 100px rgba(0,0,0,.65);filter:saturate(.85) contrast(1.06)}.legacy-photo figcaption{font-size:10px;letter-spacing:.22em;color:var(--gold);margin-top:12px}.legacy-ticker{position:absolute;left:0;right:0;bottom:0;height:62px;background:var(--gold);color:#090909;display:flex;align-items:center;justify-content:space-around;gap:30px;font-weight:900;font-size:13px;letter-spacing:.06em;white-space:nowrap;overflow:hidden} /* GOLD INTERLUDE */.gold-interlude{min-height:520px;background:linear-gradient(110deg,#9d5d08,#ffce45 38%,#fff0a0 58%,#b86c08 100%);color:#090909;display:grid;place-items:center;position:relative;overflow:hidden}.gold-word{position:absolute;font-family:Arial,Helvetica,sans-serif;font-size:clamp(150px,25vw,420px);font-weight:800;letter-spacing:-.06em;color:rgba(30,15,0,.14);white-space:nowrap}.gold-interlude p{position:relative;z-index:2;font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,4.6vw,74px);line-height:1.02;width:min(900px,78vw);text-align:center;font-weight:700} /* SIGNATURE UNIVERSE */.signature-universe{height:1150px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 52%,#281706,#070707 50%,#030303 100%)}.signature-universe:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,224,130,.36) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black,transparent 70%);opacity:.18}.sig-orbit{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);border:1px solid rgba(255,211,90,.23);border-radius:50%;aspect-ratio:1}.sig-orbit-a{width:770px}.sig-orbit-b{width:1040px;border-style:dashed}.sig-center{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:300px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff1a8,#d89b25 45%,#5e3204 74%,#160c02 100%);color:#0d0801;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 90px rgba(255,190,35,.28)}.sig-center span{font-family:Arial,Helvetica,sans-serif;font-size:126px;line-height:.72}.sig-center strong{font-size:18px;letter-spacing:.19em}.sig-center small{font-size:9px;letter-spacing:.16em;margin-top:8px}.sig-claim{position:absolute;color:#f9e8b5;text-transform:uppercase;max-width:240px}.sig-claim b{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,5vw,76px);line-height:.8;color:var(--gold);display:block}.sig-claim span{font-size:11px;letter-spacing:.18em;font-weight:800;display:block;margin-top:8px}.s1{left:8%;top:18%}.s2{right:10%;top:13%;text-align:right}.s3{left:14%;top:43%}.s4{right:8%;top:37%;text-align:right}.s5{left:7%;bottom:19%}.s6{right:12%;bottom:16%;text-align:right}.s7{left:38%;top:10%;text-align:center}.s8{left:43%;bottom:8%;text-align:center}.s9{left:25%;bottom:34%;transform:rotate(-10deg)}.s10{right:24%;bottom:34%;text-align:right;transform:rotate(10deg)}.s11{right:31%;top:29%;text-align:center}.sig-caption{position:absolute;left:6vw;bottom:52px}.sig-caption h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,5vw,78px);line-height:.9;margin:0;color:#e8dfca;font-weight:500} /* FORMULA */.formula-chamber{min-height:1050px;background:linear-gradient(180deg,#100b02,#050505);position:relative;overflow:hidden;padding:100px 7vw}.formula-heading{text-align:center;position:relative;z-index:3}.formula-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(56px,7vw,110px);line-height:.88;margin:0;color:var(--gold2);font-weight:500}.formula-wheel{width:min(760px,78vw);aspect-ratio:1;margin:40px auto 0;position:relative}.formula-ring{position:absolute;inset:4%;border:1px solid rgba(255,211,90,.45);border-radius:50%;box-shadow:0 0 80px rgba(255,183,25,.12)}.formula-ring.inner{inset:23%;border-style:dashed;animation:slowspin 38s linear infinite reverse}.formula-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;max-height:440px;object-fit:cover;object-position:center;filter:contrast(1.08) saturate(.95);mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,black 62%,transparent 86%)}.ingredient{position:absolute;color:var(--gold2);font-size:12px;letter-spacing:.14em;font-weight:900;padding:8px 0;border-bottom:1px solid rgba(255,211,90,.45)}.i1{left:45%;top:0}.i2{right:-4%;top:24%}.i3{right:0;bottom:24%}.i4{left:42%;bottom:0}.i5{left:-3%;bottom:26%}.i6{left:-4%;top:26%}.formula-note{max-width:760px;margin:10px auto 0;text-align:center;color:#c7bda8;font-size:19px;line-height:1.65} /* POWER WORDS */.power-words{background:#090909;border-top:1px solid rgba(255,211,90,.16);border-bottom:1px solid rgba(255,211,90,.16);overflow:hidden}.power-words div{font-family:Arial,Helvetica,sans-serif;font-size:clamp(72px,12vw,190px);line-height:.82;padding:18px 3vw;color:transparent;-webkit-text-stroke:1px rgba(255,215,100,.48);white-space:nowrap}.power-words div:nth-child(even){text-align:right;color:rgba(255,211,90,.9);-webkit-text-stroke:0;background:linear-gradient(90deg,#ffdb69,#a45e06);-webkit-background-clip:text;background-clip:text} /* COLLECTION GATES */.collection-gates{position:relative;background:#050505}.collection-intro{min-height:520px;padding:110px 7vw 70px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 76% 30%,rgba(255,185,20,.14),transparent 28%)}.collection-intro h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(80px,13vw,200px);line-height:.68;margin:0;color:var(--cream);font-weight:500}.collection-intro>p:last-child{font-size:22px;color:#bfb4a0;margin:35px 0 0}.gate{height:760px;position:relative;overflow:hidden;border-top:1px solid rgba(255,211,90,.28)}.gate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.3) 42%,rgba(0,0,0,.04) 70%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%)}.trial-gate:after{background:linear-gradient(270deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.28) 44%,rgba(0,0,0,.03) 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 60%)}.gate-type,.gate-price,.gate-action{position:absolute;z-index:2}.gate-type{left:6vw;top:70px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(70px,10vw,160px);line-height:.8;color:var(--gold2);font-weight:700}.gate-price{left:6vw;bottom:80px;display:flex;flex-direction:column}.gate-price small{font-size:16px;letter-spacing:.18em}.gate-price strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(70px,9vw,140px);color:#fff}.gate-action{right:6vw;bottom:90px;border:0;background:var(--gold);color:#090909;font-weight:900;padding:18px 28px;letter-spacing:.08em}.trial-gate .gate-type,.trial-gate .gate-price{left:auto;right:6vw;text-align:right}.trial-gate .gate-action{right:auto;left:6vw}.member-link{display:block;width:100%;padding:24px;background:var(--gold);color:#090909;border:0;font-weight:900;letter-spacing:.08em} /* PROOF */.proof-wall{padding:110px 6vw;background:#0a0a0a}.proof-wall header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.proof-wall h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(50px,6vw,90px);line-height:.9;margin:0;color:var(--cream);font-weight:500}.proof-count{text-align:right}.proof-count span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:46px;color:var(--gold)}.proof-count small{letter-spacing:.1em;color:#8e8575}.proof-mosaic{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,260px);grid-auto-columns:220px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-color:var(--gold) #111}.testimonial-card{position:relative;overflow:hidden;scroll-snap-align:start;cursor:pointer;background:#111}.testimonial-card:nth-child(5n+1){grid-row:span 2;grid-auto-columns:330px}.testimonial-card:nth-child(7n+3){width:320px}.testimonial-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03);transition:.25s}.testimonial-card:hover img{transform:scale(1.025);filter:saturate(1)}.testimonial-card span{position:absolute;left:10px;bottom:8px;font-size:9px;letter-spacing:.14em;background:rgba(0,0,0,.68);padding:5px 7px;color:var(--gold2)}.proof-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:26px;color:#9e9587;font-size:11px;letter-spacing:.16em}.proof-controls button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,211,90,.35);background:transparent;color:var(--gold);font-size:21px} /* FAQ */.faq-lines{padding:120px 7vw 140px;background:linear-gradient(180deg,#050505,#110b02);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(55px,7vw,104px);line-height:.88;margin:0;color:var(--gold2);font-weight:500}.faq-stack details{border-top:1px solid rgba(255,211,90,.22);padding:24px 0}.faq-stack details:last-child{border-bottom:1px solid rgba(255,211,90,.22)}.faq-stack summary{list-style:none;font-size:22px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.faq-stack summary:after{content:"+";color:var(--gold);font-size:28px}.faq-stack details[open] summary:after{content:"–"}.faq-stack p{color:#bbb09c;font-size:18px;line-height:1.6;max-width:760px} /* FOOTER */.mega-footer{min-height:620px;position:relative;background:#030303;padding:95px 7vw 70px;overflow:hidden;border-top:1px solid rgba(255,211,90,.18)}.footer-word{position:absolute;left:-2vw;bottom:-8vw;font-family:Arial,Helvetica,sans-serif;font-size:clamp(260px,38vw,640px);line-height:.65;color:transparent;-webkit-text-stroke:1px rgba(255,211,90,.12);font-weight:800}.footer-info{position:relative;z-index:2;max-width:520px;margin-left:auto;text-align:right}.footer-info img{width:270px;margin-left:auto}.footer-info p{letter-spacing:.16em;color:#8f8674;font-size:11px;margin:18px 0 28px}.footer-meta{position:absolute;left:7vw;right:7vw;bottom:28px;z-index:3;display:flex;justify-content:space-between;color:#6f675a;font-size:11px}.admin-trigger{border:0;background:transparent;color:#4b443b} /* LIVE BAR */.live-stats{position:fixed;z-index:900;left:0;right:0;bottom:0;height:var(--stats);background:#e0a724;color:#090909;display:flex;align-items:center;justify-content:center;gap:28px;font-size:11px;font-weight:900;letter-spacing:.03em}.live-stats b{display:flex;gap:7px;align-items:baseline}.live-stats i{font-style:normal;font-size:15px}.live-stats em{font-style:normal;font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#0a0;box-shadow:0 0 0 4px rgba(0,150,0,.12)}.live-stats.is-unavailable .live-dot{background:#a00} /* MODALS */.modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);display:none;place-items:center;padding:24px}.modal.open{display:grid}.modal-panel{width:min(560px,94vw);background:#0c0c0c;border-top:4px solid var(--gold);padding:42px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.7)}.modal-panel h3{font-family:Arial,Helvetica,sans-serif;font-size:42px;margin:0 0 16px;color:var(--gold2)}.modal-panel>p{color:#c6bcaa}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#fff;font-size:30px}.chat-links{display:grid;gap:10px;margin-top:24px}.chat-links a{padding:15px;border:1px solid rgba(255,211,90,.28);font-weight:900}.chat-links a:hover{background:var(--gold);color:#090909}.chat-links a.disabled{opacity:.35;pointer-events:none}.image-modal-panel{position:relative;max-width:92vw;max-height:92vh;display:grid;place-items:center}.image-modal-panel img{max-width:88vw;max-height:86vh;object-fit:contain}.image-modal-panel .modal-close{position:fixed;top:20px;right:25px}.image-arrow{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;font-size:24px}.image-arrow.left{left:22px}.image-arrow.right{right:22px}#modalCount{position:fixed;bottom:24px;background:rgba(0,0,0,.65);padding:8px 12px;font-weight:700} @media (max-width:1000px){:root{--rail:0px;--stats:52px}body{padding-left:0}.side-rail{display:none}.mobile-topbar{position:fixed;z-index:600;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 18px;background:rgba(5,5,5,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,211,90,.18)}.mobile-topbar img{width:86px}.mobile-topbar div{margin-left:auto;text-align:right;margin-right:12px}.mobile-topbar span{font-size:9px;letter-spacing:.14em;color:#8f8676}.mobile-topbar strong{display:block;font-size:11px;color:var(--gold2)}#mobileMenuButton{border:0;background:transparent;color:var(--gold);font-size:25px}.mobile-menu{position:fixed;z-index:590;top:72px;left:0;right:0;background:#080808;border-bottom:1px solid rgba(255,211,90,.2);padding:16px 18px 22px;display:none;grid-template-columns:1fr 1fr;gap:0}.mobile-menu.open{display:grid}.mobile-menu a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);font-weight:900;font-size:13px}.mobile-lang{grid-column:1/-1;padding-top:12px}.hero-vault{padding-top:72px;min-height:820px}.hero-meta{top:105px}.hero-meta-left{left:18px}.hero-meta-right{right:18px}.hero-title-wrap{top:37%;width:92vw}.hero-bottle{width:min(500px,58vw);bottom:-2%}.hero-bottom-copy{left:18px;right:18px;bottom:18px}.scroll-mark{display:none}.legacy-monument{min-height:1120px}.legacy-year{font-size:32vw;left:2vw}.legacy-sentence{left:8vw;top:310px;width:84%}.legacy-photo{left:12vw;bottom:100px;width:56vw}.legacy-monument:before{left:6vw}.signature-universe{height:1050px}.sig-orbit-a{width:620px}.sig-orbit-b{width:820px}.sig-center{width:230px}.sig-center span{font-size:96px}.sig-claim b{font-size:50px}.s1{left:5%;top:21%}.s2{right:5%;top:17%}.s3{left:5%;top:45%}.s4{right:4%;top:43%}.s5{left:5%;bottom:20%}.s6{right:5%;bottom:18%}.s7{left:36%;top:11%}.s8{left:40%;bottom:8%}.s9{left:20%;bottom:34%}.s10{right:18%;bottom:34%}.s11{right:28%;top:31%}.formula-chamber{min-height:900px}.gate{height:650px}.proof-wall header{align-items:flex-start}.faq-lines{grid-template-columns:1fr;gap:55px}.footer-info{text-align:left;margin-left:0}.footer-info img{margin-left:0}.footer-word{font-size:60vw}} @media (max-width:640px){.age-seal{right:-40%;width:120vw;opacity:.38}.age-copy{margin-right:0;width:88vw}.age-logo{width:190px}.age-copy h1{font-size:44px}.age-check{font-size:16px}.hero-vault{min-height:780px}.hero-title-wrap{top:35%}.hero-title-wrap h1 span{font-size:24vw}.hero-title-wrap h1 em{font-size:7vw;letter-spacing:.16em;margin-left:.16em}.hero-statement{font-size:16px;max-width:90vw;margin-top:18px}.hero-bottle{width:72vw;max-width:420px;bottom:3%;opacity:.92}.hero-gold-disc{width:130vw}.hero-rim-a{width:150vw}.hero-rim-b{width:115vw}.hero-rim-c{width:80vw}.hero-meta-left{display:none}.hero-meta-right{top:94px;right:18px}.hero-bottom-copy{gap:10px;font-size:9px;flex-wrap:wrap}.hero-bottom-copy i{display:none}.gold-pill{padding:11px 16px}.legacy-monument{min-height:980px;padding:90px 18px 90px}.legacy-year{top:30px;font-size:44vw}.legacy-sentence{top:245px;left:24px;width:calc(100% - 48px)}.legacy-sentence h2{font-size:13vw}.legacy-sentence>p:last-child{font-size:17px}.legacy-photo{left:44px;width:72vw;bottom:100px}.legacy-ticker{justify-content:flex-start;padding-left:18px;gap:34px;overflow-x:auto}.gold-interlude{min-height:420px}.gold-interlude p{font-size:9vw;width:84vw}.signature-universe{height:1180px}.sig-orbit-a{width:95vw}.sig-orbit-b{width:138vw}.sig-center{width:190px;top:48%}.sig-center span{font-size:80px}.sig-claim{max-width:150px}.sig-claim b{font-size:10vw}.sig-claim span{font-size:8px;letter-spacing:.11em}.s1{left:5%;top:17%}.s2{right:4%;top:14%}.s3{left:4%;top:33%}.s4{right:4%;top:31%}.s5{left:4%;bottom:31%}.s6{right:4%;bottom:29%}.s7{left:29%;top:8%}.s8{left:32%;bottom:19%}.s9{left:7%;bottom:18%}.s10{right:5%;bottom:15%}.s11{right:32%;top:41%}.sig-caption{left:20px;bottom:28px}.sig-caption h2{font-size:11vw}.formula-chamber{min-height:800px;padding:80px 18px}.formula-heading h2{font-size:12vw}.formula-wheel{width:92vw;margin-left:-1vw}.ingredient{font-size:8px;letter-spacing:.08em}.formula-product{width:52%}.formula-note{font-size:16px}.power-words div{font-size:19vw}.collection-intro{min-height:430px;padding:90px 20px 60px}.collection-intro h2{font-size:24vw}.gate{height:560px}.gate img{object-position:center}.gate-type{left:20px;top:30px;font-size:15vw}.gate-price{left:20px;bottom:26px}.gate-price strong{font-size:16vw}.gate-price small{font-size:11px}.gate-action{right:20px;bottom:34px;padding:13px 16px;font-size:11px}.trial-gate .gate-type,.trial-gate .gate-price{right:20px}.trial-gate .gate-action{left:20px}.proof-wall{padding:80px 18px}.proof-wall header{display:block}.proof-wall h2{font-size:11vw}.proof-count{text-align:left;margin-top:25px}.proof-count span{font-size:34px}.proof-mosaic{grid-template-rows:repeat(2,210px);grid-auto-columns:170px}.testimonial-card:nth-child(7n+3){width:240px}.faq-lines{padding:90px 20px}.faq-heading h2{font-size:13vw}.faq-stack summary{font-size:18px}.faq-stack p{font-size:16px}.mega-footer{min-height:560px;padding:80px 20px}.footer-info img{width:220px}.footer-word{font-size:85vw;left:-8vw;bottom:4vw}.footer-meta{left:20px;right:20px}.live-stats{gap:11px;justify-content:flex-start;overflow-x:auto;padding:0 12px}.live-stats strong{white-space:nowrap}.live-stats b{white-space:nowrap}.live-stats em{font-size:9px}} /* ========================================================= V7.1 — CONVERSION PRESTIGE REFINEMENT Fixed top navigation · compact reading rhythm · premium proof ========================================================= */ :root{--rail:0px;--navh:72px;--stats:44px} html{scroll-padding-top:calc(var(--navh) + 10px)} body{padding-left:0;padding-top:var(--navh);padding-bottom:var(--stats)} #legacy,#signatures,#formula,#collection,#archive,#faq{scroll-margin-top:calc(var(--navh) + 8px)} .side-rail,.mobile-topbar,.mobile-menu{display:none!important} /* FIXED TOP NAVIGATION */ .top-nav{position:fixed;z-index:850;left:0;right:0;top:0;height:var(--navh);display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:0 24px;background:linear-gradient(180deg,rgba(6,6,6,.98),rgba(6,6,6,.94));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,211,90,.22);box-shadow:0 14px 40px rgba(0,0,0,.24)} .top-brand{display:flex;align-items:center;height:100%;width:max-content}.top-brand img{width:112px;max-height:52px;object-fit:contain;filter:drop-shadow(0 3px 14px rgba(255,198,55,.12))} .top-links{justify-self:center;display:flex;align-items:center;gap:clamp(18px,2.4vw,42px);height:100%}.top-links a{position:relative;display:flex;align-items:center;height:100%;font-size:11px;letter-spacing:.13em;font-weight:900;color:#bdb4a2;white-space:nowrap;transition:.2s}.top-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--gold);transition:.2s}.top-links a:hover{color:var(--gold2)}.top-links a:hover:after{left:0;right:0} .top-tools{display:flex;align-items:center;gap:14px}.top-seller{text-align:right;max-width:170px;line-height:1.1}.top-seller small{display:block;color:#746c5e;font-size:8px;letter-spacing:.16em;margin-bottom:4px}.top-seller strong{display:block;color:#d7cbaF;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-lang{display:flex;align-items:center;gap:2px;border-left:1px solid rgba(255,255,255,.08);padding-left:10px}.top-lang span{color:#4e493f;font-size:10px}.top-lang .lang-btn{font-size:10px;padding:4px}.top-order{border:0;background:linear-gradient(135deg,#fff1a6,#ffd34f 44%,#ba7410);color:#080808;padding:12px 20px;font-size:11px;letter-spacing:.11em;font-weight:950;box-shadow:0 6px 18px rgba(224,161,30,.14)}.top-order:hover{filter:brightness(1.08)}.top-menu-button{display:none;border:0;background:transparent;color:var(--gold);font-size:24px;padding:6px}.top-mobile-menu{display:none;position:fixed;z-index:840;top:var(--navh);left:0;right:0;background:#070707;border-bottom:1px solid rgba(255,211,90,.2);padding:10px 18px 18px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.top-mobile-menu.open{display:grid;grid-template-columns:1fr 1fr}.top-mobile-menu a{padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:900;letter-spacing:.08em}.top-mobile-menu a[href="#collection"]{color:#090909;background:var(--gold);padding-left:14px} /* HERO: preserve the V7 identity, just fit beneath fixed nav */ .hero-vault{height:calc(100vh - var(--stats) - var(--navh));min-height:650px}.hero-meta{top:28px}.hero-title-wrap{top:42%}.hero-bottom-copy{bottom:24px} /* GENERAL: less vertical fatigue without losing hierarchy */ .legacy-monument{min-height:760px;padding:80px 7vw 90px}.legacy-year{top:25px;font-size:clamp(150px,21vw,320px)}.legacy-sentence{top:85px}.legacy-sentence h2{font-size:clamp(46px,4.7vw,74px)}.legacy-sentence>p:last-child{font-size:18px;line-height:1.55;margin-top:26px}.legacy-photo{width:min(29vw,410px);bottom:88px}.legacy-ticker{height:52px;font-size:11px} .gold-interlude{min-height:290px}.gold-word{font-size:clamp(120px,20vw,300px)}.gold-interlude p{font-size:clamp(28px,3.4vw,50px);width:min(850px,78vw)} /* 11 SIGNATURE = APPETIZER, NOT THE MAIN COURSE */ .signature-universe{height:700px;background:radial-gradient(circle at 50% 46%,#281706,#070707 48%,#030303 100%)}.signature-universe:before{background-size:30px 30px;opacity:.12}.sig-orbit{top:47%}.sig-orbit-a{width:460px}.sig-orbit-b{width:620px}.sig-center{top:47%;width:164px;box-shadow:0 0 60px rgba(255,190,35,.2)}.sig-center span{font-size:68px}.sig-center strong{font-size:11px}.sig-center small{font-size:7px}.sig-claim{max-width:170px;display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.sig-thumb{grid-row:1/3;width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,221,121,.42);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:saturate(.82) contrast(1.03)}.sig-claim b{font-size:clamp(25px,2.4vw,39px);line-height:.9}.sig-claim span{font-size:8px;letter-spacing:.11em;margin-top:4px;line-height:1.25}.s1{left:6%;top:15%}.s2{right:6%;top:13%;text-align:left}.s3{left:8%;top:39%}.s4{right:6%;top:36%;text-align:left}.s5{left:7%;bottom:15%}.s6{right:7%;bottom:14%;text-align:left}.s7{left:36%;top:7%;text-align:left}.s8{left:39%;bottom:5%;text-align:left}.s9{left:25%;bottom:29%;transform:none}.s10{right:24%;bottom:29%;text-align:left;transform:none}.s11{right:30%;top:28%;text-align:left}.sig-caption{left:4vw;bottom:20px;max-width:470px}.sig-caption .micro{margin-bottom:8px}.sig-caption h2{font-size:clamp(25px,2.3vw,36px);line-height:1.02} /* FORMULA = GENERAL KNOWLEDGE, ONE COMPACT CHAMBER */ .formula-chamber{min-height:660px;padding:68px 7vw 58px}.formula-heading h2{font-size:clamp(42px,4.5vw,68px);line-height:.94}.formula-wheel{width:min(440px,48vw);margin:22px auto 0}.formula-product{width:42%;max-height:250px}.ingredient{font-size:9px;padding:5px 0}.formula-note{font-size:16px;line-height:1.55;margin-top:4px;max-width:700px} /* SMALL POSITIONING STRIP — no more giant repeated words */ .power-words{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#080808,#120c03,#080808)}.power-words div,.power-words div:nth-child(even){display:grid;place-items:center;min-height:96px;padding:0 12px;text-align:center!important;font-family:Arial,Helvetica,sans-serif;font-size:clamp(24px,2.5vw,38px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,215,100,.58);background:none;border-right:1px solid rgba(255,211,90,.12)}.power-words div:nth-child(even){color:var(--gold2);-webkit-text-stroke:0}.power-words div:last-child{border-right:0} /* ORDER: Full Set first, Trial second, side-by-side */ .collection-gates{padding-bottom:0;background:radial-gradient(circle at 50% 0,rgba(218,153,28,.09),transparent 32%),#050505}.collection-intro{min-height:0;padding:70px 6vw 38px;display:block;text-align:center;background:none}.collection-intro .micro{margin-bottom:12px}.collection-intro h2{font-size:clamp(42px,5vw,72px);line-height:.92}.collection-intro>p:last-child{font-size:16px;line-height:1.55;max-width:700px;margin:20px auto 0}.collection-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding:0 5vw 20px}.collection-grid .gate{height:500px;border:1px solid rgba(255,211,90,.2);border-top:2px solid rgba(255,211,90,.55);background:#080808}.collection-grid .gate img{object-position:center}.collection-grid .gate:after{background:linear-gradient(0deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.22) 60%,rgba(0,0,0,.04) 100%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 70%)}.collection-grid .trial-gate:after{background:linear-gradient(0deg,rgba(0,0,0,.84) 0,rgba(0,0,0,.24) 60%,rgba(0,0,0,.04) 100%)}.collection-grid .gate-type,.collection-grid .trial-gate .gate-type{left:28px;right:auto;top:26px;text-align:left;font-size:clamp(40px,4vw,62px);text-shadow:0 8px 30px rgba(0,0,0,.8)}.collection-grid .gate-price,.collection-grid .trial-gate .gate-price{left:28px;right:auto;bottom:28px;text-align:left}.collection-grid .gate-price small{font-size:12px}.collection-grid .gate-price strong{font-size:clamp(48px,5vw,74px);line-height:.9}.collection-grid .gate-action,.collection-grid .trial-gate .gate-action{left:auto;right:28px;bottom:34px;padding:14px 18px;font-size:11px}.full-gate{box-shadow:0 22px 70px rgba(203,143,20,.10)}.full-gate:before{content:"UTAMA";position:absolute;z-index:4;right:22px;top:20px;padding:7px 10px;background:var(--gold);color:#070707;font-size:9px;letter-spacing:.14em;font-weight:950}.order-facts{margin:0 5vw 20px;padding:18px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid rgba(255,211,90,.18);border-bottom:1px solid rgba(255,211,90,.18);color:#9f9584;font-size:11px;letter-spacing:.03em}.order-facts span{padding-right:14px;border-right:1px solid rgba(255,255,255,.07)}.order-facts span:last-child{border-right:0}.order-facts b{color:var(--gold2);margin-right:6px}.member-link{margin:0 5vw;width:calc(90vw);padding:18px;background:transparent;color:var(--gold2);border:1px solid rgba(255,211,90,.25);font-size:11px} /* TESTIMONIALS = THE MOST PREMIUM / MOST IMPORTANT SECTION */ .proof-wall{position:relative;isolation:isolate;padding:92px 5vw 112px;background:radial-gradient(circle at 50% 26%,rgba(227,161,27,.20),transparent 24%),linear-gradient(180deg,#060606 0,#0e0902 42%,#050505 100%);border-top:1px solid rgba(255,211,90,.28);border-bottom:1px solid rgba(255,211,90,.18)}.proof-wall:before{content:"";position:absolute;z-index:-1;inset:34px 2.5vw;border:1px solid rgba(255,219,109,.13);pointer-events:none}.proof-wall:after{content:"EPM GOLD · PROOF ARCHIVE";position:absolute;z-index:-1;right:4vw;top:22px;color:rgba(255,219,109,.09);font-family:Arial,Helvetica,sans-serif;font-size:clamp(50px,8vw,120px);letter-spacing:.04em;white-space:nowrap}.proof-wall header{align-items:flex-end;margin-bottom:32px;padding:0 1.5vw}.proof-wall h2{font-size:clamp(48px,5vw,72px);max-width:850px;color:#fff0c3;text-shadow:0 8px 34px rgba(0,0,0,.65)}.proof-count span{font-size:40px}.proof-mosaic{grid-template-rows:repeat(2,280px);grid-auto-columns:230px;gap:14px;padding:10px 10px 24px;scroll-padding-left:10px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,211,90,.13);border-bottom:1px solid rgba(255,211,90,.13)}.testimonial-card{border:1px solid rgba(255,218,105,.18);box-shadow:0 16px 38px rgba(0,0,0,.38)}.testimonial-card:nth-child(5n+1){grid-row:span 2;width:360px}.testimonial-card:nth-child(7n+3){width:300px}.testimonial-card img{filter:saturate(.9) contrast(1.04)}.testimonial-card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,233,160,.05);pointer-events:none}.proof-controls{margin-top:20px}.proof-controls button{background:rgba(255,211,90,.05)}.proof-cta{margin:34px 1.5vw 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:22px 24px;background:linear-gradient(90deg,rgba(255,211,90,.12),rgba(255,211,90,.035));border:1px solid rgba(255,211,90,.23)}.proof-cta small{display:block;color:#887d6a;font-size:9px;letter-spacing:.14em;margin-bottom:5px}.proof-cta strong{font-family:Arial,Helvetica,sans-serif;font-size:23px;color:#f5e8c2}.proof-buy{border:1px solid var(--gold);padding:13px 17px;font-size:10px;letter-spacing:.06em;font-weight:950}.proof-buy.primary{background:var(--gold);color:#080808}.proof-buy.secondary{background:transparent;color:var(--gold2)} /* COMPLETE FAQ RESTORED — compact, readable */ .faq-lines{padding:82px 6vw 92px;grid-template-columns:.62fr 1.38fr;gap:6vw;background:linear-gradient(180deg,#050505,#0c0802)}.faq-heading{position:sticky;top:calc(var(--navh) + 24px);align-self:start}.faq-heading h2{font-size:clamp(40px,4.5vw,62px);line-height:.96}.faq-intro{max-width:430px;color:#9e9482;font-size:15px;line-height:1.55;margin:20px 0 0}.faq-stack details{padding:18px 0}.faq-stack summary{font-size:18px;line-height:1.35;gap:18px}.faq-stack summary:after{font-size:22px}.faq-stack p{font-size:16px;line-height:1.55;margin:12px 0 0}.faq-inline-action{margin-top:14px;border:1px solid rgba(255,211,90,.42);background:transparent;color:var(--gold2);padding:11px 14px;font-size:10px;font-weight:900;letter-spacing:.06em} /* FOOTER: still monumental, but not another long scroll */ .mega-footer{min-height:430px;padding:70px 6vw 58px}.footer-word{font-size:clamp(210px,30vw,450px);bottom:-6vw}.footer-info img{width:220px}.footer-meta{left:6vw;right:6vw} @media (max-width:1180px){ .top-nav{grid-template-columns:150px 1fr auto;padding:0 16px}.top-links{gap:18px}.top-seller{display:none}.top-brand img{width:100px} .sig-claim{grid-template-columns:40px auto}.sig-thumb{width:40px;height:40px}.sig-claim b{font-size:28px} .collection-grid{grid-template-columns:1fr 1fr}.collection-grid .gate{height:460px} } @media (max-width:900px){ :root{--navh:66px;--stats:52px}.top-nav{grid-template-columns:1fr auto;height:var(--navh)}.top-links{display:none}.top-brand img{width:94px}.top-lang{display:none}.top-menu-button{display:block}.top-order{padding:11px 15px}.top-tools{gap:8px} .hero-vault{min-height:690px}.hero-meta{top:24px}.hero-meta-right{right:20px} .legacy-monument{min-height:850px}.legacy-sentence{left:44%;width:48%}.legacy-photo{left:7vw;width:34vw} .signature-universe{height:720px}.sig-orbit-a{width:400px}.sig-orbit-b{width:560px}.sig-center{width:148px}.sig-thumb{display:none}.sig-claim{display:block;max-width:128px}.sig-claim b{font-size:28px}.sig-claim span{font-size:7px}.s1{left:4%;top:16%}.s2{right:4%;top:15%;text-align:right}.s3{left:4%;top:40%}.s4{right:4%;top:38%;text-align:right}.s5{left:4%;bottom:17%}.s6{right:4%;bottom:16%;text-align:right}.s7{left:34%;top:7%;text-align:center}.s8{left:39%;bottom:7%;text-align:center}.s9{left:22%;bottom:31%}.s10{right:20%;bottom:31%;text-align:right}.s11{right:28%;top:29%;text-align:center}.sig-caption{left:22px;bottom:20px;max-width:300px}.sig-caption h2{font-size:24px} .formula-chamber{min-height:610px}.formula-wheel{width:min(420px,72vw)} .power-words{grid-template-columns:repeat(2,1fr)}.power-words div{min-height:74px;font-size:28px}.power-words div:nth-child(2){border-right:0} .collection-grid{grid-template-columns:1fr;gap:12px}.collection-grid .gate{height:440px}.order-facts{grid-template-columns:1fr;gap:8px}.order-facts span{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:0 0 8px}.order-facts span:last-child{border-bottom:0;padding-bottom:0} .proof-wall{padding-left:4vw;padding-right:4vw}.proof-wall header{display:grid;grid-template-columns:1fr auto}.proof-mosaic{grid-template-rows:repeat(2,250px);grid-auto-columns:205px}.testimonial-card:nth-child(5n+1){width:310px}.proof-cta{grid-template-columns:1fr 1fr}.proof-cta>div{grid-column:1/-1}.proof-buy{width:100%} .faq-lines{grid-template-columns:1fr;gap:34px}.faq-heading{position:static}.faq-heading h2{max-width:600px} } @media (max-width:640px){ .top-nav{padding:0 12px}.top-brand img{width:86px}.top-order{font-size:10px;padding:10px 13px}.top-menu-button{font-size:22px}.top-mobile-menu.open{grid-template-columns:1fr 1fr} .hero-vault{height:auto;min-height:660px;padding-top:0}.hero-title-wrap{top:34%}.hero-title-wrap h1 span{font-size:21vw}.hero-title-wrap h1 em{font-size:6.4vw}.hero-statement{font-size:15px}.hero-bottle{width:64vw;bottom:1%}.hero-meta-right{top:20px} .legacy-monument{min-height:730px;padding:65px 18px 70px}.legacy-year{font-size:34vw}.legacy-sentence{left:24px;top:180px;width:calc(100% - 48px)}.legacy-sentence h2{font-size:10.8vw}.legacy-sentence>p:last-child{font-size:15px;margin-top:18px}.legacy-photo{left:24px;bottom:72px;width:45vw}.legacy-ticker{height:46px} .gold-interlude{min-height:230px}.gold-interlude p{font-size:7.2vw} .signature-universe{height:650px}.sig-orbit-a{width:75vw}.sig-orbit-b{width:112vw}.sig-center{width:128px}.sig-center span{font-size:52px}.sig-center strong{font-size:9px}.sig-claim{max-width:105px}.sig-claim b{font-size:7vw}.sig-claim span{font-size:6.5px}.sig-caption{max-width:260px}.sig-caption h2{font-size:20px} .formula-chamber{min-height:560px;padding:58px 18px 48px}.formula-heading h2{font-size:9vw}.formula-wheel{width:80vw;max-width:350px}.ingredient{font-size:7px}.formula-note{font-size:14px} .power-words div{min-height:62px;font-size:23px} .collection-intro{padding:56px 20px 28px}.collection-intro h2{font-size:10vw}.collection-intro>p:last-child{font-size:14px}.collection-grid{padding:0 14px 14px}.collection-grid .gate{height:390px}.collection-grid .gate-type,.collection-grid .trial-gate .gate-type{left:18px;top:18px;font-size:10vw}.collection-grid .gate-price,.collection-grid .trial-gate .gate-price{left:18px;bottom:22px}.collection-grid .gate-price strong{font-size:12vw}.collection-grid .gate-action,.collection-grid .trial-gate .gate-action{right:18px;bottom:24px;padding:11px 12px;font-size:9px}.order-facts{margin:0 14px 14px;padding:14px 16px;font-size:10px}.member-link{margin:0 14px;width:calc(100% - 28px);padding:15px;font-size:9px} .proof-wall{padding:70px 14px 82px}.proof-wall:before{inset:20px 7px}.proof-wall:after{top:20px;right:10px;font-size:12vw}.proof-wall header{display:block;padding:0 4px}.proof-wall h2{font-size:10vw}.proof-count{text-align:left;margin-top:18px}.proof-count span{font-size:30px}.proof-mosaic{grid-template-rows:repeat(2,220px);grid-auto-columns:175px;gap:9px}.testimonial-card:nth-child(5n+1){width:260px}.testimonial-card:nth-child(7n+3){width:230px}.proof-cta{margin:24px 4px 0;padding:16px;gap:8px}.proof-cta strong{font-size:18px}.proof-buy{font-size:9px;padding:11px 8px} .faq-lines{padding:66px 18px 74px}.faq-heading h2{font-size:9.5vw}.faq-intro{font-size:14px}.faq-stack details{padding:15px 0}.faq-stack summary{font-size:16px}.faq-stack p{font-size:14px} .mega-footer{min-height:360px;padding:58px 18px 55px}.footer-info img{width:190px}.footer-word{font-size:75vw}.footer-meta{left:18px;right:18px} } \n\n/* =========================================================\n V7.2 — ARIAL / EYE-FRIENDLY / CONVERSION REFINEMENT\n ========================================================= */\n:root{--font-main:Arial,Helvetica,sans-serif}\nhtml{scroll-padding-top:88px}\nbody,button,a,input,summary,p,span,strong,b,small,h1,h2,h3,h4{font-family:var(--font-main)}\nbody{font-size:18px}\n.micro{font-size:13px;letter-spacing:.18em;line-height:1.35;color:#d9cfba}\n\n/* Navigation: readable at a glance */\n.top-nav{height:76px;grid-template-columns:190px 1fr auto;padding:0 28px;background:rgba(5,5,5,.985)}\n:root{--navh:76px}\n.top-brand img{width:126px;max-height:58px}\n.top-links{gap:clamp(20px,2.2vw,38px)}\n.top-links a{font-size:15px;letter-spacing:.055em;color:#e2dac9;font-weight:700}\n.top-seller small{font-size:11px;color:#b0a48e}.top-seller strong{font-size:14px;color:#f0e5c8}\n.top-lang .lang-btn{font-size:14px}.top-lang span{font-size:13px}\n.top-order{font-size:15px;padding:13px 22px;letter-spacing:.06em;font-weight:800}\n.top-mobile-menu a{font-size:16px;line-height:1.2}\n\n/* Age gate */\n.age-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.02em}\n.age-check{font-size:19px}.age-actions button{font-size:16px}\n\n/* Hero: keep product dominant but separate text from artwork */\n.hero-vault{min-height:690px}\n.hero-title-wrap{top:31%;width:min(920px,88vw)}\n.hero-title-wrap h1{line-height:.9}\n.hero-title-wrap h1 span{font-size:clamp(68px,9vw,138px);font-weight:900;letter-spacing:.02em;-webkit-text-stroke:0;color:#f7df9d;text-shadow:0 8px 36px rgba(0,0,0,.75)}\n.hero-title-wrap h1 em{font-size:clamp(28px,3.2vw,48px);font-weight:800;letter-spacing:.16em;color:#ffd968}\n.hero-statement{max-width:760px;font-size:19px;line-height:1.6;color:#f1eadc;background:rgba(0,0,0,.42);padding:10px 16px;border-radius:6px}\n.hero-bottle{width:min(31vw,430px);bottom:-8%;opacity:.9}\n.hero-meta span,.hero-meta small{font-size:12px;color:#b5aa92}.hero-meta strong{font-size:16px}.text-action{font-size:15px}.hero-bottom-copy{font-size:14px}.scroll-mark{font-size:12px}\n\n/* Secondary knowledge sections: readable but compact */\n.legacy-monument{min-height:700px;padding-top:74px}\n.legacy-sentence h2{font-size:clamp(38px,4vw,62px);line-height:1.02;font-weight:800;letter-spacing:-.025em}\n.legacy-sentence>p:last-child{font-size:20px;line-height:1.6;color:#e2dacb}\n.legacy-photo figcaption{font-size:13px}.legacy-ticker{font-size:14px;height:54px}\n.gold-interlude{min-height:245px}.gold-interlude p{font-size:clamp(28px,3vw,44px);line-height:1.12;font-weight:800}.gold-word{font-weight:900}\n\n/* 11 Signature remains appetizer, but no tiny unreadable labels */\n.signature-universe{height:650px}\n.sig-center{width:158px}.sig-center span{font-size:62px;font-weight:900}.sig-center strong{font-size:13px}.sig-center small{font-size:10px}\n.sig-claim{max-width:190px;grid-template-columns:52px auto;column-gap:11px}\n.sig-thumb{width:52px;height:52px}.sig-claim b{font-size:clamp(27px,2.25vw,38px);font-weight:900}.sig-claim span{font-size:11px;letter-spacing:.055em;line-height:1.25;color:#f4e7c5}\n.sig-caption{max-width:540px}.sig-caption h2{font-size:clamp(26px,2.25vw,36px);line-height:1.1;font-weight:800}\n\n/* Formula */\n.formula-chamber{min-height:620px;padding:60px 7vw 52px}.formula-heading h2{font-size:clamp(36px,3.8vw,56px);line-height:1.04;font-weight:800;letter-spacing:-.02em}\n.ingredient{font-size:12px;font-weight:700;letter-spacing:.06em}.formula-note{font-size:19px;line-height:1.6;color:#dfd6c6}\n.power-words div,.power-words div:nth-child(even){font-size:clamp(23px,2vw,31px);font-weight:800;min-height:78px;-webkit-text-stroke:0;color:#f3d98c}\n.power-words div:nth-child(even){color:#fff0bc}\n\n/* Order: explicit buying information over artwork */\n.collection-intro{padding:58px 6vw 30px}.collection-intro h2{font-size:clamp(36px,4vw,56px);font-weight:900;line-height:1.02}.collection-intro>p:last-child{font-size:19px;line-height:1.55;color:#ddd3c1}\n.collection-grid .gate{height:450px}.collection-grid .gate-type,.collection-grid .trial-gate .gate-type{font-size:clamp(34px,3.4vw,50px);font-weight:900}.collection-grid .gate-price small{font-size:17px;font-weight:700;color:#fff}.collection-grid .gate-price strong{font-size:clamp(44px,4.4vw,64px);font-weight:900}.collection-grid .gate-action,.collection-grid .trial-gate .gate-action{font-size:16px;padding:15px 20px;font-weight:800}.full-gate:before{font-size:13px;padding:8px 11px}.order-facts{font-size:16px;line-height:1.45;color:#d7cfbf}.member-link{font-size:16px;font-weight:700;line-height:1.4}\n\n/* Testimonials: large featured proof first, then readable thumbnails */\n.proof-wall{padding:78px 5vw 100px}.proof-wall:after{font-weight:900;font-size:clamp(48px,6vw,92px)}\n.proof-wall h2{font-size:clamp(38px,4vw,58px);line-height:1.03;font-weight:900;letter-spacing:-.02em}.proof-count span{font-size:34px;font-weight:900}.proof-count small{font-size:13px}\n.proof-feature{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(520px,1fr);gap:28px;align-items:center;margin:28px 1.5vw 34px;padding:28px;border:1px solid rgba(255,214,92,.28);background:linear-gradient(135deg,rgba(255,211,90,.08),rgba(0,0,0,.48));box-shadow:0 24px 70px rgba(0,0,0,.36)}\n.proof-feature-copy span{display:block;color:var(--gold);font-size:14px;font-weight:800;letter-spacing:.1em;margin-bottom:12px}.proof-feature-copy strong{display:block;font-size:clamp(25px,2.6vw,38px);line-height:1.08;color:#fff1c2;font-weight:900}.proof-feature-copy p{font-size:18px;line-height:1.55;color:#d9d0bf;margin:16px 0 0}\n.proof-feature-image{border:1px solid rgba(255,226,136,.32);background:#020202;padding:12px;min-height:500px;max-height:650px;display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.48)}\n.proof-feature-image img{width:100%;height:100%;max-height:620px;object-fit:contain}\n.proof-thumbs-title{margin:0 1.5vw 12px;display:flex;justify-content:space-between;align-items:end;gap:20px}.proof-thumbs-title strong{font-size:18px;color:#f6e8c2}.proof-thumbs-title span{font-size:15px;color:#bcb19e}\n.proof-mosaic{display:grid;grid-template-rows:170px!important;grid-auto-columns:150px!important;grid-auto-flow:column;gap:12px;padding:12px 10px 18px;overflow-x:auto;scroll-snap-type:x proximity}\n.testimonial-card,.testimonial-card:nth-child(5n+1),.testimonial-card:nth-child(7n+3){grid-row:auto;width:auto!important;height:170px;position:relative;scroll-snap-align:center;opacity:.62;transition:.2s;overflow:hidden}\n.testimonial-card.active{opacity:1;border:2px solid var(--gold);transform:translateY(-2px)}.testimonial-card img{width:100%;height:100%;object-fit:cover}.testimonial-card span{font-size:13px!important;padding:7px 9px!important;background:rgba(0,0,0,.72)!important}\n.proof-controls{font-size:16px}.proof-controls button{font-size:24px;min-width:48px;min-height:48px}.proof-cta{margin-top:26px;padding:24px}.proof-cta small{font-size:13px;color:#c8bda7}.proof-cta strong{font-size:24px;line-height:1.2;font-weight:800}.proof-buy{font-size:15px;padding:14px 18px}\n.image-modal-panel{max-width:min(96vw,1200px);max-height:94vh}.image-modal-panel img{max-height:88vh;object-fit:contain}\n\n/* FAQ: reading comfort */\n.faq-lines{padding:72px 6vw 84px}.faq-heading h2{font-size:clamp(34px,3.7vw,52px);line-height:1.04;font-weight:900}.faq-intro{font-size:18px;line-height:1.6;color:#d0c6b5}.faq-stack details{padding:20px 0}.faq-stack summary{font-size:20px;font-weight:800;line-height:1.4}.faq-stack p{font-size:18px;line-height:1.65;color:#ddd5c7}.faq-inline-action{font-size:15px;line-height:1.3}\n.footer-info p,.footer-meta{font-size:14px}.footer-info .gold-button{font-size:16px}.live-stats{font-size:13px}.live-stats b i{font-size:15px}.live-stats b em{font-size:11px}\n\n@media (max-width:1180px){\n .top-nav{grid-template-columns:155px 1fr auto;padding:0 18px}.top-links{gap:16px}.top-links a{font-size:14px}.top-seller{display:none}\n .proof-feature{grid-template-columns:.34fr .66fr}.proof-feature-image{min-height:430px}\n}\n@media (max-width:900px){\n :root{--navh:70px}.top-nav{height:70px}.top-order{font-size:14px}.top-menu-button{font-size:26px}.top-mobile-menu a{font-size:17px}\n .hero-title-wrap{top:30%}.hero-title-wrap h1 span{font-size:clamp(58px,15vw,100px)}.hero-title-wrap h1 em{font-size:clamp(26px,6vw,42px)}.hero-statement{font-size:18px}.hero-bottle{width:min(52vw,390px)}\n .signature-universe{height:auto;min-height:0;padding:52px 18px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.signature-universe:before,.sig-orbit,.sig-center{display:none}.sig-claim,.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11{position:static!important;display:grid!important;grid-template-columns:42px 1fr!important;max-width:none!important;text-align:left!important;transform:none!important;padding:12px;border:1px solid rgba(255,211,90,.13);background:rgba(255,211,90,.035)}.sig-thumb{display:block!important;width:42px;height:42px}.sig-claim b{font-size:25px}.sig-claim span{font-size:11px}.sig-caption{position:static!important;grid-column:1/-1;max-width:none;margin-top:10px}.sig-caption h2{font-size:26px}\n .formula-note{font-size:18px}\n .collection-grid{grid-template-columns:1fr 1fr}.collection-grid .gate{height:410px}.order-facts{font-size:15px}\n .proof-feature{grid-template-columns:1fr;gap:18px}.proof-feature-image{min-height:420px;max-height:590px}.proof-feature-copy p{font-size:17px}.proof-thumbs-title{align-items:start;flex-direction:column;gap:5px}\n .faq-stack summary{font-size:19px}.faq-stack p{font-size:18px}\n}\n@media (max-width:640px){\n body{font-size:17px}.micro{font-size:12px}.top-nav{padding:0 12px}.top-brand img{width:94px}.top-order{font-size:13px;padding:11px 14px}\n .hero-vault{min-height:650px}.hero-title-wrap{top:31%;width:92vw}.hero-title-wrap h1 span{font-size:17vw}.hero-title-wrap h1 em{font-size:7vw;letter-spacing:.09em}.hero-statement{font-size:17px;padding:9px 12px}.hero-bottle{width:62vw;bottom:0}.hero-meta span,.hero-meta small{font-size:10px}.hero-meta strong{font-size:13px}.hero-bottom-copy span,.hero-bottom-copy i,.scroll-mark{display:none}\n .legacy-monument{min-height:700px}.legacy-sentence>p:last-child{font-size:18px}.legacy-ticker{font-size:12px}\n .signature-universe{grid-template-columns:1fr 1fr;padding:44px 12px 28px}.sig-claim{padding:10px!important}.sig-thumb{width:38px;height:38px}.sig-claim b{font-size:22px}.sig-claim span{font-size:10px}.sig-caption h2{font-size:23px}\n .formula-chamber{padding:52px 16px 44px}.formula-heading h2{font-size:34px}.ingredient{font-size:10px}.formula-note{font-size:17px}\n .power-words div{font-size:20px;min-height:58px}\n .collection-intro{padding:50px 18px 26px}.collection-intro h2{font-size:34px}.collection-intro>p:last-child{font-size:17px}.collection-grid{grid-template-columns:1fr;padding:0 12px 12px}.collection-grid .gate{height:375px}.collection-grid .gate-type,.collection-grid .trial-gate .gate-type{font-size:34px}.collection-grid .gate-price small{font-size:16px}.collection-grid .gate-price strong{font-size:48px}.collection-grid .gate-action,.collection-grid .trial-gate .gate-action{font-size:14px}.order-facts{font-size:15px}.member-link{font-size:15px}\n .proof-wall{padding:58px 10px 76px}.proof-wall h2{font-size:34px}.proof-feature{margin:20px 2px 26px;padding:14px}.proof-feature-copy strong{font-size:25px}.proof-feature-copy p{font-size:17px}.proof-feature-image{min-height:360px;max-height:520px;padding:7px}.proof-mosaic{grid-template-rows:145px!important;grid-auto-columns:128px!important}.testimonial-card,.testimonial-card:nth-child(5n+1),.testimonial-card:nth-child(7n+3){height:145px}.proof-cta{grid-template-columns:1fr;padding:17px}.proof-buy{font-size:14px}.proof-cta strong{font-size:21px}\n .faq-lines{padding:58px 16px 70px}.faq-heading h2{font-size:33px}.faq-intro{font-size:17px}.faq-stack summary{font-size:18px}.faq-stack p{font-size:17px}\n}\n /* Final low-vision floor for compact mobile labels */ @media (max-width:640px){.sig-claim span{font-size:12px}.ingredient{font-size:12px}.top-order{font-size:14px}.hero-meta span,.hero-meta small{font-size:11px}.live-stats b em{font-size:11px}} /* ========================================================= V7.3 — 11 SIGNATURE / VISUAL-FIRST LUXURY GALLERY Replaces the small orbit treatment with image-led editorial cards. ========================================================= */ .signature-universe{ height:auto!important; min-height:0!important; padding:96px clamp(24px,5vw,78px) 74px!important; position:relative; overflow:hidden; background: radial-gradient(circle at 74% 12%,rgba(255,207,72,.14),transparent 24%), radial-gradient(circle at 15% 72%,rgba(177,108,10,.09),transparent 25%), linear-gradient(180deg,#050505 0%,#0b0803 46%,#050505 100%)!important; border-top:1px solid rgba(255,220,112,.18); border-bottom:1px solid rgba(255,220,112,.14) } .signature-universe:before{ content:""!important;position:absolute!important;inset:28px!important;opacity:1!important; background:none!important;mask-image:none!important; border:1px solid rgba(255,224,132,.10);pointer-events:none } .signature-universe:after{ content:"11";position:absolute;right:-.01em;top:-.13em;font:900 clamp(190px,26vw,430px)/1 Arial,Helvetica,sans-serif; color:transparent;-webkit-text-stroke:1px rgba(255,220,108,.055);letter-spacing:-.08em;pointer-events:none } .sig-orbit,.sig-center,.sig-caption{display:none!important} .signature-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,.42fr) minmax(480px,1fr);column-gap:7vw;row-gap:18px;align-items:end;max-width:1500px;margin:0 auto 42px} .signature-kicker{display:flex;align-items:center;gap:18px;align-self:start}.signature-kicker>span{font:900 clamp(68px,6vw,108px)/.8 Arial,Helvetica,sans-serif;color:var(--gold2);letter-spacing:-.065em;text-shadow:0 10px 32px rgba(205,139,22,.20)} .signature-kicker .micro{margin:0 0 8px;font-size:13px;letter-spacing:.20em}.signature-kicker small{display:block;color:#c0b49e;font-size:13px;font-weight:700;letter-spacing:.07em} .signature-heading h2{margin:0;font:900 clamp(43px,4.8vw,78px)/.93 Arial,Helvetica,sans-serif;letter-spacing:-.045em;color:#fff0bd;max-width:850px;text-wrap:balance} .signature-heading>p{grid-column:2;margin:0;max-width:760px;color:#d2c8b7;font-size:18px;line-height:1.6} .signature-gallery{position:relative;z-index:2;max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:16px} .signature-gallery .sig-claim{ position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important; display:block!important;max-width:none!important;width:auto!important;height:300px;margin:0;padding:0!important;overflow:hidden;text-align:left!important; border:1px solid rgba(255,220,112,.19);background:#0a0906;box-shadow:0 22px 58px rgba(0,0,0,.38);isolation:isolate } .signature-gallery .sig-claim:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.03) 18%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.94) 100%);pointer-events:none} .signature-gallery .sig-claim:after{content:"";position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 0 1px rgba(255,240,184,.03);pointer-events:none} .signature-gallery .sig-claim:hover{border-color:rgba(255,222,114,.52);box-shadow:0 28px 76px rgba(0,0,0,.52),0 0 0 1px rgba(255,202,50,.08);transform:translateY(-3px)!important} .signature-gallery .sig-thumb{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center!important;filter:saturate(.94) contrast(1.05) brightness(.91)!important;transition:transform .55s ease,filter .35s ease;box-shadow:none!important} .signature-gallery .sig-claim:hover .sig-thumb{transform:scale(1.035);filter:saturate(1) contrast(1.06) brightness(.98)!important} .sig-overlay{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:end;column-gap:13px} .sig-overlay i{grid-row:1/3;align-self:end;font:800 12px/1 Arial,Helvetica,sans-serif;color:var(--gold);font-style:normal;letter-spacing:.12em;padding-bottom:4px} .sig-overlay b{display:block!important;font:900 clamp(31px,2.9vw,48px)/.86 Arial,Helvetica,sans-serif!important;letter-spacing:-.035em!important;color:#fff0bd!important;text-shadow:0 5px 18px rgba(0,0,0,.72);white-space:nowrap} .sig-overlay span{display:block!important;margin:7px 0 0!important;font:800 13px/1.18 Arial,Helvetica,sans-serif!important;letter-spacing:.08em!important;color:#fff!important;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.9)} .signature-gallery .s1{grid-column:span 6;height:430px}.signature-gallery .s2{grid-column:span 6;height:430px}.signature-gallery .s1 .sig-overlay b,.signature-gallery .s2 .sig-overlay b{font-size:clamp(48px,5vw,78px)!important}.signature-gallery .s1 .sig-overlay span,.signature-gallery .s2 .sig-overlay span{font-size:15px!important} .signature-gallery .s3,.signature-gallery .s4,.signature-gallery .s5{grid-column:span 4}.signature-gallery .s6,.signature-gallery .s7,.signature-gallery .s8{grid-column:span 4}.signature-gallery .s9{grid-column:span 4}.signature-gallery .s10{grid-column:span 4}.signature-gallery .s11{grid-column:span 4} .signature-footerline{position:relative;z-index:2;max-width:1500px;margin:28px auto 0;display:flex;align-items:center;gap:18px;color:#8f846f;font-size:12px;font-weight:800;letter-spacing:.14em}.signature-footerline span{color:var(--gold2)}.signature-footerline i{height:1px;background:linear-gradient(90deg,rgba(255,211,90,.48),rgba(255,211,90,.04));flex:1}.signature-footerline strong{font-size:11px;color:#aa9c83} @media (max-width:1180px){ .signature-universe{padding:76px 28px 62px!important}.signature-heading{grid-template-columns:1fr 1.7fr;column-gap:4vw}.signature-gallery .sig-claim{height:270px}.signature-gallery .s1,.signature-gallery .s2{height:380px} } @media (max-width:900px){ .signature-universe{display:block!important;padding:62px 18px 48px!important}.signature-universe:before{inset:12px!important}.signature-heading{display:block;margin-bottom:30px}.signature-kicker{margin-bottom:18px}.signature-heading h2{font-size:clamp(38px,8vw,60px);max-width:680px}.signature-heading>p{margin-top:16px;font-size:17px}.signature-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.signature-gallery .sig-claim,.signature-gallery .s1,.signature-gallery .s2,.signature-gallery .s3,.signature-gallery .s4,.signature-gallery .s5,.signature-gallery .s6,.signature-gallery .s7,.signature-gallery .s8,.signature-gallery .s9,.signature-gallery .s10,.signature-gallery .s11{grid-column:auto!important;height:260px!important}.signature-gallery .s1,.signature-gallery .s2{height:340px!important}.sig-overlay{left:15px;right:15px;bottom:14px}.sig-overlay b,.signature-gallery .s1 .sig-overlay b,.signature-gallery .s2 .sig-overlay b{font-size:clamp(30px,6vw,48px)!important}.sig-overlay span,.signature-gallery .s1 .sig-overlay span,.signature-gallery .s2 .sig-overlay span{font-size:12px!important}.signature-footerline{font-size:10px}.signature-footerline strong{display:none} } @media (max-width:560px){ .signature-universe{padding:54px 12px 42px!important}.signature-kicker>span{font-size:70px}.signature-kicker .micro{font-size:11px}.signature-kicker small{font-size:11px}.signature-heading h2{font-size:38px}.signature-heading>p{font-size:16px;line-height:1.5}.signature-gallery{grid-template-columns:1fr!important;gap:10px!important}.signature-gallery .sig-claim,.signature-gallery .s1,.signature-gallery .s2,.signature-gallery .s3,.signature-gallery .s4,.signature-gallery .s5,.signature-gallery .s6,.signature-gallery .s7,.signature-gallery .s8,.signature-gallery .s9,.signature-gallery .s10,.signature-gallery .s11{height:315px!important}.signature-gallery .s1,.signature-gallery .s2{height:360px!important}.sig-overlay{left:18px;right:18px;bottom:17px}.sig-overlay b,.signature-gallery .s1 .sig-overlay b,.signature-gallery .s2 .sig-overlay b{font-size:44px!important}.sig-overlay span,.signature-gallery .s1 .sig-overlay span,.signature-gallery .s2 .sig-overlay span{font-size:13px!important}.signature-footerline{margin-top:20px}.signature-footerline span{font-size:11px} } /* ========================================================= V7.4 — SIX HERBS / LUXURY BOTANICAL ARCHIVE Visual-first editorial composition; eye-friendly Arial. ========================================================= */ .botanical-archive{ min-height:0!important;padding:96px clamp(24px,6vw,92px) 86px!important;position:relative;overflow:hidden; background: radial-gradient(circle at 86% 5%,rgba(255,205,74,.12),transparent 27%), radial-gradient(circle at 14% 92%,rgba(159,93,7,.10),transparent 30%), linear-gradient(180deg,#070604 0%,#0d0903 52%,#050505 100%)!important; border-bottom:1px solid rgba(255,218,106,.14) } .botanical-archive:before{content:"BOTANICAL";position:absolute;right:-.03em;top:-.16em;font:900 clamp(120px,17vw,260px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,219,107,.045);pointer-events:none} .botanical-heading{position:relative;z-index:2;max-width:1500px;margin:0 auto 38px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.58fr);gap:5vw;align-items:end;text-align:left!important} .botanical-heading h2{margin:8px 0 0!important;font:900 clamp(42px,4.9vw,76px)/.94 Arial,Helvetica,sans-serif!important;letter-spacing:-.045em!important;color:#fff0bd!important;max-width:840px} .botanical-heading-copy{padding:0 0 5px 26px;border-left:1px solid rgba(255,215,95,.30)} .botanical-heading-copy strong{display:block;color:var(--gold2);font-size:14px;line-height:1.3;letter-spacing:.12em;font-weight:900} .botanical-heading-copy p{margin:13px 0 0;color:#d6ccba;font-size:18px;line-height:1.55;max-width:540px} .herb-gallery{position:relative;z-index:2;max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:245px;grid-auto-flow:dense;gap:16px} .herb-card{position:relative;grid-column:span 5;overflow:hidden;background:#090805;border:1px solid rgba(255,218,107,.18);box-shadow:0 24px 64px rgba(0,0,0,.42);isolation:isolate} .herb-card:nth-child(3){grid-column:span 5}.herb-card:nth-child(4),.herb-card:nth-child(5),.herb-card:nth-child(6){grid-column:span 4} .herb-card.herb-feature{grid-column:span 7;grid-row:span 2} .herb-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.08) brightness(.78);transform:scale(1.005);transition:transform .6s ease,filter .4s ease} .herb-feature img{object-position:center 45%}.herb-card:nth-child(2) img{object-position:center 58%}.herb-card:nth-child(3) img{object-position:center 45%}.herb-card:nth-child(5) img{object-position:center 48%}.herb-card:nth-child(6) img{object-position:center 38%} .herb-botanical-plate img{filter:sepia(.8) saturate(.75) contrast(1.18) brightness(.67)} .herb-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 18%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.94) 100%)} .herb-card:after{content:"";position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 0 1px rgba(255,240,184,.025);pointer-events:none} .herb-card:hover{border-color:rgba(255,222,114,.48);box-shadow:0 30px 78px rgba(0,0,0,.56),0 0 0 1px rgba(255,201,46,.06)} .herb-card:hover img{transform:scale(1.035);filter:saturate(.96) contrast(1.08) brightness(.88)} .herb-no{position:absolute;z-index:4;right:18px;top:16px;font:900 14px/1 Arial,Helvetica,sans-serif;color:#f1cb61;letter-spacing:.10em;background:rgba(0,0,0,.50);border:1px solid rgba(255,218,107,.22);padding:8px 9px} .herb-copy{position:absolute;z-index:4;left:22px;right:22px;bottom:20px} .herb-copy small{display:block;margin-bottom:8px;color:#e8c663;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.13em} .herb-copy h3{margin:0;color:#fff0bd;font:900 clamp(28px,2.8vw,46px)/.9 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-shadow:0 6px 22px rgba(0,0,0,.75)} .herb-feature .herb-copy h3{font-size:clamp(46px,5.4vw,86px)} .herb-copy p{margin:9px 0 0;color:#fff;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.10em;text-shadow:0 3px 14px rgba(0,0,0,.86)} .formula-bottomline{position:relative;z-index:2;max-width:1500px;margin:26px auto 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding-top:20px;border-top:1px solid rgba(255,216,103,.14)} .botanical-archive .formula-note{margin:0;text-align:left;max-width:920px;font-size:18px;line-height:1.6;color:#d8cebc} .herb-credits-link{color:#a99979;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.11em;text-decoration:none;white-space:nowrap}.herb-credits-link:hover{color:var(--gold2)} @media (max-width:1050px){ .botanical-archive{padding:76px 28px 68px!important}.botanical-heading{grid-template-columns:1fr;gap:22px}.botanical-heading-copy{max-width:720px;padding-left:18px}.herb-gallery{grid-auto-rows:220px}.herb-card.herb-feature{grid-column:span 7}.herb-card{grid-column:span 5}.herb-copy h3{font-size:32px}.herb-feature .herb-copy h3{font-size:58px} } @media (max-width:760px){ .botanical-archive{padding:62px 16px 58px!important}.botanical-heading{margin-bottom:28px}.botanical-heading h2{font-size:clamp(38px,9vw,58px)!important}.botanical-heading-copy p{font-size:17px}.herb-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px}.herb-card,.herb-card:nth-child(3),.herb-card:nth-child(4),.herb-card:nth-child(5),.herb-card:nth-child(6){grid-column:auto;height:275px}.herb-card.herb-feature{grid-column:1/-1;grid-row:auto;height:420px}.herb-copy{left:15px;right:15px;bottom:15px}.herb-copy h3{font-size:30px}.herb-feature .herb-copy h3{font-size:52px}.herb-copy p{font-size:12px}.herb-no{right:12px;top:12px;font-size:12px}.formula-bottomline{grid-template-columns:1fr;gap:14px}.botanical-archive .formula-note{font-size:17px}.herb-credits-link{white-space:normal} } @media (max-width:520px){ .botanical-archive{padding:54px 12px 50px!important}.botanical-heading h2{font-size:38px!important}.botanical-heading-copy{padding-left:13px}.botanical-heading-copy strong{font-size:12px}.botanical-heading-copy p{font-size:16px}.herb-gallery{grid-template-columns:1fr}.herb-card,.herb-card:nth-child(3),.herb-card:nth-child(4),.herb-card:nth-child(5),.herb-card:nth-child(6),.herb-card.herb-feature{grid-column:1!important;height:330px}.herb-card.herb-feature{height:390px}.herb-copy h3{font-size:38px}.herb-feature .herb-copy h3{font-size:48px}.herb-copy small{font-size:11px}.herb-copy p{font-size:13px}.botanical-archive .formula-note{font-size:16px;line-height:1.55} } /* V7.5 TESTIMONIALS — FLAT GALLERY, ONE TAP TO FULLSCREEN */ .proof-wall{padding-top:82px;padding-bottom:104px;background:radial-gradient(circle at 52% 8%,rgba(227,161,27,.14),transparent 26%),linear-gradient(180deg,#050505 0,#0b0803 45%,#050505 100%)} .proof-wall header{margin-bottom:24px}.proof-count span{font-size:clamp(38px,4vw,58px);font-weight:900;line-height:.9}.proof-count small{font-size:12px;color:#c8bda7} .proof-gallery-intro{margin:0 1.5vw 26px;padding:20px 0 18px;border-top:1px solid rgba(255,217,101,.20);border-bottom:1px solid rgba(255,217,101,.13);display:grid;grid-template-columns:minmax(260px,.65fr) 1.35fr;gap:34px;align-items:end}.proof-gallery-intro span{display:block;color:#d8a52f;font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}.proof-gallery-intro strong{display:block;color:#fff0c3;font-size:clamp(25px,2.6vw,38px);line-height:1;font-weight:900}.proof-gallery-intro p{margin:0;color:#d7cebe;font-size:18px;line-height:1.5;max-width:720px} .proof-mosaic{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:14px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0 1.5vw 8px!important;background:transparent!important;border:0!important} .testimonial-card,.testimonial-card:nth-child(5n+1),.testimonial-card:nth-child(7n+3){position:relative!important;grid-row:auto!important;width:auto!important;height:auto!important;aspect-ratio:4/5;overflow:hidden;cursor:pointer;background:#0a0a0a;border:1px solid rgba(255,218,105,.18)!important;box-shadow:0 16px 34px rgba(0,0,0,.34);opacity:1!important;transform:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} .testimonial-card:hover,.testimonial-card:focus-visible{transform:translateY(-4px)!important;border-color:rgba(255,218,105,.65)!important;box-shadow:0 22px 46px rgba(0,0,0,.52);outline:none}.testimonial-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04);transition:transform .25s ease,filter .25s ease}.testimonial-card:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.03)} .testimonial-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.83) 100%);pointer-events:none}.testimonial-card span{z-index:2;left:10px!important;right:10px;bottom:9px!important;padding:0!important;background:transparent!important;display:flex;justify-content:space-between;align-items:center;color:#fff0c3!important;letter-spacing:.08em!important}.testimonial-card span b{font-size:14px}.testimonial-card span em{font-style:normal;font-size:10px;font-weight:900;color:#e2ac35} .proof-controls{margin-top:26px;font-size:14px;letter-spacing:.08em}.proof-controls button{width:52px;height:52px;background:rgba(255,211,90,.06);border-color:rgba(255,211,90,.38);font-size:24px}.proof-controls span{min-width:145px;text-align:center;color:#d5c9b6;font-weight:800} #imageModal{background:rgba(0,0,0,.95);backdrop-filter:blur(10px);padding:64px 76px 58px}.image-modal-panel{width:100%;height:100%;max-width:none;max-height:none;display:grid;place-items:center}.image-modal-panel img{max-width:min(92vw,1450px);max-height:88vh;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.75)}.image-modal-panel .modal-close{position:fixed;z-index:3;top:18px;right:22px;width:52px;height:52px;border:1px solid rgba(255,217,101,.38);background:rgba(8,8,8,.78);color:#fff0c3;font-size:34px;line-height:1}.image-arrow{z-index:3;width:58px;height:58px;border:1px solid rgba(255,217,101,.45);background:rgba(5,5,5,.76);color:#ffd766;font-size:28px}.image-arrow:hover{background:#d8a52f;color:#080808}#modalCount{z-index:3;bottom:18px;color:#fff0c3;background:rgba(5,5,5,.82);border:1px solid rgba(255,217,101,.22);font-size:14px;letter-spacing:.08em;padding:9px 14px} @media(max-width:1100px){.proof-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))!important}.proof-gallery-intro{grid-template-columns:1fr;gap:12px}.proof-gallery-intro p{font-size:17px}} @media(max-width:640px){.proof-wall{padding:56px 12px 72px}.proof-wall header{display:grid;grid-template-columns:1fr auto;gap:14px;padding:0}.proof-wall h2{font-size:34px}.proof-count{text-align:right;margin-top:0}.proof-count span{font-size:35px}.proof-count small{font-size:9px}.proof-gallery-intro{margin:0 0 20px;padding:17px 0}.proof-gallery-intro strong{font-size:25px}.proof-gallery-intro p{font-size:16px;line-height:1.5}.proof-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important}.testimonial-card,.testimonial-card:nth-child(5n+1),.testimonial-card:nth-child(7n+3){height:auto!important;aspect-ratio:4/5}.testimonial-card span b{font-size:13px}.testimonial-card span em{font-size:9px}.proof-controls{gap:14px;margin-top:20px}.proof-controls button{width:48px;height:48px}.proof-controls span{min-width:118px;font-size:12px}#imageModal{padding:58px 10px 56px}.image-modal-panel img{max-width:96vw;max-height:82vh}.image-arrow{width:46px;height:46px;font-size:23px;top:auto;bottom:12px;transform:none}.image-arrow.left{left:14px}.image-arrow.right{right:14px}.image-modal-panel .modal-close{top:10px;right:10px;width:46px;height:46px;font-size:30px}#modalCount{bottom:14px;font-size:12px}} /* ========================================================= V7.6 — FAQ EMPHASIS + BRAND IDENTITY PLACEMENT Keeps product hierarchy clean; supporting marks only where useful. ========================================================= */ .faq-answer strong{color:#fff0bd;font-weight:900} .faq-disclaimer{display:block;margin-top:13px;color:#a99f8d;font-size:15px;line-height:1.55;font-weight:700} .brand-identity-strip{margin:28px clamp(18px,4vw,64px) 0;padding:20px 22px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.42fr) minmax(170px,.42fr);gap:18px;align-items:center;border-top:1px solid rgba(255,219,105,.22);border-bottom:1px solid rgba(255,219,105,.14);background:linear-gradient(90deg,rgba(255,211,90,.055),rgba(255,255,255,.015),rgba(255,211,90,.045))} .brand-identity-copy small{display:block;color:#d3a42f;font-size:11px;letter-spacing:.15em;font-weight:900;margin-bottom:7px}.brand-identity-copy strong{display:block;color:#e9dfcb;font-size:16px;line-height:1.45;max-width:650px} .brand-mark{min-height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border-left:1px solid rgba(255,219,105,.16)}.brand-mark img{object-fit:contain;filter:drop-shadow(0 9px 20px rgba(0,0,0,.35))}.product-mark img{width:min(190px,90%)}.network-mark img{width:min(115px,76%)}.brand-mark span{color:#b9ad96;font-size:10px;letter-spacing:.14em;font-weight:900;text-align:center} @media (max-width:900px){.brand-identity-strip{grid-template-columns:1fr 1fr;padding:18px}.brand-identity-copy{grid-column:1/-1}.brand-mark{border-left:0;border-top:1px solid rgba(255,219,105,.14)}} @media (max-width:560px){.brand-identity-strip{grid-template-columns:1fr;margin:20px 12px 0}.brand-identity-copy{grid-column:auto}.brand-mark{min-height:92px}.product-mark img{width:170px}.network-mark img{width:105px}.faq-disclaimer{font-size:14px}} /* V7.7 — SIX HERBS: IMAGE + BENEFIT TEXT IN ONE CARD */ .herbs-v77{padding-top:88px!important;padding-bottom:78px!important} .herbs-v77 .herb-gallery{max-width:1480px;margin:0 auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:18px!important} .herbs-v77 .herb-card,.herbs-v77 .herb-card:nth-child(n),.herbs-v77 .herb-card.herb-feature{position:relative!important;display:grid!important;grid-template-columns:minmax(230px,.88fr) minmax(0,1.12fr)!important;grid-column:auto!important;grid-row:auto!important;height:auto!important;min-height:360px!important;overflow:hidden!important;background:linear-gradient(135deg,#0d0b07 0%,#070706 100%)!important;border:1px solid rgba(255,218,107,.22)!important;box-shadow:0 22px 58px rgba(0,0,0,.40)!important} .herbs-v77 .herb-card:before{content:"";position:absolute;z-index:3;left:42%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,218,107,.26),transparent);pointer-events:none} .herbs-v77 .herb-visual{position:relative;min-height:360px;overflow:hidden;background:#050505} .herbs-v77 .herb-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.02) 42%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.35));pointer-events:none} .herbs-v77 .herb-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.88) contrast(1.06) brightness(.83)!important;transform:none!important;transition:transform .55s ease,filter .4s ease!important} .herbs-v77 .herb-card:nth-child(4) img{object-position:center 55%!important}.herbs-v77 .herb-card:nth-child(5) img{object-position:center 38%!important}.herbs-v77 .herb-card:nth-child(6) img{object-position:center 48%!important} .herbs-v77 .herb-card:hover img{transform:scale(1.035)!important;filter:saturate(.98) contrast(1.07) brightness(.9)!important} .herbs-v77 .herb-no{z-index:5;right:14px;top:14px;background:rgba(4,4,4,.72);backdrop-filter:blur(5px);font-size:12px;padding:8px 10px} .herbs-v77 .herb-copy{position:relative!important;z-index:4!important;left:auto!important;right:auto!important;bottom:auto!important;padding:32px 30px 28px;display:flex;flex-direction:column;justify-content:center;min-width:0} .herbs-v77 .herb-copy small{margin:0 0 10px;color:#d8b74f;font-size:11px;letter-spacing:.13em;font-weight:900} .herbs-v77 .herb-copy h3{margin:0 0 14px;color:#fff1bd;font:900 clamp(30px,2.6vw,44px)/.93 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-shadow:none!important} .herbs-v77 .herb-copy>strong{display:block;margin:0 0 13px;color:#ffd85c;font:900 14px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.045em} .herbs-v77 .herb-copy p{margin:0!important;color:#eee7d9!important;font-size:17px!important;line-height:1.52!important;font-weight:500!important;letter-spacing:0!important;text-shadow:none!important;max-width:520px} .herbs-v77 .formula-bottomline{margin-top:24px}.herbs-v77 .herb-source-note{color:#9d927d;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.10em;text-align:right} @media(max-width:1150px){.herbs-v77 .herb-gallery{grid-template-columns:1fr!important}.herbs-v77 .herb-card,.herbs-v77 .herb-card:nth-child(n){grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important;min-height:330px!important}.herbs-v77 .herb-visual{min-height:330px}.herbs-v77 .herb-card:before{left:40%}} @media(max-width:700px){.herbs-v77{padding:58px 12px 54px!important}.herbs-v77 .herb-gallery{gap:13px!important}.herbs-v77 .herb-card,.herbs-v77 .herb-card:nth-child(n){display:block!important;min-height:0!important}.herbs-v77 .herb-card:before{display:none}.herbs-v77 .herb-visual{min-height:250px;height:250px}.herbs-v77 .herb-visual:after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.44) 100%)}.herbs-v77 .herb-copy{padding:22px 20px 24px}.herbs-v77 .herb-copy h3{font-size:34px}.herbs-v77 .herb-copy>strong{font-size:13px}.herbs-v77 .herb-copy p{font-size:16px!important;line-height:1.5!important}.herbs-v77 .formula-bottomline{grid-template-columns:1fr!important}.herbs-v77 .herb-source-note{text-align:left}} /* ========================================================= V7.8 — PREMIUM SPACE COMPOSITION Poster-archive ideas reinterpreted as mature editorial details. Old shield-style BangsaEPM logo is intentionally NOT used. ========================================================= */ /* LEGACY — use the empty lower-right area as an editorial archive ledger */ .legacy-archive-panel{ position:absolute;z-index:3;left:47%;right:7vw;bottom:115px; min-height:270px;padding:24px 26px 22px; border-top:1px solid rgba(255,216,92,.62); border-bottom:1px solid rgba(255,216,92,.18); background: linear-gradient(90deg,rgba(255,211,90,.055),rgba(255,211,90,.012) 52%,transparent), rgba(8,8,8,.58); backdrop-filter:blur(4px); } .legacy-archive-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,216,92,.14)} .legacy-archive-head span,.legacy-archive-head b{font-size:10px;letter-spacing:.18em;font-weight:900} .legacy-archive-head span{color:#e4b72f}.legacy-archive-head b{color:#807765} .legacy-archive-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px} .legacy-archive-track article{position:relative;padding:0 14px 0 0;min-width:0} .legacy-archive-track article:not(:last-child):after{content:"";position:absolute;right:8px;top:2px;bottom:2px;width:1px;background:linear-gradient(transparent,rgba(255,214,90,.22),transparent)} .legacy-archive-track i{display:block;font-style:normal;color:#6e6556;font-size:9px;letter-spacing:.14em;margin-bottom:7px} .legacy-archive-track strong{display:block;color:#fff0bd;font:900 clamp(24px,2.35vw,38px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em} .legacy-archive-track span{display:block;margin-top:7px;color:#a99e89;font-size:9px;font-weight:900;letter-spacing:.12em;line-height:1.35} .legacy-archive-panel>p{max-width:700px;margin:19px 0 0;color:#c7bcaa;font-size:15px;line-height:1.55} .legacy-geometry{position:absolute;z-index:1;right:-5vw;bottom:85px;width:360px;height:320px;opacity:.38;pointer-events:none} .legacy-geometry i{position:absolute;width:120px;height:120px;border:1px solid rgba(255,214,90,.28);transform:rotate(45deg)} .legacy-geometry i:nth-child(1){right:18px;bottom:20px}.legacy-geometry i:nth-child(2){right:95px;bottom:97px;width:88px;height:88px}.legacy-geometry i:nth-child(3){right:8px;bottom:160px;width:54px;height:54px;border-color:rgba(255,214,90,.48)} /* FAQ — purposeful anchor in the previously empty left column */ .faq-heading{position:relative} .faq-assurance{margin-top:46px;max-width:500px;padding:22px 0 0;border-top:1px solid rgba(255,216,92,.25)} .faq-assurance-kicker{display:block;color:#d4a82b;font-size:10px;font-weight:900;letter-spacing:.17em;margin-bottom:13px} .faq-assurance>strong{display:block;color:#efe4ce;font:900 clamp(21px,2vw,29px)/1.18 Arial,Helvetica,sans-serif;letter-spacing:.01em} .faq-assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px} .faq-assurance-grid span{min-height:82px;padding:13px 12px;border:1px solid rgba(255,216,92,.16);background:linear-gradient(145deg,rgba(255,211,90,.045),rgba(255,255,255,.012))} .faq-assurance-grid b{display:block;color:#ffd65d;font:900 24px/1 Arial,Helvetica,sans-serif} .faq-assurance-grid small{display:block;margin-top:9px;color:#948a78;font-size:8px;font-weight:900;letter-spacing:.11em;line-height:1.35} /* FOOTER — fill negative space with a restrained prestige ledger */ .mega-footer{min-height:650px;padding-top:82px} .footer-ledger{position:relative;z-index:2;width:min(650px,51vw);padding-top:10px} .footer-ledger-title span{display:block;color:#d7a929;font-size:10px;font-weight:900;letter-spacing:.19em;margin-bottom:12px} .footer-ledger-title strong{display:block;color:#f0e4ca;font:900 clamp(28px,3vw,45px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.025em} .footer-ledger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:27px;border-top:1px solid rgba(255,216,92,.26);border-bottom:1px solid rgba(255,216,92,.14)} .footer-ledger-grid div{padding:17px 13px 15px 0;position:relative} .footer-ledger-grid div:not(:last-child):after{content:"";position:absolute;right:10px;top:12px;bottom:12px;width:1px;background:rgba(255,216,92,.13)} .footer-ledger-grid b{display:block;color:#ffd358;font:900 clamp(21px,2vw,30px)/1 Arial,Helvetica,sans-serif} .footer-ledger-grid span{display:block;margin-top:8px;color:#8f8574;font-size:8px;font-weight:900;letter-spacing:.12em;line-height:1.35} .footer-ledger>p{max-width:590px;margin:20px 0 0;color:#a69b88;font-size:14px;line-height:1.62} .footer-info{position:absolute;right:7vw;top:90px;width:min(420px,32vw);max-width:none} .footer-diamonds{position:absolute;right:3vw;bottom:42px;width:360px;height:360px;opacity:.26;pointer-events:none} .footer-diamonds i{position:absolute;border:1px solid rgba(255,211,90,.34);transform:rotate(45deg)} .footer-diamonds i:nth-child(1){width:170px;height:170px;right:10px;bottom:15px} .footer-diamonds i:nth-child(2){width:105px;height:105px;right:145px;bottom:150px} .footer-diamonds i:nth-child(3){width:58px;height:58px;right:55px;bottom:245px;border-color:rgba(255,211,90,.5)} .footer-diamonds i:nth-child(4){width:30px;height:30px;right:250px;bottom:90px;background:rgba(255,211,90,.08)} .footer-word{opacity:.72} /* Responsive composition */ @media(max-width:1000px){ .legacy-monument{min-height:1180px} .legacy-archive-panel{left:47%;right:5vw;bottom:105px} .legacy-archive-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0} .legacy-archive-track article:nth-child(2):after{display:none} .footer-ledger{width:55vw}.footer-info{width:31vw;right:5vw} } @media(max-width:760px){ .legacy-monument{min-height:1040px;padding:80px 18px 100px} .legacy-archive-panel{position:absolute;left:18px;right:18px;bottom:78px;min-height:0;padding:18px} .legacy-archive-panel>p{font-size:14px} .legacy-geometry{display:none} .faq-assurance{margin-top:30px;max-width:none}.faq-assurance-grid{grid-template-columns:repeat(3,1fr)} .mega-footer{min-height:760px;padding:62px 20px 82px} .footer-ledger{width:100%;padding-right:0} .footer-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .footer-info{position:absolute;left:20px;right:20px;top:auto;bottom:105px;width:auto;text-align:left} .footer-info img{margin-left:0;width:210px}.footer-info p{margin:14px 0 20px} .footer-diamonds{right:-80px;bottom:75px;transform:scale(.75)} .footer-word{bottom:150px} } @media(max-width:520px){ .legacy-archive-head{align-items:flex-start;flex-direction:column;gap:5px} .legacy-archive-track{grid-template-columns:repeat(2,minmax(0,1fr))} .legacy-archive-track strong{font-size:24px} .faq-assurance-grid{gap:7px}.faq-assurance-grid span{padding:11px 8px}.faq-assurance-grid b{font-size:21px} .footer-ledger-title strong{font-size:29px}.footer-ledger>p{font-size:13px} } /* ========================================================= V7.9 — BRIGHT ORDER REDRAW Approved black + luminous metallic gold redraw. Removes the previous dark overlay and duplicate HTML pricing. ========================================================= */ .collection-grid{grid-template-columns:1.068fr 1fr!important;gap:18px!important;align-items:start} .collection-grid .gate{height:auto!important;background:#080604!important;border:1px solid rgba(255,211,90,.58)!important;border-top:1px solid rgba(255,226,123,.82)!important;box-shadow:0 26px 82px rgba(0,0,0,.48),0 0 38px rgba(226,157,25,.10)!important} .collection-grid .full-gate{aspect-ratio:788/684} .collection-grid .trial-gate{aspect-ratio:738/684} .collection-grid .gate img{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;filter:none!important;opacity:1!important} .collection-grid .gate:after,.collection-grid .trial-gate:after{display:none!important;background:none!important} .collection-grid .full-gate:before{display:none!important} /* The artwork already includes the visible gold buttons. Keep real HTML buttons as click targets over them. */ .collection-grid .gate-action,.collection-grid .trial-gate .gate-action{ position:absolute!important;z-index:7!important;left:3.5%!important;right:auto!important;bottom:2.7%!important; width:39.5%!important;height:9.2%!important;padding:0!important;margin:0!important; border:0!important;background:transparent!important;box-shadow:none!important;color:transparent!important; font-size:1px!important;line-height:1!important;overflow:hidden!important;opacity:.01!important; } .collection-grid .trial-gate .gate-action{left:3.8%!important;bottom:7.0%!important;width:39.5%!important;height:8.6%!important} .collection-grid .gate:hover{transform:translateY(-2px);border-color:rgba(255,224,119,.92)!important;box-shadow:0 30px 90px rgba(0,0,0,.54),0 0 44px rgba(230,164,29,.16)!important} .collection-grid .gate:focus-within{outline:2px solid rgba(255,221,111,.92);outline-offset:3px} @media(max-width:900px){ .collection-grid{grid-template-columns:1fr!important;gap:14px!important} .collection-grid .gate{width:100%!important} } @media(max-width:640px){ .collection-grid{padding-left:10px!important;padding-right:10px!important} .collection-grid .gate{border-color:rgba(255,211,90,.48)!important} } /* ========================================================= V7.11 — FINAL PRODUCTION POLISH Freeze-pass only: readability, visual consistency, touch targets, responsive spacing and final contrast. No redesign. ========================================================= */ html{scroll-padding-top:calc(var(--navh) + 18px)} body{padding-bottom:var(--stats)} /* Keep the approved order redraw bright and crisp without washing out the blacks. */ .collection-grid .gate img{ filter:brightness(1.055) contrast(1.025) saturate(1.055)!important; } .collection-grid .gate{ transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; } .collection-grid .gate-action, .collection-grid .trial-gate .gate-action{ cursor:pointer!important; min-height:44px!important; } .collection-grid .gate-action:focus-visible, .collection-grid .trial-gate .gate-action:focus-visible{ outline:3px solid rgba(255,239,175,.98)!important; outline-offset:-5px!important; opacity:.12!important; } /* Order support information: slightly larger floor for low-vision reading. */ .order-facts{ font-size:13px!important; line-height:1.55!important; color:#b8ae9d!important; } .order-facts b{color:#ffe08a!important} .member-link{ min-height:52px; font-size:13px!important; line-height:1.35; cursor:pointer; } .member-link:hover{border-color:rgba(255,224,119,.72)!important;background:rgba(255,211,90,.055)!important} /* Consistent interactive affordance across production buttons/links. */ button,a{touch-action:manipulation} .gold-button,.proof-buy,.faq-inline-action,.top-order,.chat-links a{ transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; } .gold-button:hover,.proof-buy:hover,.top-order:hover{ transform:translateY(-1px); } button:focus-visible,a:focus-visible{ outline:2px solid #ffe28d; outline-offset:3px; } /* FAQ polish: preserve strong hierarchy but prevent the left anchor from feeling detached. */ .faq-lines{align-items:start} .faq-heading{max-width:620px} .faq-assurance{box-shadow:0 24px 70px rgba(0,0,0,.16)} .faq-stack details{scroll-margin-top:calc(var(--navh) + 20px)} /* Footer polish: give the closing information a little more breathing room above the live bar. */ .mega-footer{padding-bottom:calc(72px + var(--stats))!important} .footer-info .gold-button{min-height:50px} .footer-meta{bottom:calc(24px + var(--stats))!important} /* Live bar: improve legibility without making it visually heavier. */ .live-stats{ min-height:var(--stats); padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); box-shadow:0 -10px 32px rgba(0,0,0,.24); } .live-stats em{font-weight:900} /* Responsive final pass */ @media(max-width:900px){ .order-facts{ grid-template-columns:1fr!important; gap:0!important; padding:10px 16px!important; margin-left:14px!important; margin-right:14px!important; } .order-facts span{ padding:11px 0!important; border-right:0!important; border-bottom:1px solid rgba(255,255,255,.07); } .order-facts span:last-child{border-bottom:0} .member-link{ margin-left:14px!important; margin-right:14px!important; width:calc(100% - 28px)!important; } .faq-heading{position:static!important} .mega-footer{padding-bottom:calc(96px + var(--stats))!important} } @media(max-width:640px){ .collection-intro p{font-size:16px!important;line-height:1.55!important} .order-facts{font-size:14px!important} .member-link{font-size:14px!important;padding:16px 14px!important} .chat-links a{min-height:48px;display:flex;align-items:center;justify-content:center} .footer-meta{ left:20px!important;right:20px!important; bottom:calc(18px + var(--stats))!important; font-size:10px!important; } .live-stats{ gap:12px!important; font-size:10px!important; letter-spacing:0!important; } .live-stats b{gap:4px!important} .live-stats i{font-size:14px!important} .live-stats em{font-size:10px!important} } @media(prefers-reduced-motion:reduce){ *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important} } /* ========================================================= V7.12 — 11 SIGNATURE REPAIR PASS Focused repair only: brighter visuals, more consistent treatment, less muddy contrast, cleaner overlays. No redraw yet. ========================================================= */ /* Section-level balance */ .signature-universe{ background: radial-gradient(circle at 76% 14%,rgba(255,207,72,.18),transparent 26%), radial-gradient(circle at 12% 76%,rgba(177,108,10,.10),transparent 28%), linear-gradient(180deg,#060606 0%,#0b0803 46%,#050505 100%)!important; } .signature-heading{ margin-bottom:30px!important; } .signature-heading p{ max-width:920px!important; color:#d2c6b0!important; } /* Gallery layout tightening */ .signature-gallery{ gap:14px!important; } .sig-claim{ border-color:rgba(255,220,112,.24)!important; background:#0b0906!important; box-shadow: 0 20px 56px rgba(0,0,0,.38), 0 0 0 1px rgba(255,222,140,.025) inset!important; transform:translateZ(0); } .sig-claim:hover{ border-color:rgba(255,225,122,.52)!important; box-shadow: 0 28px 72px rgba(0,0,0,.48), 0 0 34px rgba(230,165,31,.10), 0 0 0 1px rgba(255,230,155,.05) inset!important; } /* Brighter art, but keep black luxurious rather than washed out. */ .sig-claim img{ filter:brightness(0.94) contrast(1.06) saturate(1.02)!important; transform:scale(1.005); transition:transform .45s ease, filter .25s ease!important; } .sig-claim:hover img{ filter:brightness(0.98) contrast(1.08) saturate(1.05)!important; transform:scale(1.018)!important; } /* Per-card tuning for darker originals */ .signature-gallery .s1 img{filter:brightness(.96) contrast(1.07) saturate(1.03)!important} .signature-gallery .s2 img{filter:brightness(.95) contrast(1.06) saturate(1.03)!important} .signature-gallery .s3 img{filter:brightness(.97) contrast(1.05) saturate(1.02)!important} .signature-gallery .s4 img{filter:brightness(1.03) contrast(1.04) saturate(1.03)!important} .signature-gallery .s5 img{filter:brightness(.98) contrast(1.05) saturate(1.02)!important} .signature-gallery .s6 img{filter:brightness(.99) contrast(1.05) saturate(1.02)!important} .signature-gallery .s7 img{filter:brightness(.96) contrast(1.07) saturate(1.02)!important} .signature-gallery .s8 img{filter:brightness(.92) contrast(1.04) saturate(.99)!important} /* previously too bright */ .signature-gallery .s9 img{filter:brightness(1.04) contrast(1.03) saturate(1.02)!important} .signature-gallery .s10 img{filter:brightness(.98) contrast(1.05) saturate(1.01)!important} .signature-gallery .s11 img{filter:brightness(1.05) contrast(1.04) saturate(1.02)!important} /* Cleaner shadow plate so website overlay doesn't fight the original poster copy. */ .sig-claim:before{ content:""; position:absolute; inset:auto 0 0 0; height:38%; z-index:1; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.24) 24%, rgba(0,0,0,.78) 100%); pointer-events:none; } .sig-claim:after{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient(180deg, rgba(255,214,92,.035) 0%, transparent 25%, transparent 100%); box-shadow:inset 0 0 0 1px rgba(255,238,182,.028); pointer-events:none; } .sig-overlay{ position:absolute!important; z-index:3!important; left:18px!important; right:18px!important; bottom:16px!important; padding:14px 16px 13px!important; border:1px solid rgba(255,222,132,.16)!important; background: linear-gradient(180deg,rgba(26,18,8,.58),rgba(7,7,7,.78))!important; backdrop-filter:blur(3px); box-shadow:0 14px 36px rgba(0,0,0,.22); } .sig-overlay i{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:28px!important; height:28px!important; margin:0 0 9px!important; border-radius:999px!important; border:1px solid rgba(255,220,112,.28)!important; background:rgba(0,0,0,.35)!important; color:#f0cd6f!important; font:900 11px/1 Arial,Helvetica,sans-serif!important; letter-spacing:.12em!important; } .sig-overlay b{ display:block!important; margin:0!important; color:#fff0be!important; font:900 clamp(22px,2vw,30px)/.96 Arial,Helvetica,sans-serif!important; letter-spacing:-.025em!important; text-shadow:0 4px 18px rgba(0,0,0,.68)!important; } .sig-overlay span{ display:block!important; margin:7px 0 0!important; color:#ddb85d!important; font:900 10px/1.2 Arial,Helvetica,sans-serif!important; letter-spacing:.16em!important; text-transform:uppercase!important; text-shadow:0 3px 12px rgba(0,0,0,.82)!important; } .signature-gallery .s1 .sig-overlay b, .signature-gallery .s2 .sig-overlay b{ font-size:clamp(28px,2.8vw,40px)!important; } .signature-gallery .s1 .sig-overlay span, .signature-gallery .s2 .sig-overlay span{ font-size:12px!important; } /* Unified heights for the non-feature cards so the row feels more premium/ordered. */ .signature-gallery .s3, .signature-gallery .s4, .signature-gallery .s5, .signature-gallery .s6, .signature-gallery .s7, .signature-gallery .s8, .signature-gallery .s9, .signature-gallery .s10, .signature-gallery .s11{ min-height:272px!important; } /* Footer line refinement */ .signature-footerline{ margin-top:18px!important; opacity:.96; } .signature-footerline span{ color:#d9ac31!important; } .signature-footerline strong{ color:#b09f83!important; } /* Responsive tightening */ @media (max-width:1180px){ .signature-gallery{ gap:12px!important; } .sig-overlay{ left:14px!important; right:14px!important; bottom:14px!important; padding:12px 13px 12px!important; } .signature-gallery .s3, .signature-gallery .s4, .signature-gallery .s5, .signature-gallery .s6, .signature-gallery .s7, .signature-gallery .s8, .signature-gallery .s9, .signature-gallery .s10, .signature-gallery .s11{ min-height:246px!important; } } @media (max-width:900px){ .signature-universe{ padding-top:64px!important; padding-bottom:50px!important; } .signature-heading{ margin-bottom:20px!important; } .signature-gallery{ gap:10px!important; } .sig-overlay{ left:12px!important; right:12px!important; bottom:12px!important; padding:11px 12px 11px!important; } .sig-overlay b{ font-size:clamp(20px,5.2vw,28px)!important; } .sig-overlay span{ font-size:10px!important; letter-spacing:.13em!important; } } @media (max-width:560px){ .sig-claim img{ filter:brightness(.99) contrast(1.05) saturate(1.02)!important; } .signature-gallery .s8 img{ filter:brightness(.95) contrast(1.04) saturate(1)!important; } .sig-overlay{ left:10px!important; right:10px!important; bottom:10px!important; padding:10px 11px!important; } .sig-overlay i{ width:24px!important; height:24px!important; margin-bottom:7px!important; font-size:10px!important; } .sig-overlay b{ font-size:22px!important; } .sig-overlay span{ margin-top:5px!important; font-size:9px!important; letter-spacing:.11em!important; } } /* ========================================================= V7.12.1 — SIGNATURE BLACK-LINE HOTFIX Fixes selector-specificity collision from V7.12. ========================================================= */ /* Important: the older V7.3 selector is ".signature-gallery .sig-claim:before". V7.12 originally used the less-specific ".sig-claim:before", so old inset:0 remained while the new height:38% applied. That produced the horizontal black seam at 38% card height. */ .signature-gallery .sig-claim:before{ content:""!important; position:absolute!important; left:0!important; right:0!important; top:auto!important; bottom:0!important; width:auto!important; height:38%!important; z-index:2!important; background:linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.18) 28%, rgba(0,0,0,.72) 100% )!important; pointer-events:none!important; } .signature-gallery .sig-claim:after{ content:""!important; position:absolute!important; inset:0!important; z-index:2!important; background:linear-gradient( 180deg, rgba(255,214,92,.035) 0%, transparent 24%, transparent 100% )!important; box-shadow:inset 0 0 0 1px rgba(255,238,182,.028)!important; pointer-events:none!important; } .signature-gallery .sig-overlay{ z-index:4!important; }