@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,300;1,500&family=Inter:wght@300;400;500;600&display=swap');

:root { --ink:#070706; --cream:#f3efe6; --wine:#5d1724; --rose:#d7bd83; --gold:#c9a75f; --marble:#d8d2c5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--cream); font-family:Inter,Arial,sans-serif; }
[hidden] { display:none !important; }
button,a { color:inherit; } button { font:inherit; }
.eyebrow { letter-spacing:.28em; font-size:11px; font-weight:600; text-transform:uppercase; }
.brand { font-family:"Cormorant Garamond",Georgia,serif; font-size:25px; text-decoration:none; letter-spacing:-.03em; display:flex; align-items:baseline; gap:5px; }
.brand em { color:var(--rose); font-weight:300; }.brand small { margin-left:13px; padding-left:14px; border-left:1px solid #ffffff3d; font-family:Inter,sans-serif; font-size:7px; letter-spacing:.24em; opacity:.65; }
.topbar { position:absolute; z-index:20; top:0; left:0; right:0; padding:28px 4vw; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ffffff26; }
.topbar nav { display:flex; gap:34px; }.topbar nav a { text-decoration:none; text-transform:uppercase; font-size:10px; letter-spacing:.2em; }
.age-gate { position:fixed; inset:0; z-index:100; background:#050404; overflow:hidden; }
.gate-video { position:absolute; inset:0; width:100%; height:100%; }
.gate-video-bg { object-fit:cover; filter:blur(34px) brightness(.56) saturate(1.15); transform:scale(1.09); }
.gate-video-main { object-fit:contain; object-position:center center; filter:brightness(1.02); animation:divineReveal 9s ease-out both; }
.gate-shade { position:absolute; inset:0; background:linear-gradient(90deg,#050403d9 0%,#08060466 28%,transparent 55%),linear-gradient(0deg,#050403db 0%,transparent 43%); }
.gate-content { position:absolute; z-index:2; left:6vw; bottom:7vh; width:min(650px,88vw); text-align:left; display:flex; align-items:flex-start; flex-direction:column; }.gate-content .eyebrow { color:#f5d99c; text-shadow:0 2px 18px #000; }
.gate-content h1 { margin:18px 0 8px; line-height:.62; font-family:"Cormorant Garamond",Georgia,serif; font-weight:400; font-size:clamp(82px,10vw,150px); letter-spacing:-.09em; text-shadow:0 8px 50px #000; }.gate-content h1 em { display:block; color:#fff0c9; font-weight:300; }.gate-content h1 span { display:block; font-size:.43em; letter-spacing:.36em; margin-left:.3em; text-transform:uppercase; font-family:Inter,sans-serif; font-weight:300; }
.gate-line { margin:34px 0 25px; font-family:"Cormorant Garamond",Georgia,serif; font-size:24px; font-style:italic; }.enter-button,.primary-button { position:relative; border:1px solid #d9bd7c; padding:18px 27px; background:linear-gradient(135deg,#d9bd7c,#9b7636); color:#0b0906; letter-spacing:.2em; font-size:9px; font-weight:600; text-decoration:none; cursor:pointer; transition:.35s; box-shadow:0 12px 35px #0005; }.enter-button::before,.primary-button::before { content:""; position:absolute; inset:4px; border:1px solid #231a0c35; pointer-events:none; }.enter-button:hover,.primary-button:hover { background:#0b0907; border-color:#e8d09a; color:#f6e8c5; transform:translateY(-2px); }.enter-button b { margin-left:24px; }.gate-content small { margin-top:17px; opacity:.62; font-size:7px; letter-spacing:.18em; }
@keyframes divineReveal { from{transform:scale(1.08);filter:brightness(.72)} to{transform:scale(1);filter:brightness(1)} }
.hero { position:relative; min-height:100vh; overflow:hidden; display:flex; align-items:flex-end; background:#070706; }.hero-frame { position:absolute; inset:0; opacity:0; transition:opacity 1.1s ease; overflow:hidden; }.hero-frame.active { opacity:1; }.hero-backdrop { position:absolute; inset:-5%; width:110%; height:110%; object-fit:cover; object-position:center; filter:blur(38px) brightness(.32) saturate(.8); transform:scale(1.05); }.hero-image { position:absolute; top:0; right:0; width:68%; height:100%; object-fit:contain; object-position:right center; transform:scale(1.015); transition:transform 7s ease; filter:drop-shadow(-35px 0 55px #0009); }.hero-frame.active .hero-image { transform:scale(1); }.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,#070706 0%,#070706fa 28%,#070706bd 43%,transparent 68%),linear-gradient(0deg,#070706d8 0%,transparent 34%); }
.hero-copy { position:relative; z-index:2; padding:0 0 8vh 6vw; width:48%; max-width:690px; }.hero-copy .eyebrow { color:#dcc382; }.hero-copy h2,.intro h2,.collection-heading h2,.closing h2 { margin:18px 0 24px; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(62px,7.2vw,116px); line-height:.78; font-weight:400; letter-spacing:-.055em; }.hero-copy h2 em,.intro h2 em,.collection-heading h2 em,.closing h2 em { color:#d6bd82; font-weight:300; }.hero-copy > p:not(.eyebrow) { max-width:520px; color:#e8e0d2; font-family:"Cormorant Garamond",Georgia,serif; font-size:19px; line-height:1.5; margin-bottom:32px; }.primary-button { display:inline-flex; gap:35px; align-items:center; }
.hero-counter { position:absolute; right:4vw; bottom:8vh; z-index:3; display:flex; gap:12px; align-items:center; font-size:10px; letter-spacing:.15em; }.hero-counter i { width:70px; height:1px; background:#fff8; }.hero-thumbs { position:absolute; z-index:3; right:4vw; top:120px; display:flex; gap:8px; }.hero-thumbs button { width:54px; height:74px; padding:0; border:1px solid transparent; background:none; opacity:.5; transition:.3s; cursor:pointer; }.hero-thumbs button.active { opacity:1; border-color:#fff; transform:translateY(8px); }.hero-thumbs img { width:100%; height:100%; object-fit:cover; }
.intro { min-height:92vh; display:flex; flex-direction:column; justify-content:center; padding:9vw; background:linear-gradient(125deg,#070706 0%,#11100d 55%,#211a0f 100%); position:relative; overflow:hidden; }.intro::before { content:"Ω"; position:absolute; right:2vw; top:-13vw; font-family:"Cormorant Garamond",serif; font-size:45vw; line-height:1; color:#d8bd7b08; }.intro .eyebrow { color:#c8a65c; }.intro h2 { font-size:clamp(65px,9vw,130px); position:relative; }.intro-story { display:grid; grid-template-columns:1fr 1fr; gap:6vw; margin-top:35px; position:relative; }.intro-copy { width:100%; margin:0; padding-top:22px; border-top:1px solid #cfad642e; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(19px,1.7vw,26px); line-height:1.55; color:#d8d0c1; }.muse-signature { position:relative; display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr; align-items:center; gap:13px; margin-top:70px; padding:22px 0; border-top:1px solid #ffffff1c; border-bottom:1px solid #ffffff1c; }.muse-signature span { color:#c9a75f; font-family:"Cormorant Garamond",serif; font-style:italic; }.muse-signature b { font-size:9px; letter-spacing:.24em; font-weight:500; }
.collections { padding:9vw 4vw 7vw; background:radial-gradient(circle at 85% 10%,#2b1710 0%,transparent 23%),linear-gradient(180deg,#100d0c 0%,#050505 38%,#0b0908 100%); color:#f4eee8; }.collection-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:55px; }.collection-heading h2 { font-size:clamp(58px,8vw,112px); margin-bottom:0; }.collection-heading h2 em { color:#e7c77f; }.collection-heading > span { padding-bottom:15px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#c6a96b; }
.collection-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ffffff2b; border-bottom:1px solid #ffffff2b; margin-bottom:60px; }.collection-tabs button { position:relative; color:#f4eee8; text-align:left; border:0; border-right:1px solid #ffffff2b; padding:28px 22px; background:linear-gradient(180deg,#ffffff05,transparent); cursor:pointer; transition:.3s; display:grid; gap:6px; }.collection-tabs button:last-child { border-right:0; }.collection-tabs button::after { content:""; position:absolute; left:22px; right:22px; bottom:0; height:1px; background:#d8b865; transform:scaleX(0); transform-origin:left; transition:.35s; }.collection-tabs button:hover,.collection-tabs button.active { background:linear-gradient(135deg,#332817,#12100c); color:#fff7df; }.collection-tabs button:hover::after,.collection-tabs button.active::after { transform:scaleX(1); }.collection-tabs small { font-size:9px; color:#d5b671; }.collection-tabs strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:27px; font-weight:500; }.collection-tabs span { font-size:8px; letter-spacing:.11em; opacity:.65; }
.gallery-grid { columns:4 260px; column-gap:14px; }.gallery-card { position:relative; display:block; width:100%; margin:0 0 14px; padding:0; border:1px solid #ffffff0e; background:#050505; overflow:hidden; cursor:zoom-in; break-inside:avoid; }.gallery-card::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(0deg,#000000b8,transparent); pointer-events:none; }.gallery-card img { display:block; width:100%; height:auto; object-fit:contain; object-position:center top; transition:transform .65s ease; }.gallery-card:hover img { transform:scale(1.025); }.gallery-card > span { z-index:2; position:absolute; inset:auto 14px 14px; display:flex; justify-content:space-between; color:#fff; font-size:9px; letter-spacing:.18em; opacity:.75; transform:none; transition:.3s; }.gallery-card:hover > span { opacity:1; }
.closing { min-height:82vh; padding:10vw 7vw; display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 75% 45%,#3a2c18 0%,transparent 28%),linear-gradient(120deg,#080706,#17120b); }.closing h2 { font-size:clamp(58px,8.5vw,124px); }.closing-copy { max-width:560px; margin:-2px 0 42px; color:#cfc7b8; font-family:"Cormorant Garamond",serif; font-size:21px; line-height:1.5; }.closing > div { display:flex; gap:18px; }.lux-link { display:flex; justify-content:space-between; gap:40px; min-width:290px; border:1px solid #c4a45b80; padding:18px 20px; text-decoration:none; font-size:8px; letter-spacing:.2em; transition:.3s; }.lux-link:hover { background:#c4a45b; color:#0a0805; }.lux-link span { font-size:13px; } footer { border-top:1px solid #ffffff20; min-height:130px; padding:40px 4vw; display:flex; align-items:center; justify-content:space-between; } footer > span { font-size:9px; letter-spacing:.17em; opacity:.6; }
.lightbox { position:fixed; inset:0; z-index:90; display:grid; place-items:center; background:#050404f4; backdrop-filter:blur(14px); }.lightbox img { max-width:min(84vw,1000px); max-height:88vh; object-fit:contain; box-shadow:0 30px 100px #000; }.lightbox-close,.lightbox-arrow { position:absolute; z-index:2; border:0; color:white; background:transparent; cursor:pointer; font-size:34px; font-weight:200; }.lightbox-close { right:28px; top:18px; }.lightbox-arrow { top:50%; transform:translateY(-50%); font-size:24px; }.lightbox-arrow.prev { left:4vw; }.lightbox-arrow.next { right:4vw; }.lightbox > span { position:absolute; bottom:18px; font-size:10px; letter-spacing:.2em; }
@media (max-width:760px) { .topbar { padding:22px 20px; }.brand small { display:none; }.topbar nav { gap:15px; }.topbar nav a:nth-child(2){display:none}.gate-video-main { object-fit:cover; object-position:center top; }.gate-shade { background:linear-gradient(0deg,#050403f2 0%,#05040360 45%,transparent 68%); }.gate-content { left:22px; bottom:3vh; width:calc(100vw - 44px); }.gate-content .eyebrow { display:none; }.gate-content h1 { font-size:21vw; }.gate-content h1 span { font-size:.34em; }.gate-line { margin:18px 0 14px; font-size:17px; }.hero { min-height:1080px; align-items:flex-end; }.hero-frame { height:68%; }.hero-image { width:100%; height:100%; object-position:center top; filter:none; }.hero-overlay { background:linear-gradient(0deg,#070706 0%,#070706fa 39%,#07070650 62%,transparent 82%); }.hero-copy { width:100%; padding:0 24px 7vh; }.hero-copy .eyebrow { font-size:8px; }.hero-copy h2 { font-size:16vw; }.hero-copy > p:not(.eyebrow) { font-size:17px; line-height:1.4; }.hero-thumbs { top:78px; left:20px; right:auto; }.hero-thumbs button { width:36px;height:50px; }.hero-counter { display:none; }.intro { padding:22vw 25px; }.intro h2 { font-size:18vw; }.intro-story { grid-template-columns:1fr; gap:18px; }.muse-signature { grid-template-columns:auto 1fr; margin-top:45px; }.collection-heading { align-items:start; flex-direction:column; }.collection-tabs { grid-template-columns:1fr 1fr; }.collection-tabs button:nth-child(2){border-right:0}.collection-tabs button:nth-child(-n+2){border-bottom:1px solid #ffffff2b}.collection-tabs strong { font-size:22px; }.gallery-grid { columns:2 140px; gap:8px; }.gallery-card { margin-bottom:8px; }.closing { padding:24vw 25px; }.closing > div { flex-direction:column; align-items:stretch; }.lux-link { min-width:0; width:100%; }.closing a { margin-right:0; } footer { padding:35px 20px; }.lightbox-arrow.prev { left:12px; }.lightbox-arrow.next { right:12px; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
