:root { --ink:#f7f0df; --gold:#d7b875; --night:#090d18; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--night); color:var(--ink); font-family:Georgia,"Times New Roman",serif; }
.landing { position:relative; isolation:isolate; min-height:100svh; overflow:hidden; display:grid; grid-template-rows:auto 1fr auto; padding:34px clamp(24px,5vw,76px) 28px; }
.hero-image,.veil { position:absolute; inset:0; z-index:-2; }
.hero-image { background-image:url('paris-entre-deux-epoques.png'); background-position:center; background-size:cover; transform:scale(1.015); }
.veil { z-index:-1; background:radial-gradient(circle at 50% 44%,rgba(11,15,27,.18) 0,rgba(11,15,27,.48) 48%,rgba(7,9,16,.8) 100%),linear-gradient(90deg,rgba(8,11,21,.62),rgba(8,11,21,.15) 50%,rgba(8,11,21,.62)); }
.site-header,footer { display:flex; align-items:center; justify-content:space-between; gap:24px; font-family:Arial,Helvetica,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.site-header { padding-bottom:22px; border-bottom:1px solid rgba(247,240,223,.22); }
.brand { color:inherit; display:inline-flex; align-items:center; gap:13px; font-size:13px; font-weight:600; text-decoration:none; }
.brand-mark { display:grid; width:37px; height:37px; place-items:center; border:1px solid var(--gold); border-radius:50%; color:var(--gold); font-size:20px; letter-spacing:0; }
.header-note,footer { font-size:9px; }
.hero { width:min(780px,100%); align-self:center; justify-self:center; padding:70px 0; text-align:center; text-shadow:0 3px 32px rgba(0,0,0,.72); }
.eyebrow,.coming-soon { margin:0; color:var(--gold); font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:600; letter-spacing:.31em; text-transform:uppercase; }
h1 { margin:24px auto 18px; font-size:clamp(43px,7vw,83px); font-weight:400; letter-spacing:-.035em; line-height:.98; }
.rule { display:flex; align-items:center; gap:12px; width:min(220px,70%); margin:28px auto; color:var(--gold); font-size:10px; }
.rule::before,.rule::after { content:""; height:1px; flex:1; background:rgba(215,184,117,.64); }
.intro { max-width:610px; margin:0 auto 30px; font-size:clamp(17px,2vw,21px); font-style:italic; line-height:1.65; }
.coming-soon { display:inline-block; padding:12px 16px 11px; border:1px solid rgba(215,184,117,.62); background:rgba(8,11,21,.38); }
footer { padding-top:22px; border-top:1px solid rgba(247,240,223,.22); color:rgba(247,240,223,.72); }
footer p { margin:0; }
@media (max-width:620px) { .landing{padding:22px 20px 20px}.header-note{display:none}.hero{padding:54px 0}h1{font-size:clamp(42px,13vw,60px)}footer{align-items:flex-start;flex-direction:column;gap:9px} }
@media (prefers-reduced-motion:no-preference) { .hero>*{animation:reveal .9s ease-out both}.hero>:nth-child(2){animation-delay:.08s}.hero>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4){animation-delay:.24s}.hero>:nth-child(5){animation-delay:.32s} }
@keyframes reveal { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }