:root { --black: #070707; --white: #ffffff; --rose: #cbb5ac; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  color: var(--white);
  background: var(--black);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.page-shell {
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 100svh;
  padding: 30px 42px 26px;
}
.topbar, footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: none;
}
.edition, footer { color: rgba(255,255,255,.55); }
footer { justify-content: center; }
main { display: grid; place-items: center; }
.hero {
  width: min(900px, 90vw);
  padding: 0 0 58px;
  text-align: center;
  transform: translateY(-6vh);
}
.logo-frame { width: min(540px, 76vw); margin: 0 auto 34px; }
.logo { display: block; width: 100%; height: auto; filter: url(#remove-white); }
.filter-defs { position: absolute; pointer-events: none; }
.luxury-knitwear {
  margin: 0;
  color: var(--rose);
  font-size: clamp(13px, 1.5vw, 20px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .23em;
  text-transform: uppercase;
}
.kicker, .soon {
  margin: 0;
  color: var(--rose);
  font-size: 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
}
.intro {
  max-width: 590px;
  margin: 0 auto;
  color: rgba(255,255,255,.72);
  font-size: clamp(14px, 1.4vw, 17px);
  line-height: 1.8;
}
.soon { margin-top: 38px; }
.thread { display: none; }
@media (max-width: 640px) {
  .page-shell { padding: 23px 21px 19px; }
  .hero { width: 100%; padding: 0 0 46px; transform: translateY(-4vh); }
  .logo-frame { width: 80vw; margin-bottom: 28px; }
  .luxury-knitwear { font-size: clamp(11px, 3vw, 15px); letter-spacing: .16em; }
  .intro br { display: none; }
  .edition { display: none; }
  footer { font-size: 9px; }
}
@media (prefers-reduced-motion: no-preference) {
  .logo-frame, .luxury-knitwear {
    opacity: 0;
    transform: translateY(10px);
    animation: reveal .8s ease forwards;
  }
  .luxury-knitwear { animation-delay: .18s; }
}
@keyframes reveal { to { opacity: 1; transform: translateY(0); } }