:root{
  --black:#111111; --off:#F8F5F1; --wine:#6E2639; --nude:#D8B9B0; --gray:#727272;
  --white:#fff; --line:rgba(17,17,17,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--off);color:var(--black)}
a{color:inherit;text-decoration:none;cursor:pointer}
.topbar{background:var(--wine);color:white;text-align:center;padding:10px 20px;font-size:11px;letter-spacing:.18em;font-weight:700}
.header{height:78px;display:flex;align-items:center;gap:28px;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(248,245,241,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.brand sup,footer sup{font-size:8px}
.brand-mark{width:34px;height:34px;border:1.5px solid currentColor;display:inline-grid;place-items:center;font-weight:900;letter-spacing:-.12em;padding-right:2px}
nav{display:flex;gap:22px;margin:auto;font-size:12px;font-weight:700;text-transform:uppercase}
nav a{opacity:.72} nav a:hover{opacity:1}
.header-cta{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:800}
.menu-btn{display:none;border:0;background:none;font-size:24px}
.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr}
.hero-art{position:relative;overflow:hidden;background:linear-gradient(140deg,#d6b7ad 0%,#6e2639 50%,#181316 100%);min-height:680px}
.shape{position:absolute;border-radius:50%;filter:blur(1px)}
.shape-1{width:520px;height:520px;border:90px solid rgba(248,245,241,.15);left:-140px;top:80px}
.shape-2{width:310px;height:310px;background:rgba(248,245,241,.11);right:-50px;top:-70px}
.model-silhouette{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:280px;height:520px;background:linear-gradient(160deg,#111 0 52%,#25151a 53%);border-radius:140px 140px 46px 46px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.model-silhouette:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#171013;left:65px;top:-90px}
.model-silhouette:after{content:"BF";position:absolute;right:25px;bottom:80px;color:rgba(255,255,255,.8);font-weight:900;letter-spacing:-.14em;font-size:34px}
.vertical-copy{position:absolute;left:20px;bottom:26px;color:white;font-size:10px;letter-spacing:.22em;writing-mode:vertical-rl}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 7vw;background:var(--off)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;margin:0 0 18px}
.eyebrow.light{color:#eadbd6}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(54px,7vw,112px);line-height:.84;letter-spacing:-.06em;margin-bottom:28px}
h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--wine)}
.lead{font-family:Georgia,serif;font-size:22px;line-height:1.5;max-width:500px;color:#3f3937}
.actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;font-size:11px;font-weight:900;letter-spacing:.1em;border:1px solid var(--black);transition:.2s}
.btn-dark{background:var(--black);color:white}
.btn-line{background:transparent}
.btn-light{border-color:white;color:white}
.btn:hover{transform:translateY(-2px)}
.ticker{overflow:hidden;background:#111;color:white;padding:18px 0;white-space:nowrap;font-size:12px;letter-spacing:.16em;font-weight:700}
.ticker div{animation:marquee 18s linear infinite}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-110%)}}
.section{padding:90px 5vw}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.section h2,.drop h2,.manifesto h2,.club h2,.social-proof h2{font-size:clamp(36px,5vw,72px);line-height:.95;letter-spacing:-.045em;margin-bottom:10px}
.text-link{font-size:11px;font-weight:900;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:4px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cat{min-height:270px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative;overflow:hidden}
.cat:after{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(255,255,255,.12);border-radius:50%;right:-40px;bottom:-45px}
.cat span{font-size:12px;letter-spacing:.15em}.cat strong{font-size:24px;letter-spacing:-.03em}
.cat-1{background:#6e2639}.cat-2{background:#191919}.cat-3{background:#a8867e}.cat-4{background:#403438}.cat-5{background:#82726c}.cat-6{background:#d8b9b0;color:#111}
.products{background:white}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-image{height:410px;position:relative;overflow:hidden;background:#ddd}
.product-image:before{content:"";position:absolute;inset:16% 23% 0;border-radius:100px 100px 20px 20px;background:#111;box-shadow:0 0 0 18px rgba(255,255,255,.09)}
.product-image:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#111;left:50%;top:7%;transform:translateX(-50%)}
.product-image span{position:absolute;left:16px;top:16px;background:var(--off);z-index:2;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.12em}
.visual-a{background:linear-gradient(140deg,#d9cbc4,#6e2639)}
.visual-b{background:linear-gradient(140deg,#efe4df,#1b1718)}
.visual-c{background:linear-gradient(140deg,#c5bbb7,#4c4542)}
.visual-d{background:linear-gradient(140deg,#6e2639,#171313)}
.visual-e{background:linear-gradient(140deg,#c4a6a0,#2d2025)}
.visual-f{background:linear-gradient(140deg,#dfd8d3,#77605b)}
.visual-g{background:linear-gradient(140deg,#c8c8c8,#111)}
.visual-h{background:linear-gradient(140deg,#d8b9b0,#6e2639)}
.product-meta{padding:18px 4px}.product-meta p{font-size:15px;margin-bottom:7px}.product-meta strong{display:block;font-size:14px}.product-meta small{display:block;color:#777;margin:7px 0 16px;line-height:1.4}.quick{font-size:10px;font-weight:900;letter-spacing:.1em}
.drop{background:var(--wine);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:560px;padding:70px 8vw;align-items:center}
.drop p{font-family:Georgia,serif;font-size:20px;max-width:560px;line-height:1.5}
.drop-art{height:420px;position:relative;display:grid;place-items:center}
.drop-ring{position:absolute;width:360px;height:360px;border:70px solid rgba(255,255,255,.1);border-radius:50%}
.drop-art b{font-size:150px;letter-spacing:-.14em;padding-right:18px}
.manifesto{display:grid;grid-template-columns:.45fr 1fr;background:#111;color:white;padding:100px 8vw;align-items:center}
.manifesto-number{font-size:240px;font-weight:900;letter-spacing:-.14em;color:#2b2225}
.manifesto p{max-width:720px;line-height:1.65;color:#d6cdca}
.manifesto h2 em{color:#d8b9b0}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:white}
.benefits div{padding:28px 16px;display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid var(--line);font-size:12px}
.benefits b{font-size:20px}
.editorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.editorial{height:440px;display:flex;align-items:flex-end;padding:22px;color:white;position:relative;overflow:hidden}
.editorial:before{content:"";position:absolute;width:190px;height:360px;background:#111;border-radius:100px 100px 18px 18px;left:50%;bottom:-40px;transform:translateX(-50%) rotate(-3deg);opacity:.85}
.editorial span{position:relative;z-index:2;font-weight:900;font-size:13px;line-height:1.25;letter-spacing:.08em}
.ed1{background:#6e2639}.ed2{background:#b48f85}.ed3{background:#403438}.ed4{background:#8a7370}
.editorial-note{font-size:11px;color:#777;margin-top:12px}
.social-proof{padding:90px 8vw;background:#e9dfda;text-align:center}
.social-proof blockquote{font-family:Georgia,serif;font-size:clamp(34px,5vw,70px);color:var(--wine);margin:45px auto;max-width:900px}
.social-proof>p:last-child{max-width:650px;margin:auto;line-height:1.6}
.club{padding:90px 8vw;background:var(--wine);color:white}
.club p{color:#eadbd6}
.club form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin-top:35px}
.club input{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.55);color:white;padding:15px 4px;outline:none}
.club input::placeholder{color:#eadbd6}
footer{background:#111;color:white;padding:70px 5vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#b8afac}
footer a{display:block;color:#ddd;font-size:12px;margin:11px 0}
.footer-brand p{max-width:390px;color:#aaa;line-height:1.5;font-size:13px}
.footer-brand h3{display:inline-block;margin-left:10px}
.copyright{grid-column:1/-1;border-top:1px solid #333;padding-top:22px;color:#777;font-size:11px}
.float-wa{position:fixed;right:22px;bottom:22px;z-index:40;background:var(--wine);color:white;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.28)}
@media(max-width:980px){
  nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--off);padding:20px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}
  nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}
  .hero{grid-template-columns:1fr}.hero-art{min-height:500px}.hero-copy{padding:70px 6vw}
  .category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}
  .drop{grid-template-columns:1fr}.drop-art{height:260px}.drop-ring{width:240px;height:240px}.drop-art b{font-size:100px}
  .editorial-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr 1fr}.benefits div{justify-content:flex-start}
  .club form{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .header{height:68px;padding:0 18px}.brand{font-size:14px}.topbar{font-size:9px}
  .hero-art{min-height:430px}.model-silhouette{height:360px;width:210px}
  .model-silhouette:before{width:110px;height:110px;left:50px;top:-65px}
  .section{padding:65px 20px}.section-head{align-items:flex-start;flex-direction:column}
  .category-grid,.product-grid,.editorial-grid,.club form,footer{grid-template-columns:1fr}
  .cat{min-height:220px}.product-image{height:450px}.drop{padding:65px 22px}.drop-art{height:220px}
  .manifesto{grid-template-columns:1fr;padding:70px 22px}.manifesto-number{font-size:130px;line-height:.7;margin-bottom:40px}
  .benefits{grid-template-columns:1fr 1fr}.editorial{height:470px}.copyright{grid-column:1}.hero-copy{padding:55px 22px}
}