*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Jost",sans-serif;background:#0a0a0a;color:#f5f2eb;min-height:100vh}
.nav{display:flex;justify-content:space-between;padding:1.5rem clamp(1.5rem,5vw,4rem);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;font-weight:300;border-bottom:1px solid #ffffff18}
.nav a{color:#f5f2eb;text-decoration:none}
.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:3rem clamp(1.5rem,5vw,4rem);max-width:800px}
.brand{font-family:"Cormorant",serif;font-size:clamp(4rem,15vw,9rem);font-weight:500;letter-spacing:.2em;line-height:.9;margin-bottom:1.5rem}
.hero h1{font-family:"Cormorant",serif;font-weight:500;font-size:clamp(1.5rem,3.5vw,2.4rem);max-width:14ch;line-height:1.2;margin-bottom:1rem}
.sub{font-weight:300;font-size:1rem;letter-spacing:.04em;max-width:36ch;line-height:1.7;opacity:.65;margin-bottom:2rem}
.cta{display:inline-block;text-decoration:none;color:#f5f2eb;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid #f5f2eb;padding-bottom:.35rem;width:fit-content;transition:opacity .3s ease}
.cta:hover{opacity:.6}
.looks{display:grid}
.look{min-height:50vh;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem clamp(1.5rem,5vw,4rem);border-top:1px solid #ffffff18}
.look span{font-size:.7rem;letter-spacing:.2em;opacity:.5;margin-bottom:1rem}
.look h2{font-family:"Cormorant",serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;letter-spacing:.08em}
.l1{background:linear-gradient(120deg,#111,#1a1a1a 50%,#2a2420)}
.l2{background:linear-gradient(160deg,#0d0d0d,#1c1820 60%,#101820)}
.l3{background:linear-gradient(140deg,#0a0a0a,#201810)}
@media(min-width:900px){.looks{grid-template-columns:repeat(3,1fr)}.look{border-top:none;border-right:1px solid #ffffff18;min-height:70vh}.look:last-child{border-right:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}