:root{
  --cream:#f2ede5;
  --paper:#f7f3ec;
  --black:#0b0b0b;
  --gray:#d7d1c8;
  --ink:#111;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:auto}
.header{
  height:78px;padding:0 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:30px;background:rgba(247,243,236,.96);border-bottom:1px solid rgba(0,0,0,.08);
  position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)
}
.nav{display:flex;gap:42px;font-size:12px;font-weight:600}
.logo{font-family:"Archivo Black",sans-serif;font-size:33px;letter-spacing:.18em}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:28px;font-size:12px;font-weight:600}
.language-toggle{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #222;background:transparent;font:inherit;cursor:pointer}
.globe{font-size:20px}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:42% 58%;min-height:570px;background:#dfd8ce}
.hero-copy{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:60px 7vw;background:linear-gradient(125deg,#efe9df,#d9d1c6)
}
.hero-title{font-family:"Archivo Black",sans-serif;font-size:clamp(65px,7.5vw,125px);line-height:.8;margin:0 0 24px;letter-spacing:-.055em}
.hero-subtitle{font-size:18px;letter-spacing:.36em;margin:0 0 28px}
.hero-image{overflow:hidden;background:#c9c1b6}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.button{display:inline-flex;justify-content:center;align-items:center;min-width:165px;padding:16px 24px;font-size:12px;font-weight:600;letter-spacing:.08em}
.dark{background:#0b0b0b;color:#fff}.light{border:1px solid #111}.outline{border:1px solid rgba(255,255,255,.75);color:#fff}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#0b0b0b;color:#fff;padding:25px 5vw;gap:30px}
.benefits article{display:flex;gap:20px;align-items:center;border-right:1px solid rgba(255,255,255,.25)}
.benefits article:last-child{border:0}.benefit-icon{font-size:36px}
.benefits strong{font-size:12px}.benefits p{font-size:12px;color:#c8c8c8;margin:7px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;background:var(--cream)}
.category-card{position:relative;min-height:500px;overflow:hidden;background:#999}
.category-card img{height:100%;object-fit:cover;transition:transform .5s ease}
.category-card:hover img{transform:scale(1.025)}
.card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px;background:linear-gradient(transparent 55%,rgba(0,0,0,.65))}
.card-overlay h2{font-family:"Archivo Black";color:#fff;font-size:24px;margin:0 0 14px;text-align:center}
.mission{padding:58px 48px;display:flex;flex-direction:column;justify-content:center;background:#f5f0e8}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em}
.mission h2,.lookbook h2{font-family:"Archivo Black";font-size:44px;line-height:.95;margin:20px 0}
.mission>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-bottom:34px}
.lookbook{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:90px 8vw;background:#a5a093;color:#111}
.lookbook h2{font-size:72px;margin-bottom:0}.lookbook>p{max-width:480px;align-self:end;line-height:1.8;font-size:15px}
footer{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:28px 34px;background:#0b0b0b;color:#fff;font-size:11px}
footer nav{display:flex;justify-content:center;gap:35px}.socials{display:flex;justify-content:flex-end;gap:18px;font-weight:600}

@media(max-width:1000px){
  .header{grid-template-columns:auto 1fr auto;padding:0 18px}.left-nav{display:none}.mobile-menu{display:block;border:0;background:none;width:30px}
  .mobile-menu span{display:block;height:2px;background:#111;margin:6px 0}.logo{justify-self:center;font-size:25px}.cart{display:none}
  .hero{grid-template-columns:1fr}.hero-copy{min-height:440px}.hero-image{height:560px}
  .benefits{grid-template-columns:1fr 1fr}.benefits article:nth-child(2){border-right:0}
  .category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:520px}
}
@media(max-width:650px){
  .header{height:68px}.logo{font-size:20px;letter-spacing:.12em}.language-toggle{padding:9px 11px}.globe{display:none}
  .hero-copy{padding:60px 28px;min-height:420px}.hero-title{font-size:64px}.hero-subtitle{font-size:12px}
  .hero-image{height:440px}.benefits{grid-template-columns:1fr;padding:28px}.benefits article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:18px}
  .category-grid{grid-template-columns:1fr}.category-card{min-height:480px}.mission{min-height:450px}
  .lookbook{grid-template-columns:1fr;padding:70px 28px}.lookbook h2{font-size:54px}
  footer{grid-template-columns:1fr;gap:25px;text-align:center}footer nav{flex-direction:column;gap:12px}.socials{justify-content:center}
}