:root { --ink:#07101c; --paper:#f1e7d1; --gold:#e5c97f; --red:#d9503f; --cyan:#7fd7de; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; }
.hero { position:relative; min-height:92vh; overflow:hidden; }
.hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#050a12f2 0,#050a12bf 38%,#050a1230 72%),linear-gradient(0deg,#07101c 0,transparent 35%); }
nav { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:2rem 5vw; gap:2rem; }
.brand { font-family:Georgia,serif; font-size:1.25rem; letter-spacing:.08em; }
.brand span { color:var(--red); }
nav a { color:inherit; text-decoration:none; }
nav>div { display:flex; align-items:center; gap:1.5rem; text-transform:uppercase; font-size:.67rem; letter-spacing:.15em; }
.shop,.primary,.secondary,.collaboration a { border:1px solid #e5c97f88; border-radius:999px; padding:.85rem 1.15rem; }
.hero-copy { position:relative; z-index:2; max-width:760px; padding:16vh 5vw 7rem; }
.hero-copy>p,.section-heading>p,.collaboration>p { color:var(--cyan); text-transform:uppercase; letter-spacing:.3em; font-size:.72rem; }
.hero-copy h1 { margin:.4rem 0 1.25rem; font:clamp(4rem,9vw,8.5rem)/.85 Georgia,serif; letter-spacing:-.055em; }
.hero-copy>span { display:block; max-width:560px; color:#c4d1d7; font:1.15rem/1.7 Georgia,serif; }
.hero-copy>div,.collaboration>div { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.hero-copy a,.collaboration a { color:inherit; text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }
.primary { background:var(--gold); color:#08101b!important; }
.statement { display:grid; grid-template-columns:1.4fr .6fr; gap:5rem; padding:8rem 7vw; border-bottom:1px solid #ffffff18; }
.statement p { margin:0; font:clamp(1.8rem,4vw,3.3rem)/1.2 Georgia,serif; }
.statement strong { align-self:end; color:var(--gold); line-height:1.7; }
.collections { padding:8rem 5vw; }
.section-heading { display:grid; grid-template-columns:.5fr 1.5fr; align-items:end; margin-bottom:3rem; }
.section-heading h2 { margin:0; font:clamp(2.8rem,6vw,6rem)/.95 Georgia,serif; max-width:13ch; }
.collection-map { position:relative; border:1px solid #e5c97f55; }
.collection-map>img { display:block; width:100%; }
.collection-hotspots { position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,1fr); }
.collection-hotspots a { position:relative; border:1px solid transparent; transition:background .2s ease,border-color .2s ease; }
.collection-hotspots a:hover,.collection-hotspots a:focus-visible { background:#e5c97f16; border-color:#e5c97faa; outline:none; }
.collection-hotspots a::before { content:attr(data-label); position:absolute; left:0; right:0; bottom:0; min-height:15%; display:flex; align-items:center; padding:.55rem 1rem; background:#07101cf2; color:var(--gold); font-weight:700; font-size:clamp(.62rem,1.25vw,1.05rem); }
.collection-hotspots a::after { content:"Enter"; position:absolute; right:1rem; top:1rem; padding:.5rem .65rem; border-radius:999px; background:#07101cdd; color:var(--gold); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; opacity:0; transition:opacity .2s ease; }
.collection-hotspots a:hover::after,.collection-hotspots a:focus-visible::after { opacity:1; }
.collection-list { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:1px; background:#ffffff20; }
.collection-card { display:block; padding:2rem; background:#091522; color:inherit; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.collection-card:hover,.collection-card:focus-visible { background:#102238; transform:translateY(-3px); outline:1px solid #e5c97f77; outline-offset:-1px; }
.collection-list b { color:var(--red); }
.collection-list h3 { font:1.5rem Georgia,serif; }
.collection-list p { color:#aabcc6; line-height:1.6; }
.collection-list span { display:inline-block; margin-top:1rem; color:var(--gold); text-transform:uppercase; letter-spacing:.12em; font-size:.65rem; }
.collaboration { margin:2rem 5vw 8rem; padding:clamp(3rem,8vw,8rem); border:1px solid #e5c97f55; background:radial-gradient(circle at 90% 10%,#6f224955,transparent 35rem),#0b1625; }
.collaboration h2 { max-width:12ch; margin:.7rem 0 1.5rem; font:clamp(3rem,7vw,6.5rem)/.95 Georgia,serif; }
.collaboration>span { display:block; max-width:720px; color:#b9cad2; line-height:1.8; }
.collaboration a { color:var(--gold); text-decoration:none; }
footer { display:flex; justify-content:space-between; gap:2rem; padding:2.5rem 5vw; border-top:1px solid #ffffff1f; color:#9db0bb; font-size:.75rem; }
footer a { color:var(--gold); text-decoration:none; }
@media(max-width:760px) { nav>div a:not(.shop){display:none} .hero-copy{padding-top:18vh} .statement,.section-heading{grid-template-columns:1fr;gap:2rem} .collection-list{grid-template-columns:1fr} .collections{padding-inline:1rem} .collaboration{margin-inline:1rem} footer{flex-direction:column} }