:root{--bar:#0b0a09;--cream:#f3ece1}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#0b0a09;color:var(--cream);font-family:"Helvetica Neue",Arial,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 28px}
.logo-img{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.bar nav{display:flex;gap:22px;letter-spacing:.16em;font-size:.72rem;text-transform:uppercase}
.bar nav a:hover,.bar nav a.on{opacity:1}
.bar nav a{opacity:.8}
.menu{display:none;background:none;border:1px solid rgba(243,236,225,.4);color:var(--cream);padding:6px 10px;letter-spacing:.14em;text-transform:uppercase}
.hero{min-height:100vh;background:#000;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.72) 100%)}
.hero-copy{position:relative;z-index:2;padding:0 40px 56px;max-width:720px}
.hero-copy h1{font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:.95;text-shadow:0 8px 30px rgba(0,0,0,.45)}
.hero-copy p{margin:10px 0 22px;opacity:.9}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;background:#f3ece1;color:#0b0a09;padding:12px 20px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.btn.ghost{background:transparent;color:#f3ece1;border:1px solid rgba(243,236,225,.7)}
.strip{padding:28px 28px 40px}
.strip h2{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;opacity:.7}
.row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.row a img{width:100%;aspect-ratio:1;object-fit:cover}
.page{padding:96px 28px 80px;max-width:980px;margin:0 auto}
.page h1{font-size:2rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.page p{max-width:40rem;line-height:1.7;color:#e8dfd0}
.page p+p{margin-top:14px}
.embed{margin:22px 0;background:#000}
.embed iframe{width:100%;height:352px;border:0;display:block}
.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px}
.cover{background:#141210;color:#efe6d6}
.cover img{width:100%;aspect-ratio:1;object-fit:cover}
.cover p{padding:10px 8px 12px;font-size:.82rem;line-height:1.3}
.cover span{display:block;opacity:.65;font-size:.72rem;margin-top:3px}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.vids iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}
.vids h3{margin-top:8px;font-size:.9rem;font-weight:500}
footer{padding:18px 28px 28px;font-size:.75rem;color:#9a8f82;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #222}
@media(max-width:900px){
  .menu{display:block}
  .bar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0a09;flex-direction:column;padding:14px 20px 20px}
  .bar nav.open{display:flex}
  .row,.vids{grid-template-columns:repeat(2,1fr)}
  .hero-copy{padding:0 20px 36px}
}

.portrait-row{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:36px 28px 48px;max-width:1100px;margin:0 auto}
.portrait-row img{width:100%;display:block}
.portrait-row p{color:#e8dfd0;line-height:1.7}
@media(max-width:800px){.portrait-row{grid-template-columns:1fr}}