:root{--bg:#090909;--panel:#11110f;--gold:#d8b66b;--gold2:#f0d48e;--cream:#eee8de;--muted:#aaa49a;--line:rgba(216,182,107,.22);--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.02;margin:.2em 0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--gold);font-weight:700}.site-header{position:fixed;top:0;left:0;right:0;height:84px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(180deg,rgba(5,5,5,.9),rgba(5,5,5,.4),transparent);transition:.3s}.site-header.scrolled{background:rgba(7,7,7,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand img{width:230px}.site-header nav{display:flex;align-items:center;gap:30px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}.site-header nav a{opacity:.8}.site-header nav a:hover{opacity:1;color:var(--gold2)}.shop{border:1px solid var(--gold);padding:12px 19px}.menu{display:none;background:none;border:1px solid var(--line);color:white;padding:9px 12px}.hero{height:100vh;min-height:760px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.05) 58%,rgba(0,0,0,.8)),radial-gradient(circle at center,transparent 0 22%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.45) 100%)}.hero-content{position:relative;z-index:2;text-align:center;width:min(720px,75vw);padding-top:65px}.hero-logo{width:min(510px,68vw);margin:0 auto 26px}.hero h1{font-size:clamp(3.2rem,6vw,6.9rem)}.hero h1 em{font-style:normal;color:var(--gold2)}.lead{max-width:660px;margin:26px auto 34px;color:#d5d0c8;font-size:1.05rem}.button{display:inline-block;border:1px solid var(--gold);color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;padding:15px 24px;transition:.25s}.button:hover{background:var(--gold);color:#111}.scroll{position:absolute;z-index:3;right:2.2vw;bottom:42px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.28em;font-size:.62rem}.section{max-width:var(--max);margin:auto;padding:120px 5vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;border-bottom:1px solid var(--line)}.intro h2,.section-head h2,.about h2,.free h2{font-size:clamp(3rem,5.2vw,6.2rem)}.intro-text{font-size:1.12rem;color:var(--muted);max-width:580px}.section-head{margin-bottom:54px}.collections{padding-top:130px}.collection-primary{border:1px solid var(--line);background:linear-gradient(145deg,#121210,#080808);display:grid;grid-template-columns:.34fr .66fr;gap:30px;padding:44px;align-items:center}.collection-copy span,.collection-card span{font-family:Georgia,serif;font-size:4.6rem;color:rgba(216,182,107,.3)}.collection-copy h3,.collection-card h3,.inside-card h3{font-size:clamp(2rem,3vw,4rem)}.collection-copy p:not(.eyebrow),.collection-card p:not(.eyebrow){color:var(--muted)}.collection-copy a{display:inline-block;margin-top:12px;color:var(--gold2);border-bottom:1px solid var(--gold);padding-bottom:4px}.cover-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end}.cover-row img,.collection-card img{box-shadow:0 24px 45px rgba(0,0,0,.45);transition:.3s}.cover-row img:hover,.collection-card img:hover{transform:translateY(-8px)}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}.collection-card{border:1px solid var(--line);padding:40px;display:grid;grid-template-columns:1fr 210px;gap:28px;align-items:end;background:#0e0e0d}.band{padding:120px max(5vw,calc((100vw - var(--max))/2 + 5vw));background:#0d0d0c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-main{border:1px solid var(--line)}.how-small{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.how-small figure{margin:0;border:1px solid var(--line);background:#090909}.how-small figcaption{padding:14px 18px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.68rem}.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.inside-card{border:1px solid var(--line);background:#0e0e0d;overflow:hidden}.inside-card>div{padding:28px}.inside-card img{width:100%;aspect-ratio:1.55/1;object-fit:cover}.about{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pixel-art{position:absolute;right:-40px;top:30px;width:360px;opacity:.14}.about-copy{max-width:1050px;position:relative;z-index:1}.about-copy p:last-child{max-width:720px;color:var(--muted);font-size:1.1rem}.values{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px;position:relative;z-index:1}.values span{border:1px solid var(--line);padding:12px 18px;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--gold2)}.free{padding:140px 5vw;text-align:center;background:radial-gradient(circle at center,rgba(216,182,107,.10),transparent 55%),#0b0b0a;border-bottom:1px solid var(--line)}.free>div{max-width:850px;margin:auto}.free p:not(.eyebrow){color:var(--muted);margin:24px auto 34px}footer{padding:54px 5vw 28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}footer img{width:240px}footer p{color:var(--muted)}.footer-links{display:flex;gap:20px;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.legal{grid-column:1/-1;display:flex;gap:18px;border-top:1px solid var(--line);padding-top:20px;color:#888;font-size:.75rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.site-header nav{position:absolute;top:84px;left:0;right:0;background:#090909;display:none;flex-direction:column;padding:28px}.site-header nav.open{display:flex}.menu{display:block}.hero{min-height:680px}.hero-bg{object-position:center}.hero-content{width:72vw}.intro,.collection-primary,.collection-grid{grid-template-columns:1fr}.cover-row{grid-template-columns:repeat(5,120px);overflow-x:auto;padding-bottom:14px}.inside-grid{grid-template-columns:1fr}.collection-card{grid-template-columns:1fr 170px}}@media(max-width:640px){.brand img{width:180px}.hero{height:88vh;min-height:650px}.hero-content{width:86vw;padding-top:45px}.hero h1{font-size:3.45rem}.lead{font-size:.95rem}.section{padding:85px 24px}.collection-primary,.collection-card{padding:26px}.collection-card{grid-template-columns:1fr 120px}.how-small{grid-template-columns:1fr}.pixel-art{width:230px}.footer-links{flex-wrap:wrap}footer{grid-template-columns:1fr}}


/* Launch polish: mobile and legal pages */
.legal-page{
  max-width:900px;
  min-height:100vh;
  margin:0 auto;
  padding:120px 28px 90px;
}
.legal-page h1{font-size:clamp(3rem,7vw,5.8rem);margin-bottom:55px}
.legal-page h2{font-size:clamp(1.8rem,4vw,2.7rem);margin-top:45px;color:var(--gold2)}
.legal-page p{color:#c9c3ba}
.legal-back{display:inline-block;margin-bottom:45px;color:var(--gold2)}
.legal-note{margin-top:55px;padding:20px;border:1px solid var(--line);color:#a9a299!important}

@media(max-width:980px){
  .site-header{
    height:68px;
    padding:0 20px;
    background:rgba(7,7,7,.94);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(12px);
  }
  .site-header nav{
    top:68px;
    height:calc(100vh - 68px);
    justify-content:center;
    gap:24px;
    font-size:.9rem;
  }
  .hero{
    height:auto;
    min-height:760px;
    padding-top:68px;
  }
  .hero-bg{
    position:absolute;
    object-fit:cover;
    object-position:center;
  }
  .hero:after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.34) 42%,rgba(0,0,0,.93) 75%),
      radial-gradient(circle at center,transparent 0 20%,rgba(0,0,0,.24) 68%);
  }
  .hero-content{
    align-self:end;
    width:min(90vw,620px);
    padding:0 0 72px;
  }
  .hero-logo{
    width:min(390px,72vw);
    margin-bottom:18px;
  }
  .hero h1{
    font-size:clamp(3rem,9vw,5rem);
  }
  .scroll{display:none}
  .collection-primary{padding:28px}
  .cover-row{
    grid-template-columns:repeat(5,115px);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }
  .cover-row img{scroll-snap-align:start}
  .how-main img,.how-small img{width:100%;height:auto}
}

