:root{--black:#080808;--ink:#111;--cream:#f5f0e7;--gold:#c99a3d;--gold2:#f0cf80;--muted:#a8a29a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:12px;font-family:Italiana,serif;font-size:25px}.brand img{width:49px;height:49px;border-radius:50%;object-fit:cover}.brand small{font:500 8px "DM Sans";display:block;letter-spacing:4px;color:var(--gold2)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav>a:not(.nav-cta){color:#d7d3cc}nav>a:hover{color:var(--gold2)}.nav-cta{border:1px solid #cfa651;padding:12px 20px}.menu{display:none}.hero{min-height:790px;height:100vh;position:relative;display:flex;align-items:center;padding:110px 9vw 50px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.98) 0%,rgba(8,8,8,.86) 34%,rgba(8,8,8,.1) 68%),url("assets/hero-nails.png") center/cover}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080808 0%,transparent 18%)}.hero-copy{position:relative;z-index:1;max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:600;color:var(--gold2);margin:0 0 20px}.hero h1,.section h2,.final-cta h2{font-family:Italiana,serif;font-weight:400;font-size:clamp(64px,7.6vw,118px);line-height:.9;letter-spacing:-2px;margin:0}.hero h1 em,.section h2 em,.final-cta h2 em{font-weight:400;color:var(--gold2)}.intro{font-size:16px;line-height:1.8;color:#c9c3ba;max-width:500px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 24px;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.button.gold{background:linear-gradient(120deg,#b77c25,#f2d88e,#b77c25);color:#171006}.button.outline{border:1px solid #765f38;color:var(--gold2)}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;border-bottom:1px solid #8b806e;padding-bottom:7px}.text-link span{margin-left:18px;color:var(--gold2)}.side-label{position:absolute;right:2vw;bottom:120px;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px;color:#a78b5a}.marquee{overflow:hidden;border-block:1px solid #5d4a2e;background:#0d0c0a;color:#d8bd80;padding:15px 0;white-space:nowrap}.marquee div{font:12px/1 "DM Sans";letter-spacing:3px;word-spacing:18px;animation:scroll 22s linear infinite}@keyframes scroll{to{transform:translateX(-30%)}}.section{padding:120px 8vw}.collection{background:var(--cream);color:var(--ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.section-heading h2,.process h2,.story h2{font-size:clamp(44px,5vw,72px);line-height:1}.section-heading h2 em,.process h2 em,.story h2 em{color:#8a6329}.section-heading>p{max-width:350px;color:#716c65;line-height:1.7;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:46px}.design-card{height:440px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#d8c3a7}.design-card>span{font:12px Italiana}.design-card h3{font:34px Italiana;margin:0 0 7px}.design-card p{margin:0;font-size:12px;letter-spacing:1px}.ruby{background:#3b090d;color:#f4ddc1}.pearl{background:#d5d0c5}.nail-set{display:flex;justify-content:center;align-items:center;gap:8px;transform:rotate(-8deg)}.nail-set i{display:block;width:39px;height:118px;border-radius:50% 50% 44% 44%;background:linear-gradient(90deg,#b78b73,#f1d3c2,#b4866e);box-shadow:0 7px 12px #0003;border:1px solid #fff6}.nail-set i:nth-child(1),.nail-set i:nth-child(5){height:92px}.nail-set i:nth-child(2),.nail-set i:nth-child(4){height:108px}.ruby .nail-set i{background:linear-gradient(90deg,#48020a,#9c1723,#4b0309);border-bottom:5px solid #dcb353}.pearl .nail-set i{background:linear-gradient(90deg,#e8d8d2,#fff,#dccac4);border-top:13px solid white}.collection>.button{display:flex;width:max-content;margin:auto}.process{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#0b0a09}.process-title{position:sticky;top:100px;align-self:start}.steps article{border-top:1px solid #54452e;padding:34px 0;display:grid;grid-template-columns:70px 1fr}.steps b{color:var(--gold2);font:24px Italiana}.steps h3{font:32px Italiana;margin:0 0 12px}.steps p{color:var(--muted);font-size:14px;line-height:1.7;max-width:440px}.story{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.story-mark{min-height:500px;background:#090909;display:flex;align-items:center;justify-content:center;position:relative}.story-mark img{width:68%;border-radius:50%}.story-mark span{position:absolute;bottom:25px;text-transform:uppercase;letter-spacing:3px;font-size:9px;color:var(--gold2)}.story-copy>p:not(.eyebrow){color:#716c65;line-height:1.8;margin:30px 0;max-width:480px}.final-cta{text-align:center;padding:130px 20px;background:radial-gradient(circle at center,#33240f 0,#090807 55%)}.final-cta h2{font-size:clamp(52px,6vw,85px);margin-bottom:45px}.spark{color:var(--gold2);font-size:34px;margin-bottom:30px}footer{padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3e3426}footer p{color:#958d81;font:italic 18px Italiana}footer>div{display:flex;gap:25px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.whatsapp{position:fixed;z-index:9;right:25px;bottom:25px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#c99a3d;color:#0b0905;font-size:24px;box-shadow:0 5px 25px #0008}.reveal{opacity:0;transform:translateY(25px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:72px;padding:0 20px}.header nav{position:absolute;top:72px;left:0;right:0;background:#0c0b0a;padding:25px;display:none;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.menu{display:block;background:none;border:0;padding:8px}.menu span{display:block;width:25px;height:1px;background:#eee;margin:7px}.hero{min-height:720px;padding:105px 25px 45px;align-items:end}.hero-bg{background:linear-gradient(0deg,#080808 5%,rgba(8,8,8,.2) 70%),url("assets/hero-nails.png") 67% center/cover}.hero h1{font-size:59px}.intro{font-size:14px}.side-label{display:none}.section{padding:80px 22px}.section-heading,.process,.story{display:block}.section-heading>p{margin-top:25px}.cards{grid-template-columns:1fr}.design-card{height:400px}.process-title{position:static;margin-bottom:50px}.steps article{grid-template-columns:55px 1fr}.story-mark{min-height:380px;margin-bottom:60px}.final-cta{padding:100px 20px}footer{flex-direction:column;gap:30px;text-align:center}footer>div{flex-wrap:wrap;justify-content:center}.hero-actions{gap:20px}.button{gap:18px}.hero .text-link{display:none}}