:root{--bg:#0a0807;--panel:#13100e;--panel2:#1a1511;--gold:#d8ab62;--gold2:#f0d49a;--ink:#f8f2e8;--muted:#a89c8d;--line:#32291f;--shadow:0 30px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#261b10 0,transparent 32%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.topbar{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,100px);background:rgba(10,8,7,.82);backdrop-filter:blur(22px);border-bottom:1px solid rgba(216,171,98,.15)}.brand{display:flex;flex-direction:column;letter-spacing:.23em;color:var(--gold2);font-family:"Cormorant Garamond",serif;font-weight:700;font-size:20px}.brand small{font-family:Inter,sans-serif;font-size:8px;letter-spacing:.48em;color:var(--muted);margin-top:2px}.topbar nav{display:flex;gap:30px;color:#d8cfc3;font-size:13px}.topbar nav a:hover{color:var(--gold2)}.header-actions{display:flex;gap:8px}.header-actions button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold2)}
.hero{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:80px clamp(24px,7vw,120px);position:relative;overflow:hidden;border-bottom:1px solid rgba(216,171,98,.1)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(216,171,98,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(216,171,98,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,black);pointer-events:none}.hero-glow{position:absolute;width:560px;height:560px;right:5%;top:12%;background:radial-gradient(circle,rgba(201,133,46,.25),transparent 65%);filter:blur(20px)}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--gold);font-weight:600}.hero h1,.section h2{font-family:"Cormorant Garamond",serif}.hero h1{font-size:clamp(58px,6vw,92px);line-height:.92;margin:18px 0 28px;font-weight:600;letter-spacing:-.025em}.hero h1 em{font-style:italic;color:var(--gold2)}.lead{max-width:680px;font-size:17px;line-height:1.7;color:#c9bfb2}.search{display:flex;max-width:760px;margin-top:34px;padding:6px;background:#f4eee4;border-radius:5px;box-shadow:var(--shadow)}.search input{flex:1;border:0;background:transparent;padding:17px 18px;color:#2f271f;outline:0;min-width:0}.search button,.btn.primary{border:0;background:linear-gradient(135deg,#b8873b,#e0bc78);color:#160f08;font-weight:700}.search button{padding:0 25px;border-radius:3px;cursor:pointer}.search-result{margin-top:12px;max-width:760px;padding:14px 18px;border:1px solid var(--line);background:rgba(19,16,14,.9);color:#d8cfc3;font-size:13px}.hero-actions{display:flex;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:3px;font-size:12px;letter-spacing:.05em}.btn.ghost{border:1px solid #514336;color:#e7ded2}.tagline{margin-top:28px;color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:18px;font-style:italic}
.hero-art{position:relative;height:580px;z-index:2}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:320px;height:320px;right:5%;top:10%;background:radial-gradient(circle at 35% 35%,rgba(242,194,112,.45),rgba(116,56,17,.15) 48%,transparent 70%)}.orb-two{width:210px;height:210px;right:43%;bottom:6%;border:1px solid rgba(216,171,98,.18)}.bottle{position:absolute;filter:drop-shadow(0 35px 30px rgba(0,0,0,.45))}.bottle-main{right:20%;top:16%;width:210px}.bottle-side{right:52%;bottom:10%;width:120px;transform:rotate(-6deg)}.bottle .cap{height:75px;width:56%;margin:auto;background:linear-gradient(90deg,#4c2d16,#c38d45,#5d3519);border-radius:6px 6px 2px 2px;border:1px solid #c18b47}.bottle .glass{height:300px;border:1px solid rgba(241,197,124,.65);background:linear-gradient(135deg,rgba(249,220,168,.32),rgba(125,56,15,.58) 42%,rgba(34,18,10,.78));box-shadow:inset 0 0 40px rgba(247,188,91,.18);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.bottle .glass span{font-family:"Cormorant Garamond",serif;font-size:64px;color:#f3d194;border:1px solid rgba(243,209,148,.45);width:88px;height:88px;border-radius:50%;display:grid;place-items:center}.bottle .glass small{margin-top:22px;letter-spacing:.23em;color:#d9b77a;font-size:7px}.bottle-side .cap{height:48px}.bottle-side .glass{height:180px}.bottle-side .glass span{font-size:28px;width:52px;height:52px}
.section{padding:90px clamp(24px,7vw,120px);max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-size:46px;margin:7px 0 0;font-weight:600}.text-button{background:none;border:0;color:var(--gold);cursor:pointer}.quick-grid,.perfume-grid,.review-grid,.commerce-grid{display:grid;gap:16px}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-card,.review-card,.commerce article{background:linear-gradient(145deg,rgba(27,22,18,.94),rgba(15,12,10,.96));border:1px solid var(--line);padding:28px;min-height:210px;position:relative;overflow:hidden}.quick-card:before,.commerce article:before{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(216,171,98,.08);border-radius:50%;right:-35px;top:-35px}.quick-card>span,.commerce article>span{color:var(--gold);font-size:10px;letter-spacing:.2em}.quick-card h3,.commerce h3{font-family:"Cormorant Garamond",serif;font-size:25px;margin:34px 0 10px}.quick-card p,.commerce p{color:var(--muted);font-size:13px;line-height:1.65}.quick-card a,.commerce a{position:absolute;bottom:24px;color:var(--gold2);font-size:12px}
.perfume-grid{grid-template-columns:repeat(4,1fr)}.perfume-card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.25s}.perfume-card:hover{transform:translateY(-5px);border-color:#6b543a}.perfume-image{height:260px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,rgba(199,123,40,.28),transparent 50%),linear-gradient(140deg,#1f1710,#0d0b09)}.perfume-image:before{content:"";width:96px;height:145px;border:1px solid rgba(236,193,122,.5);border-radius:8px;background:linear-gradient(140deg,rgba(226,181,100,.22),rgba(92,45,15,.54));box-shadow:0 20px 40px #000}.perfume-image:after{content:"";position:absolute;width:45px;height:38px;top:45px;background:linear-gradient(90deg,#5c361d,#d2a35a,#603a20);border-radius:4px}.perfume-info{padding:20px}.perfume-info small{color:var(--gold);font-size:9px;letter-spacing:.15em}.perfume-info h3{font-family:"Cormorant Garamond",serif;font-size:26px;margin:6px 0 12px}.score{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px}.score b{color:var(--gold2)}
.compare-section{padding-top:70px}.compare-card{border:1px solid var(--line);background:linear-gradient(140deg,#16110e,#0e0c0a);padding:35px;box-shadow:var(--shadow)}.compare-top{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px}.compare-perfume{display:flex;align-items:center;gap:18px}.compare-perfume.right{justify-content:end;text-align:right}.compare-perfume small{color:var(--gold);letter-spacing:.15em}.compare-perfume h3{font-family:"Cormorant Garamond",serif;font-size:33px;margin:3px 0}.mini-bottle{width:60px;height:80px;border-radius:5px;border:1px solid #7e603b;background:linear-gradient(145deg,#dda552,#4d2710)}.mini-bottle.dark{background:linear-gradient(145deg,#6f563b,#15110d)}.versus{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--gold)}.metrics{padding:30px 0}.metric{display:grid;grid-template-columns:110px 40px 1fr 40px;gap:12px;align-items:center;margin:17px 0}.metric strong{font-size:12px}.metric span{font-size:12px;color:var(--muted)}.bars{position:relative;height:16px;background:#211a14}.bars i{position:absolute;left:50%;right:auto;top:2px;height:5px;width:calc(var(--a)/2);background:linear-gradient(90deg,#7f592d,var(--gold));transform-origin:left}.bars i.secondary{top:9px;background:linear-gradient(90deg,#6f6558,#bbb0a0);width:calc(var(--a)/2)}.decision{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:25px;gap:30px}.decision b{color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:22px}.decision p{color:var(--muted);font-size:13px;line-height:1.6}
.review-grid{grid-template-columns:repeat(3,1fr)}.review-card{display:grid;grid-template-columns:52px 1fr;gap:16px;min-height:230px}.avatar{width:48px;height:48px;border-radius:50%;border:1px solid #735631;display:grid;place-items:center;color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:18px}.review-card small{color:var(--gold);font-size:9px}.review-card h3{font-family:"Cormorant Garamond",serif;font-size:25px;margin:13px 0 10px}.review-card p{color:var(--muted);font-size:13px;line-height:1.65}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.chips span{border:1px solid var(--line);padding:5px 8px;font-size:9px;color:#cfc3b4}.demo-note{color:#786e62;font-size:10px;margin-top:12px}
.profile-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:radial-gradient(circle at 80%,rgba(141,84,25,.18),transparent 35%)}.profile-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:520px}.profile-card{border:1px solid var(--line);padding:35px;background:rgba(19,16,14,.82);display:grid;grid-template-columns:180px 1fr;gap:35px}.profile-score{width:160px;height:160px;border-radius:50%;border:1px solid #644827;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(218,162,78,.18),transparent 67%)}.profile-score span{font-family:"Cormorant Garamond",serif;font-size:50px;color:var(--gold2)}.profile-score small{font-size:7px;letter-spacing:.18em;color:var(--gold)}.profile-bars label{display:grid;grid-template-columns:90px 45px 1fr;align-items:center;gap:10px;margin:19px 0;font-size:12px}.profile-bars label b{color:var(--gold2)}.profile-bars i{height:5px;background:#2d251e}.profile-bars i span{display:block;height:100%;background:linear-gradient(90deg,#8c622e,#e4b96d)}
.commerce-grid{grid-template-columns:repeat(3,1fr)}.commerce article{min-height:240px}footer{border-top:1px solid var(--line);padding:55px clamp(24px,7vw,120px);display:grid;grid-template-columns:1.2fr 1.4fr 1fr auto;gap:35px;align-items:center;color:var(--muted);font-size:12px}footer>div{display:flex;gap:20px}footer a:hover{color:var(--gold2)}
@media(max-width:1000px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-art{height:390px}.quick-grid,.perfume-grid{grid-template-columns:repeat(2,1fr)}.review-grid,.commerce-grid{grid-template-columns:1fr}.profile-section{grid-template-columns:1fr}.profile-card{grid-template-columns:1fr}.profile-score{margin:auto}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:52px}.hero-art{height:330px}.bottle-main{right:13%;width:165px}.bottle-main .glass{height:235px}.bottle-side{right:60%;width:90px}.section{padding:65px 20px}.quick-grid,.perfume-grid{grid-template-columns:1fr}.search{display:block;background:transparent}.search input{width:100%;background:#f4eee4;border-radius:3px}.search button{width:100%;height:50px;margin-top:8px}.compare-card{padding:20px}.compare-top{grid-template-columns:1fr 45px 1fr}.mini-bottle{display:none}.metric{grid-template-columns:85px 32px 1fr 32px}.decision{grid-template-columns:1fr}.profile-card{padding:22px}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}}