@media(max-width:640px){
  body{overflow-x:hidden}
  .brand img{width:150px}
  .menu{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
  .hero{
    min-height:700px;
  }
  .hero-bg{
    object-position:center top;
  }
  .hero-content{
    width:calc(100vw - 40px);
    padding-bottom:54px;
  }
  .hero-logo{
    width:min(330px,76vw);
  }
  .hero .eyebrow{
    font-size:.58rem;
    line-height:1.5;
  }
  .hero h1{
    font-size:clamp(2.75rem,12vw,4rem);
  }
  .lead{
    font-size:.91rem;
    margin:20px auto 27px;
  }
  .button{
    width:100%;
    max-width:330px;
    padding:14px 16px;
  }
  .intro{
    gap:28px;
  }
  .intro h2,.section-head h2,.about h2,.free h2{
    font-size:clamp(2.65rem,12vw,4rem);
  }
  .collection-primary,.collection-card{
    display:block;
  }
  .collection-card img{
    width:min(210px,65%);
    margin:30px auto 0;
  }
  .inside-card img{
    aspect-ratio:auto;
    object-fit:contain;
  }
  .pixel-art{
    right:-90px;
    opacity:.08;
  }
  .free{
    padding:90px 24px;
  }
  footer{
    display:block;
    text-align:center;
  }
  footer img{
    width:200px;
    margin:0 auto;
  }
  .footer-links,.legal{
    justify-content:center;
    margin-top:28px;
  }
  .legal-page{
    padding-top:90px;
  }
}
