:root{--bg:#070707;--fg:#f7f3f5;--pink:#ff2b8a;--muted:#aaa;--line:#2a2a2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:20;border-bottom:1px solid #ffffff1c}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-1px}.brand span{display:block;font-size:8px;letter-spacing:5px;color:var(--pink);margin-top:-2px}nav{display:flex;gap:32px}nav a,.bag{color:#ddd;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:2px}.bag b{color:var(--pink)}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 68% 45%,#2a0718 0,#0d080b 25%,#070707 57%)}#hero3d{position:absolute;inset:0;width:100%;height:100%;z-index:2}.hero-copy{position:relative;z-index:4;margin-left:8vw;width:52%;pointer-events:none}.eyebrow,.section-num{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c8c8c8;margin-bottom:24px}.hero h1,.section h2,.signup h2{font-size:clamp(62px,8.4vw,150px);line-height:.82;letter-spacing:-.07em;margin:0;font-weight:900}.hero h1 em,.section h2 em{font-family:'Playfair Display',serif;color:var(--pink);font-weight:700}.hero-copy p{max-width:520px;color:#c1bdc0;line-height:1.7;font-size:15px;margin:32px 0}.actions{display:flex;gap:12px;pointer-events:auto}.btn{padding:16px 23px;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:2px}.primary{background:var(--pink);color:white}.ghost{border:1px solid #ffffff42;color:white}.hero-side{position:absolute;z-index:4;right:5vw;bottom:13vh;text-align:right;font-size:10px;letter-spacing:1px;color:#aaa}.hero-side span{font-size:38px;font-weight:900;color:#fff}.scroll{position:absolute;z-index:5;bottom:25px;left:50%;font-size:8px;letter-spacing:3px;color:#aaa}.scroll i{display:inline-block;width:50px;height:1px;background:#777;margin:0 0 3px 10px}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.o1{width:300px;height:300px;background:#ff006e;right:15%;top:15%}.o2{width:250px;height:250px;background:#6b003c;right:2%;bottom:5%}.marquee{overflow:hidden;background:var(--pink);color:#fff;padding:15px 0;font-weight:900;white-space:nowrap;font-size:13px;letter-spacing:2px}.marquee div{width:max-content;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 7vw;border-bottom:1px solid var(--line)}.split-title{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split-title h2{font-size:clamp(45px,6vw,100px)}.split-title .accent{color:var(--pink);text-align:right}.reveal-card{margin:70px auto 35px;max-width:1050px;height:480px;display:grid;grid-template-columns:1fr 60px 1fr;background:#111;border:1px solid #333}.face{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#31242a,#121212 65%)}.face.after{background:radial-gradient(circle,#641036,#160912 65%)}.face>span{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:3px}.face-art{font-family:'Playfair Display';font-size:240px;font-style:italic;opacity:.75}.after .face-art{color:var(--pink);text-shadow:0 0 50px #ff2b8a66}.divider{display:grid;place-items:center;background:#090909;color:var(--pink)}.center{text-align:center}.text-link{color:#fff;text-decoration:none;border-bottom:1px solid var(--pink);padding-bottom:6px;font-size:10px;letter-spacing:2px}.looks h2{margin-bottom:60px}.look-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-left:1px solid #333}.look-grid article{height:370px;padding:28px;border-right:1px solid #333;border-bottom:1px solid #333;display:flex;flex-direction:column;justify-content:flex-end;transition:.35s;background:linear-gradient(160deg,#111,#080808)}.look-grid article:hover{background:radial-gradient(circle at 50% 65%,#601231,#111 60%);transform:translateY(-8px)}.look-grid b{margin-bottom:auto;color:#777;font-size:10px}.look-grid h3{font-size:44px;margin:0}.look-grid p{color:#999;font-size:12px}.products-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.products-head h2{font-size:clamp(50px,6vw,90px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid article{background:#0d0d0d;padding:20px}.product-art{height:440px;background:radial-gradient(circle,#38101f,#151515 60%);display:grid;place-items:center;margin-bottom:20px;overflow:hidden}.product-art.lipstick div{width:80px;height:250px;background:linear-gradient(90deg,#111,#555,#090909);position:relative}.product-art.lipstick div:before{content:'';position:absolute;top:-120px;left:10px;width:60px;height:130px;background:linear-gradient(90deg,#9d0a43,#ff2b8a);border-radius:30px 30px 4px 4px;transform:skewY(-12deg)}.compact div{width:230px;height:230px;border-radius:50%;background:linear-gradient(145deg,#444,#050505);border:2px solid #777;display:grid;place-items:center;font:italic 100px 'Playfair Display';color:var(--pink);box-shadow:0 20px 60px #000}.bottle div{width:150px;height:230px;border-radius:20px;background:linear-gradient(90deg,#241016,#9a3159,#1a0d12);border:1px solid #ffffff33;display:grid;place-items:center;font:italic 80px 'Playfair Display'}.product-grid small{color:var(--pink);letter-spacing:2px}.product-grid h3{font-size:25px;margin:10px 0 4px}.product-grid p{color:#888;font-size:12px}.product-grid button{width:100%;padding:14px;background:transparent;border:1px solid #444;color:#fff;margin-top:10px;letter-spacing:2px;font-size:9px;cursor:pointer}.product-grid button:hover{background:var(--pink);border-color:var(--pink)}.quiz{background:var(--pink);color:#fff}.quiz-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.quiz h2{font-size:clamp(60px,7vw,110px)}.quiz h2 em{color:#0a0a0a}.quiz p{max-width:460px;line-height:1.7}.quiz-box{background:#090909;padding:40px}.quiz-box span{font-size:9px;letter-spacing:2px;color:#aaa}.quiz-box h3{font-size:28px}.quiz-box button{display:flex;justify-content:space-between;width:100%;padding:18px 4px;background:none;border:0;border-bottom:1px solid #444;color:#ddd;text-align:left;cursor:pointer}.quiz-box button:hover{color:var(--pink)}.story{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.story-mark{height:650px;background:radial-gradient(circle,#4e1230,#0b0b0b 65%);display:grid;place-items:center;font:italic 330px 'Playfair Display';color:var(--pink);border:1px solid #333}.story h2{font-size:clamp(48px,6vw,90px)}.story p{max-width:650px;color:#aaa;line-height:1.8;margin:30px 0}.social h2{font-size:clamp(55px,7vw,105px);margin-bottom:60px}.ugc{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ugc div{aspect-ratio:.75;background:linear-gradient(145deg,#2c101d,#0b0b0b);display:grid;place-items:center;text-align:center;font-size:30px;font-weight:900;letter-spacing:-2px}.ugc div:nth-child(even){background:linear-gradient(145deg,#161616,#4e0b2b);color:var(--pink)}.signup{text-align:center;padding:130px 7vw;background:radial-gradient(circle at center,#3a0a22,#080808 55%)}.signup>p{font-size:9px;letter-spacing:3px}.signup h2{font-size:clamp(65px,9vw,140px);margin:30px 0}.signup form{max-width:600px;margin:auto;display:flex;border-bottom:1px solid #777}.signup input{flex:1;background:none;border:0;padding:18px;color:#fff;outline:none;letter-spacing:2px}.signup button{background:none;border:0;color:var(--pink);font-weight:bold;letter-spacing:2px}footer{padding:55px 7vw;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #333}footer p,footer small{font-size:9px;letter-spacing:2px;color:#777}
@media(max-width:800px){header{height:70px}nav,.bag{display:none}.menu{display:block}.hero{min-height:680px}.hero-copy{width:86%;margin-left:7vw;padding-top:60px}.hero h1{font-size:16vw}.hero-copy p{width:85%;font-size:13px}.hero-side{display:none}.actions{flex-direction:column;width:max-content}.split-title,.quiz-inner,.story{grid-template-columns:1fr}.split-title .accent{text-align:left}.section{padding:80px 6vw}.reveal-card{height:300px;grid-template-columns:1fr 38px 1fr}.face-art{font-size:130px}.look-grid{grid-template-columns:1fr 1fr}.look-grid article{height:250px}.product-grid{grid-template-columns:1fr}.product-art{height:380px}.products-head{align-items:start;flex-direction:column;gap:25px}.story-mark{height:420px;font-size:220px}.ugc{grid-template-columns:1fr 1fr}footer{align-items:start;flex-direction:column;gap:25px}.scroll{display:none}}

/* V2 brand integration */
.brand-logo{display:flex;align-items:center;width:142px;height:78px;overflow:hidden}
.brand-logo img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,43,138,.18))}
.hero-brandmark{width:min(250px,30vw);height:auto;margin:0 0 18px -12px;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 26px rgba(255,43,138,.25))}
.hero-copy{width:55%}
.footer-logo{width:180px;height:auto}
@media(max-width:800px){.brand-logo{width:105px;height:62px}.hero-brandmark{width:165px;margin-left:-8px;margin-bottom:14px}.hero-copy{width:88%}.footer-logo{width:150px}}

