:root{
  --black:#0A0A0A;
  --white:#FFFFFF;
  --off:#F5F5F3;
  --muted:#6E6E6A;
  --line:#26262380;
  --font-display:'Bebas Neue', sans-serif;
  --font-body:'Archivo', sans-serif;
  --wrap:1180px;
  --ease:cubic-bezier(.22,.7,.24,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--white);
  color:var(--black);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2{font-family:var(--font-display);font-weight:400;line-height:.95;letter-spacing:.01em;text-wrap:balance}
.wrap{width:min(var(--wrap),92vw);margin:0 auto}

.skip-link{position:absolute;left:-999px;top:0;background:var(--black);color:#fff;padding:12px 20px;z-index:100;font-size:14px;font-weight:600}
.skip-link:focus{left:0}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease), transform .6s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

#inicio,#colecao,#sobre{scroll-margin-top:76px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;transition:border-color .25s ease}
.site-header.is-scrolled{border-bottom-color:#00000014}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}
.brand{font-family:var(--font-display);font-size:26px;letter-spacing:.06em}
.nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}
.nav a{touch-action:manipulation}
.nav a:hover{color:var(--black)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;
  background:var(--black);color:#fff;font-weight:600;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;
  padding:13px 26px;transition:background .2s ease, transform .2s var(--ease), opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.btn:hover{background:#333;transform:translateY(-2px)}
.btn--lg{padding:16px 32px;font-size:14px}
.btn--light{background:#fff;color:var(--black)}
.btn--light:hover{background:var(--off)}

.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.eyebrow--light{color:#ffffffb0}
h2{font-size:clamp(34px,4.4vw,56px);margin-bottom:16px}
.section__lead{color:var(--muted);font-size:16px;max-width:460px}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.hero__content{background:var(--black);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px min(6vw,90px)}
.hero h1{font-size:clamp(90px,14vw,220px);color:#fff}
.hero__tagline{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);letter-spacing:.03em;margin:6px 0 20px}
.hero__lead{color:#d8d8d5;font-size:16px;max-width:400px;margin-bottom:30px}
.hero__image{position:relative;overflow:hidden;background:var(--off)}
.hero__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}

.section{padding:110px 0}
.section > .wrap:first-child{margin-bottom:52px}

/* Products */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.product__image{aspect-ratio:2/3;overflow:hidden;background:var(--off);margin-bottom:16px}
.product__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .5s var(--ease)}
.product:hover .product__image img{transform:scale(1.04)}
.product__info{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.product h3{font-family:var(--font-body);font-weight:600;font-size:14.5px}
.product__price{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}

/* About */
.about{background:var(--black);color:#fff;padding:120px 0}
.about__grid{max-width:640px}
.about h2{color:#fff}
.about__lead{color:#c9c9c6;font-size:17px;margin-top:16px}

/* CTA */
.cta{padding:110px 0;text-align:center}
.cta__lead{color:var(--muted);font-size:16px;max-width:440px;margin:0 auto 30px}

/* Footer */
.site-footer{padding:26px 0;border-top:1px solid #00000014}
.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}
.footer-brand{font-family:var(--font-display);font-size:18px;color:var(--black)}

@media (max-width:860px){
  .nav{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero__image{aspect-ratio:4/5}
  .hero__content{padding:60px 6vw}
  .products{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width:520px){
  .footer-inner{flex-direction:column;gap:8px;text-align:center}
}