:root{--cream:#f8f2eb;--ivory:#fffaf5;--soft-lilac:#ddd1df;--lavender:#9c8ba8;--blush:#d8b3b8;--plum:#4b2e4a;--deep-plum:#2f1b2e;--blackberry:#3a172b;--wine:#6f243b;--night:#1d151c;--champagne:#c9a46c;--soft-gold:#dbc093;--text:#2d252b;--muted:#746970;--white:#fff;--max-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--ivory);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}main{overflow:hidden}.nav{z-index:20;width:100%;color:var(--plum);justify-content:space-between;align-items:center;padding:28px 6%;display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:.18em;font-family:Georgia,Times New Roman,serif;font-size:24px}.brand span{letter-spacing:.14em;opacity:.7;font-size:11px}.navLinks{align-items:center;gap:30px;display:flex}.navLinks a{letter-spacing:.14em;font-size:11px;font-weight:600;position:relative}.navLinks a:after{content:"";background:var(--champagne);width:0;height:1px;transition:width .25s;position:absolute;bottom:-7px;left:0}.navLinks a:hover:after{width:100%}.hero{background:radial-gradient(circle at 78% 28%,#d8b3b842,#0000 35%),radial-gradient(circle at 18% 70%,#9c8ba82e,#0000 38%),linear-gradient(120deg,#fffaf5 0%,#f5ece9 47%,#eee3e6 100%);align-items:center;min-height:92vh;padding:140px 7% 90px;display:flex}.heroContent{max-width:760px}.eyebrow{color:var(--champagne);letter-spacing:.25em;text-transform:uppercase;margin-bottom:22px;font-size:11px;font-weight:600}.hero h1{color:var(--plum);letter-spacing:-.035em;margin:0 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(50px,7vw,96px);font-weight:400;line-height:.98}.heroText{max-width:640px;color:var(--muted);margin:0 0 38px;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.8}.buttons{flex-wrap:wrap;gap:14px;display:flex}.button{letter-spacing:.17em;border:1px solid #0000;justify-content:center;align-items:center;min-height:50px;padding:0 27px;font-size:10px;font-weight:700;transition:transform .25s,background .25s,color .25s,border-color .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--plum);border-color:var(--plum)}.button.primary:hover{background:var(--deep-plum)}.button.secondary{color:var(--plum);background:#ffffff59;border-color:#4b2e4a66}.button.secondary:hover{border-color:var(--champagne);background:#fff}.button.light{color:var(--night);background:var(--cream)}.twoSides{grid-template-columns:1fr 1fr;min-height:620px;display:grid}.daySide,.nightSide{flex-direction:column;justify-content:flex-end;min-height:620px;padding:80px 8%;display:flex}.daySide{color:var(--plum);background:radial-gradient(circle at 70% 20%,#ffffffd9,#0000 34%),linear-gradient(140deg,#f9f2eb 0%,#eadde5 100%)}.nightSide{color:#fff;background:radial-gradient(circle at 25% 22%,#6f243b61,#0000 34%),linear-gradient(135deg,#251722 0%,#3c172c 54%,#160f15 100%)}.daySide>span,.nightSide>span{color:var(--champagne);margin-bottom:18px;font-size:32px}.daySide>p:first-of-type,.nightSide>p:first-of-type{letter-spacing:.23em;margin:0 0 14px;font-size:11px;font-weight:700}.daySide h2,.nightSide h2{max-width:520px;margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1.1}.daySide p:last-child,.nightSide p:last-child{max-width:500px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.8}.section{max-width:var(--max-width);margin:0 auto;padding:120px 7%}.section>h2{max-width:850px;color:var(--plum);margin:0 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.07}.section>p:not(.eyebrow){max-width:720px;color:var(--muted);margin-bottom:34px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.85}.stories{background:#f6f0ed;max-width:none}.stories>*{max-width:var(--max-width);margin-left:auto;margin-right:auto}.cards{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;display:grid}.cards article{background:linear-gradient(160deg,#ffffffeb,#ece0e6b8);border:1px solid #4b2e4a1f;flex-direction:column;justify-content:flex-end;min-height:330px;padding:34px;transition:transform .3s,box-shadow .3s;display:flex}.cards article:hover{transform:translateY(-8px);box-shadow:0 24px 50px #37203417}.cards article>span{color:var(--champagne);margin-bottom:auto;font-family:Georgia,Times New Roman,serif;font-size:14px}.cards h3{color:var(--plum);margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:400;line-height:1.25}.cards p{color:var(--muted);margin:0;font-size:14px}.fragrance{color:#fff;background:radial-gradient(circle at 72% 30%,#8b2a4975,#0000 32%),radial-gradient(circle at 35% 60%,#5226485c,#0000 38%),linear-gradient(135deg,#24131e 0%,#48152e 51%,#1a1017 100%);align-items:center;min-height:720px;padding:110px 8%;display:flex}.fragrance>div{max-width:760px}.fragrance h2{margin:0 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.05}.fragrance p:not(.eyebrow){color:#ffffffc2;max-width:620px;margin-bottom:35px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.8}.about{text-align:center}.about>p,.about>h2{margin-left:auto;margin-right:auto}footer{min-height:230px;color:var(--soft-gold);background:var(--night);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 6%;display:flex}footer>div{letter-spacing:.18em;margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:28px}footer>div span{opacity:.65;font-size:11px}footer p{letter-spacing:.26em;margin:0;font-size:10px}@media (max-width:900px){.nav{padding:22px 6%}.navLinks{display:none}.brand{font-size:19px}.hero{min-height:82vh;padding:130px 7% 70px}.hero h1{font-size:50px}.heroText{font-size:17px}.twoSides{grid-template-columns:1fr}.daySide,.nightSide{min-height:500px;padding:65px 8%}.cards{grid-template-columns:1fr}.cards article{min-height:260px}.fragrance{min-height:600px;padding:90px 8%}.section{padding:90px 8%}}@media (max-width:560px){.hero h1{font-size:42px}.buttons{flex-direction:column}.button{width:100%}.section>h2,.fragrance h2{font-size:38px}.daySide h2,.nightSide h2{font-size:37px}}
