*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f4f1ea;color:#141414;line-height:1.55}
a{color:inherit}.script,.logo{font-family:Caveat,cursive;text-decoration:underline;text-underline-offset:4px}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:rgba(244,241,234,.92);backdrop-filter:blur(8px)}
.logo{font-size:2rem;text-decoration-thickness:2px}.nav nav a{margin-left:14px;font-size:.85rem;text-decoration:none;font-weight:600}
.hero{position:relative;height:88vh;overflow:hidden;background:#111;color:#fff}.hero video{width:100%;height:100%;object-fit:cover;opacity:.7}
.hero-copy{position:absolute;bottom:0;padding:28px 20px 40px;max-width:560px}.hero h1{font-size:clamp(2.6rem,10vw,5rem);margin:.1em 0;line-height:1}
.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}
.btn{display:inline-block;background:#141414;color:#fff;border:0;padding:13px 20px;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;margin-top:8px}
.hero .btn{background:#f4f1ea;color:#141414}.btn.ghost{background:transparent!important;color:#fff!important;border:1px solid #fff}
.wrap{padding:56px 18px;max-width:1100px;margin:auto}h2{font-size:1.8rem;margin:0 0 .3em}.sub{color:#666}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}@media(min-width:800px){.grid{grid-template-columns:repeat(4,1fr)}.nav nav a{margin-left:28px}}
.card{background:#fff;border-radius:14px;overflow:hidden}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#e9e6df}
.card div{padding:10px 12px 14px}.card h3{font-size:.95rem;margin:0}.card p{margin:2px 0;font-size:.85rem;color:#555}
.tag{display:inline-block;font-size:.7rem;background:#141414;color:#fff;padding:3px 8px;border-radius:99px;margin-top:6px;text-decoration:none}
.look{display:grid;background:#141414;color:#f4f1ea}.look video{width:100%;max-height:80vh;object-fit:cover}.look div{padding:40px 20px}
@media(min-width:800px){.look{grid-template-columns:1fr 1fr;align-items:center}}
.story p{max-width:640px;font-size:1.05rem}.drop{text-align:center;background:#e9e4d8;border-radius:20px;margin:20px auto}
.drop form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.drop input{padding:13px 16px;border-radius:999px;border:1px solid #bbb;min-width:240px;font:inherit}
.small p{max-width:640px}footer{text-align:center;padding:30px;color:#666;font-size:.85rem}