@font-face{font-family:"EB Garamond";src:url(eb-garamond.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(cormorant-garamond.woff2) format("woff2");font-display:swap}
:root{--bg:#0b0e1c;--ink:#ecebf5;--muted:#a9adc6;--line:#262b48;--warm:#ffc77e;--link:#ffd9a3}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font:18px/1.6 "EB Garamond",Garamond,Georgia,serif;
  background:radial-gradient(120% 70% at 50% 0%,#1b2046 0%,#0b0e1c 60%) no-repeat,var(--bg);min-height:100vh}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 64px}
header a.mark{display:inline-block;width:180px;height:calc(180px / 2.3559);background:url(lampwisp.webp) left center/100% 100% no-repeat}
header a.mark span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
nav{display:flex;gap:18px;margin-top:10px;font-size:.95rem}
nav a{color:var(--muted);text-decoration:none}
nav a:hover,nav a[aria-current]{color:var(--ink)}
h1,h2{font-family:"Cormorant Garamond",Garamond,serif;font-weight:600;line-height:1.15;margin:1.6em 0 .4em}
h1{font-size:2.4rem}
h2{font-size:1.6rem}
p,li{color:var(--ink)}
.muted{color:var(--muted)}
a{color:var(--link)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:36px;align-items:start;margin-top:8px}
.hero h1{margin-top:.8em}
.hero img{width:100%;border-radius:22px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tag{font-size:1.5rem;font-family:"Cormorant Garamond",serif;line-height:1.3}
.soon{display:inline-block;margin-top:14px;padding:8px 16px;border:1px solid var(--warm);border-radius:99px;color:var(--warm);font-size:.95rem}
footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px}
footer a{color:var(--muted)}
@media (max-width:620px){.hero{grid-template-columns:1fr}.hero img{max-width:260px;margin:0 auto}h1{font-size:2rem}}