@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --ink:#0a0908; --bone:#efe6d2; --bone-dim:#a69d8b; --gold:#d6b26a; --gold-dim:#8f7744; --crimson:#c81d36;
  --serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;
  --sans:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --pad:clamp(24px,6vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);color:var(--bone);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{margin:0;font-family:var(--sans);font-weight:400;line-height:1.5}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,p{margin:0}

/* ---------- hero ---------- */
.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:calc(env(safe-area-inset-top) + 72px) var(--pad) 88px;
  background:radial-gradient(60% 45% at 50% 38%,rgba(214,178,106,.075),transparent 70%)}
.brand{line-height:0}
.mark{width:clamp(150px,40vw,236px);height:auto;overflow:visible}
.blurb{margin-top:clamp(44px,7vh,64px);max-width:24ch;font-family:var(--serif);font-weight:440;font-variation-settings:"opsz" 13;
  font-size:clamp(23px,3.1vw,34px);line-height:1.32;letter-spacing:-.005em;color:var(--bone);text-wrap:balance}
.meta{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;white-space:nowrap;font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.meta span{padding-left:.32em}
.meta .dot{width:3px;height:3px;padding:0;border-radius:50%;background:var(--crimson)}

/* ---------- release ---------- */
.release{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:clamp(96px,14vh,150px) var(--pad) clamp(96px,14vh,140px)}
.release::before{content:"";position:absolute;top:0;left:50%;width:1px;height:clamp(48px,8vh,80px);background:linear-gradient(var(--gold-dim),transparent);opacity:.7}
.release-bg{position:absolute;inset:0;z-index:-1;background:url(img/night-960.webp) 50% 30%/cover no-repeat;opacity:.38;
  -webkit-mask-image:linear-gradient(transparent,#000 30%,#000 55%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 55%,transparent)}
@media (min-width:900px){.release-bg{background-image:url(img/night.webp)}}
.release-in{max-width:760px;margin:0 auto}
.kicker{font-size:11px;font-weight:500;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:var(--gold)}
.ln-logo{margin:26px auto 0;max-width:600px;line-height:0}
.ln-logo img{width:100%;filter:drop-shadow(0 18px 40px rgba(0,0,0,.65))}
.tagline{margin-top:28px;font-family:var(--serif);font-weight:440;font-variation-settings:"opsz" 11;font-size:clamp(18px,2.2vw,22px);line-height:1.45;color:var(--bone-dim);text-wrap:balance}
.tagline em{color:var(--bone);font-style:italic}
.wren{margin:clamp(48px,7vh,64px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(4px,1vw,8px);max-width:560px}
.wren img{width:100%;aspect-ratio:165/450;object-fit:cover;filter:saturate(.9) contrast(1.04);box-shadow:0 0 0 1px rgba(214,178,106,.18)}
.cta{margin-top:clamp(48px,7vh,64px);display:inline-flex;align-items:center;gap:16px;padding:17px 30px 17px 34px;border:1px solid var(--gold);
  font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:var(--bone);
  transition:background-color .25s ease,color .25s ease}
.cta span{font-family:var(--sans);letter-spacing:0;color:var(--gold);transition:transform .25s ease,color .25s ease}
.cta:hover,.cta:focus-visible{background:var(--gold);color:var(--ink);outline:none}
.cta:hover span,.cta:focus-visible span{color:var(--ink);transform:translateX(4px)}
.url{margin-top:18px;font-family:var(--serif);font-style:italic;font-variation-settings:"opsz" 11;font-size:15px;color:var(--bone-dim)}
.url a{text-decoration:none;border-bottom:1px solid rgba(214,178,106,.35);padding-bottom:2px}
.url a:hover{color:var(--bone);border-color:var(--gold)}

/* ---------- footer ---------- */
.foot{text-align:center;padding:56px var(--pad) calc(env(safe-area-inset-bottom) + 56px);border-top:1px solid rgba(239,230,210,.08);
  font-size:11px;letter-spacing:.14em;color:var(--bone-dim)}
.foot-mark{margin:0 auto 22px;width:22px;height:22px;opacity:.9}
.foot-loc{margin-top:8px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-dim);font-size:10px}

@media (min-width:900px){.blurb{max-width:27ch}.meta{letter-spacing:.36em}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.foot-mail{margin-top:14px;font-size:13px;letter-spacing:.06em}
.foot-mail a{color:var(--bone);text-decoration:none;border-bottom:1px solid rgba(214,178,106,.35);padding-bottom:2px}
.foot-mail a:hover{border-color:var(--gold)}