@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap');
:root{--bg:#101010;--panel:#191817;--gold:#d3b579;--pale:#f2e6d1;--muted:#b2aa9d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--pale);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.announcement{background:#c9ac73;color:#181511;text-align:center;padding:9px;font-size:11px;letter-spacing:.19em}.nav{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #3a3227;background:#111;position:sticky;top:0;z-index:10}.brand{text-align:center;letter-spacing:.19em;font:600 32px 'Cormorant Garamond',serif;color:var(--gold)}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.22em;margin-top:4px}.navlinks{display:flex;gap:26px;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.navright{display:flex;gap:16px;align-items:center}.menu{display:none;background:none;color:var(--gold);border:0;font-size:23px}.cart{border:1px solid #7e6a46;background:none;color:var(--pale);padding:10px 14px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 80% 35%,#3c3020 0%,#171512 43%,#0d0d0d 75%)}.heroText{padding:65px 6% 75px 12%;max-width:700px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.26em;text-transform:uppercase}.hero h1{font:400 clamp(54px,6.5vw,98px)/.94 'Cormorant Garamond',serif;margin:26px 0;color:#f1dfc2}.hero p{line-height:1.9;color:#c4baac;max-width:440px}.btn{display:inline-block;margin-top:22px;background:var(--gold);border:1px solid var(--gold);color:#15120e;padding:15px 28px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.btn.secondary{background:transparent;color:var(--gold)}.heroArt{height:590px;display:grid;place-items:center;position:relative;overflow:hidden}.orbit{width:min(34vw,430px);height:min(34vw,430px);border:1px solid #96774877;border-radius:50%;display:grid;place-items:center;position:relative}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #96774855;border-radius:50%;inset:22px}.orbit:after{inset:48px}.moon{font:230px 'Cormorant Garamond',serif;color:var(--gold);filter:drop-shadow(0 0 25px #b88a3e55);transform:rotate(-16deg)}.star{position:absolute;color:var(--gold);font-size:30px}.s1{top:15%;left:25%}.s2{bottom:20%;right:18%}.s3{top:25%;right:15%;font-size:15px}.section{padding:85px 6%;max-width:1450px;margin:auto}.sectionTitle{text-align:center;margin-bottom:44px}.sectionTitle h2{font:400 clamp(40px,5vw,62px) 'Cormorant Garamond',serif;margin:10px 0}.sectionTitle p{color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:#1b1917;border:1px solid #423829;overflow:hidden}.productArt{height:285px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#524331,#221d18 65%,#181615)}.productArt:after{content:'✧';position:absolute;color:#c8a86d77;top:12px;right:18px;font-size:28px}.soap{width:145px;height:112px;border-radius:12px 16px 12px 14px;transform:rotate(-12deg);box-shadow:18px 20px 25px #0008,inset -12px -12px 18px #0003,inset 6px 6px 12px #fff5;display:grid;place-items:center;color:#ead6ae;font:30px 'Cormorant Garamond',serif}.luna{background:linear-gradient(145deg,#c9b3b8 0 37%,#e3d6c9 39% 65%,#a896aa 68%)}.eclipse{background:linear-gradient(155deg,#262526 0 52%,#b7a38b 54% 66%,#252325 70%)}.solar{background:linear-gradient(150deg,#b77832,#e5bb75 45%,#c18b43)}.terra{background:linear-gradient(145deg,#6d7864,#d6c9a8 48%,#64745b)}.jewel{font-size:130px;color:#d4b876;text-shadow:10px 10px 15px #000}.gift{width:160px;height:120px;background:#181717;border:2px solid #a58a59;box-shadow:20px 22px 25px #0009;display:grid;place-items:center;color:var(--gold);font:25px 'Cormorant Garamond',serif;letter-spacing:.1em;transform:rotate(-8deg)}.productInfo{padding:19px 18px 22px}.productInfo h3{font:28px 'Cormorant Garamond',serif;margin:0 0 5px}.productInfo p{font-size:12px;color:#b6a99a;margin:0 0 14px}.price{color:var(--gold)}.product button{display:block;width:100%;background:transparent;border:1px solid #6f5b3d;color:var(--gold);padding:11px;margin-top:17px;letter-spacing:.14em;font-size:10px;text-transform:uppercase}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{min-height:270px;background:linear-gradient(135deg,#28231e,#131312);border:1px solid #564631;display:flex;flex-direction:column;justify-content:end;padding:27px;position:relative}.category:before{position:absolute;top:35px;right:35px;font:110px 'Cormorant Garamond',serif;color:#b99b6055}.category:nth-child(1):before{content:'☾'}.category:nth-child(2):before{content:'✧'}.category:nth-child(3):before{content:'✦'}.category h3{font:38px 'Cormorant Garamond',serif;margin:0}.category span{color:var(--gold);letter-spacing:.18em;font-size:10px;text-transform:uppercase}.story{background:#1d1a16;padding:85px 10%;text-align:center;border-top:1px solid #463c2b;border-bottom:1px solid #463c2b}.story h2{font:50px 'Cormorant Garamond',serif;margin:12px 0}.story p{max-width:680px;line-height:2;margin:auto;color:#c4b8a5}.newsletter{text-align:center}.newsletter input{padding:15px;background:#211e1a;border:1px solid #67563b;color:white;width:min(360px,65vw)}.newsletter button{padding:16px;background:var(--gold);border:0;color:#17130e;letter-spacing:.1em}.footer{border-top:1px solid #42392d;padding:48px 6%;display:flex;justify-content:space-between;gap:30px;color:#aa9b87;font-size:12px}.footer .brand{font-size:28px}.footlinks{display:flex;gap:20px;flex-wrap:wrap}.note{background:#312719;color:#e6cc98;text-align:center;padding:12px;font-size:12px}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,100%);background:#211d18;border-left:1px solid var(--gold);z-index:20;padding:30px;transform:translateX(105%);transition:.3s}.drawer.open{transform:none}.drawer h2{font:38px 'Cormorant Garamond',serif}.drawer .close{float:right;background:none;color:white;border:0;font-size:27px}.drawer li{padding:12px 0;border-bottom:1px solid #594c38}.drawer p{color:#c8b99d}.overlay{display:none;position:fixed;inset:0;background:#0009;z-index:19}.overlay.show{display:block}@media(max-width:900px){.navlinks{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.heroText{padding:70px 8% 20px}.heroArt{height:350px}.orbit{width:280px;height:280px}.moon{font-size:160px}.grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:1fr}.footer{flex-direction:column}.productArt{height:230px}}@media(max-width:500px){.nav{padding:0 5%;height:73px}.brand{font-size:25px}.brand small{font-size:7px}.hero h1{font-size:62px}.section{padding:65px 5%}.grid{gap:12px}.productArt{height:185px}.soap{width:112px;height:86px}.productInfo{padding:14px}.productInfo h3{font-size:23px}.jewel{font-size:100px}.gift{width:125px;height:100px}.footer{padding:40px 6%}}
/* Le Cosmik v2 */
html{scroll-padding-top:100px}.navlinks.mobileOpen{display:flex;position:absolute;top:73px;left:0;right:0;background:#181511;flex-direction:column;padding:26px 7%;border-bottom:1px solid #8e734b;z-index:12}.navlinks.mobileOpen a{padding:8px 0}.categories{grid-template-columns:repeat(4,1fr)}.category{min-height:240px}.category h3{font-size:33px}.category small{color:#d5bc8e;letter-spacing:.1em;margin-top:18px;font-size:10px}.category:nth-child(2):before{content:'✺'}.category:nth-child(3):before{content:'✧'}.category:nth-child(4):before{content:'✦'}.collection-heading{grid-column:1/-1;margin:32px 0 3px;padding-top:28px;border-top:1px solid #6c5838;scroll-margin-top:105px}.collection-heading:first-child{border:0;padding-top:0;margin-top:0}.collection-heading h3{font:400 clamp(36px,4vw,52px) 'Cormorant Garamond',serif;margin:8px 0}.collection-heading p{color:#bcb0a0;line-height:1.7;max-width:660px;margin:0}.productInfo .type{color:#b79c6d;letter-spacing:.18em;font-size:9px;margin-bottom:10px}.productInfo p{min-height:38px;line-height:1.6}.productInfo .soon{display:block;border:1px solid #5e513e;color:#cbb792;padding:11px;text-align:center;margin-top:17px;letter-spacing:.1em;font-size:10px;text-transform:uppercase}.tin{height:114px;width:144px;border-radius:23px 23px 31px 31px;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:18px 22px 26px #0009,inset -8px -10px 12px #0005;border:5px solid #b6a078}.tinmark{height:94px;width:121px;border:1px solid #b6a07888;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#ddc38c;font-size:15px}.tinmark strong{font:600 15px 'Cormorant Garamond',serif;letter-spacing:.1em}.tinmark em{font:12px 'DM Sans',sans-serif;letter-spacing:.15em}.tinmark small{font-size:6px;letter-spacing:.13em}.bloom{background:linear-gradient(125deg,#6b454d,#291e22)}.fresh{background:linear-gradient(125deg,#5b7665,#26392f)}.noir{background:linear-gradient(125deg,#4c4338,#141311)}.bare{background:linear-gradient(125deg,#9c8e7a,#4b4037)}.jewel-art{display:flex;gap:23px;align-items:center}.ear{width:60px;height:100px;border:2px solid #d6b77a;border-radius:49% 49% 52% 52%;display:grid;place-items:center;color:#c8a45c;background:radial-gradient(circle at 45% 48%,#d7bd9355,#6e6a5d55 40%,#c8ad7855 80%);box-shadow:10px 14px 18px #0008;transform:rotate(-11deg);font-size:26px}.ear2{transform:rotate(12deg)}.gift small{font:7px 'DM Sans',sans-serif;letter-spacing:.12em}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:940px;margin:46px auto 0;text-align:left}.values div{padding:22px;border:1px solid #675339}.values b{display:block;color:#d4b77e;letter-spacing:.18em;font-size:11px;margin-bottom:12px}.values span{color:#c5b8a7;line-height:1.7;font-size:12px}.story p+p{margin-top:16px}.newsletter h2{font:400 52px 'Cormorant Garamond',serif;margin:12px 0}.newsletter>p{color:#b7a995;line-height:1.9;max-width:650px;margin:0 auto 32px}.studio-panel{border:1px solid #705b3b;display:flex;align-items:center;gap:35px;max-width:800px;margin:auto;padding:35px;text-align:left;background:#211d18}.studio-symbol{font:70px 'Cormorant Garamond',serif;color:#cbb078;white-space:nowrap}.studio-panel h3{font:30px 'Cormorant Garamond',serif;margin:0}.studio-panel p{color:#c2b7a7;line-height:1.8}.nav .brand{flex-shrink:0}.grid .product{min-width:0}@media(max-width:1100px){.categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.navlinks.mobileOpen{display:flex}.values{grid-template-columns:1fr}.studio-panel{flex-direction:column;text-align:center}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.categories{grid-template-columns:1fr 1fr;gap:10px}.category{min-height:175px;padding:16px}.category h3{font-size:26px}.category:before{font-size:62px;right:16px;top:20px}.category small{font-size:9px}.grid{gap:12px}.tin{width:110px;height:92px}.tinmark{width:94px;height:74px}.tinmark strong{font-size:12px}.tinmark em{font-size:9px}.tinmark small{font-size:5px}.ear{width:40px;height:72px}.newsletter h2{font-size:42px}.studio-symbol{font-size:44px}}
/* Official artwork extracted from Le Cosmik brand concept PPT */
.nav .brand {display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:normal;text-decoration:none;line-height:1}
.nav .brand img {width:146px;max-width:100%;height:94px;object-fit:contain;mix-blend-mode:lighten}
.nav .brand small {margin-top:-4px;font-size:7px;letter-spacing:.13em;white-space:nowrap}
.hero .hero-logo {width:min(330px,85%);height:auto;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 10px 28px rgba(0,0,0,.4))}
.footer-brand img {width:175px;height:auto;mix-blend-mode:lighten}
@media(max-width:700px){.nav .brand img{width:112px;height:73px}.nav .brand small{font-size:5.5px;letter-spacing:.07em}.hero .hero-logo{width:70%}}