/* V3 — supplied brand assets + expanded footer */
header .brand-logo{width:250px;height:82px;overflow:visible}
header .brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.hero-brandmark{width:min(430px,38vw);max-height:330px;object-fit:contain;margin:0 0 8px -42px;mix-blend-mode:normal;filter:drop-shadow(0 0 32px rgba(255,43,138,.25))}
.site-footer{padding:70px 7vw 24px;border-top:1px solid #333;background:radial-gradient(circle at 15% 25%,#260916 0,#090909 28%,#050505 62%);display:block}
.footer-grid{display:grid;grid-template-columns:1.6fr .75fr .85fr 1fr;gap:6vw;align-items:start}
.footer-primary-logo{display:block;width:min(300px,100%);margin:0 0 22px}
.footer-primary-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(255,43,138,.16))}
.footer-brand p,.footer-contact p{max-width:390px;color:#999;font-size:12px;line-height:1.8;letter-spacing:.15px;margin:0}
.footer-column{display:flex;flex-direction:column;gap:13px}
.footer-column h3{font-size:10px;letter-spacing:2.5px;color:var(--pink);margin:8px 0 10px}
.footer-column a{color:#c9c5c7;text-decoration:none;font-size:11px;letter-spacing:.7px;transition:.2s}
.footer-column a:hover{color:#fff;transform:translateX(3px)}
.footer-bottom{margin-top:58px;padding-top:22px;border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;gap:20px;color:#666;font-size:8px;letter-spacing:1.7px}
.footer-bottom a{color:#aaa;text-decoration:none}.footer-bottom a:hover{color:var(--pink)}
@media(max-width:800px){header .brand-logo{width:190px;height:64px}.hero-brandmark{width:240px;max-height:220px;margin-left:-24px}.footer-grid{grid-template-columns:1fr 1fr;gap:42px 30px}.footer-brand{grid-column:1/-1}.footer-primary-logo{width:230px}.footer-bottom{flex-direction:column;line-height:1.7}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}