@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--black:#111;--cream:#f4f1eb;--grey:#d8d5cf}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--black);font-family:Montserrat,Arial,sans-serif}
.header{height:76px;background:#111;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10}
.logo{font-size:20px;font-weight:900;letter-spacing:2px;text-decoration:none;color:inherit}.logo span{font-weight:400}
nav{display:flex;gap:28px}nav a{color:white;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px}
.menu-btn{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:650px;background:linear-gradient(120deg,#171717 0%,#111 52%,#2c2c2c 100%);color:white;display:flex;align-items:center;padding:80px 8%;position:relative;overflow:hidden}
.hero:after{content:"LC";position:absolute;right:-30px;bottom:-130px;font-size:520px;font-weight:900;color:rgba(255,255,255,.035);line-height:1}
.hero-content{max-width:760px;z-index:1}.eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:2px;margin:0 0 16px;font-weight:bold}
h1{font-size:clamp(52px,8vw,108px);line-height:.9;margin:0;font-weight:900;letter-spacing:-4px}h1 em{font-style:normal;color:#c9c5bb}
.hero-text{max-width:520px;line-height:1.7;color:#ccc;margin:30px 0}
.button{display:inline-block;background:white;color:#111;text-decoration:none;padding:16px 27px;font-size:12px;font-weight:800;letter-spacing:1px}
.hero-badge{position:absolute;right:9%;top:20%;border:1px solid #777;width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;font-weight:900;z-index:1}.hero-badge small{font-size:7px;letter-spacing:1px}
.brands{background:#d7d2c9;padding:27px 6%;text-align:center;font-weight:800;letter-spacing:2px;font-size:clamp(12px,2vw,20px)}.brands p{font-size:9px;letter-spacing:2px;margin:0 0 12px}.brands span{padding:0 12px}
.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-head a{color:#111;font-size:11px;font-weight:800;text-decoration:none}
h2{font-size:clamp(32px,5vw,64px);line-height:.95;letter-spacing:-2px;margin:0;font-weight:900}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-image{height:340px;padding:15px;position:relative;display:flex;align-items:center;justify-content:center}.product-image span{position:absolute;top:14px;left:14px;font-family:"DM Mono";font-size:9px;font-weight:bold}.one{background:#d6d2c9}.two{background:#aaa69e}.three{background:#d8d1c4}.four{background:#8f8f8b}.silhouette{font-size:25px;font-weight:900;letter-spacing:-1px;transform:rotate(-90deg);opacity:.7}.product h3{margin:17px 0 5px;font-size:14px}.product p{margin:0;color:#666;font-size:12px}
.why{background:#111;color:white;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.why-grid b{font-family:"DM Mono";color:#999;font-size:12px}.why-grid h3{font-size:15px;margin:18px 0 8px}.why-grid p{font-size:12px;line-height:1.7;color:#aaa}
.cta{padding:100px 7%;text-align:center;background:#cfcac0}.cta h2{margin-bottom:20px}.cta>p:not(.eyebrow){font-size:14px;color:#444}.cta-buttons{margin-top:30px;display:flex;justify-content:center;gap:12px}.button.light{background:#111;color:white}.button.outline{background:transparent;border:1px solid #111}
footer{background:#111;color:white;padding:45px 7%;text-align:center}footer p{color:#aaa;font-size:12px}.small{font-size:10px!important;margin-top:35px}
@media(max-width:800px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111;padding:25px;flex-direction:column}.menu-btn{display:block}nav.open{display:flex}.hero{min-height:600px}.hero-badge{display:none}.products{grid-template-columns:repeat(2,1fr)}.product-image{height:250px}.why{grid-template-columns:1fr;gap:45px}.why-grid{grid-template-columns:1fr}.section{padding:65px 6%}.brands{line-height:2}.section-head{align-items:start;gap:20px}.cta-buttons{flex-direction:column;align-items:center}}