*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:#F4F0E7;color:#141317;font:400 1.0625rem/1.62 "Iowan Old Style","Charter","Georgia",serif}
img{display:block;width:100%;height:100%;object-fit:cover;border:0}
a{color:inherit}

/* ---- bands ---- */
.band{padding:5.5rem 0}
.band > .wrap{max-width:60rem;margin:0 auto;padding:0 1.75rem}
.coral{background:#E4533C;color:#FBEFE9}
.sea{background:#0F3D4C;color:#E7F0EF}
.lemon{background:#F0C33C;color:#231C05}
.plum{background:#59284C;color:#F3E6EF}
.coal{background:#141317;color:#EDE9E0}
.paper{background:#F4F0E7;color:#141317}
.coral a,.sea a,.plum a,.coal a{color:inherit}

h1,h2,h3,.num,.kick,nav{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1{font-size:clamp(2.4rem,6.4vw,4.6rem);line-height:.98;letter-spacing:-.03em;font-weight:800;text-transform:uppercase}
h2{font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.04;letter-spacing:-.02em;font-weight:800}
h3{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.kick{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;opacity:.72}
.lede{font-size:clamp(1.1rem,2.1vw,1.4rem);line-height:1.5;max-width:44rem;margin-top:1.6rem}

/* ---- masthead / nav ---- */
.mast{padding:1.4rem 0}
.mast .wrap{display:flex;flex-wrap:wrap;gap:.9rem 1.6rem;align-items:baseline;justify-content:space-between}
.mark{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:1.05rem;text-transform:uppercase;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.2rem 1.15rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
nav a{text-decoration:none;opacity:.7}
nav a:hover,nav a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:.35em}

/* ---- full-bleed photographs ---- */
figure{margin:0}
.shot{aspect-ratio:7/3}
.hero{aspect-ratio:3/1}
.shot,.hero{width:100%;background:#141317}

/* ---- emblem hero (home + casino) ---- */
.hero-stage{
 display:grid;
 grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
 min-height:min(86vh,44rem);
 background:#140806
}
.hero-stage-copy{
 display:flex;
 align-items:center;
 padding:5.5rem 3.2rem 5.5rem max(1.75rem,calc((100vw - 60rem)/2 + 1.75rem))
}
.hero-stage-copy .wrap{max-width:34rem;width:100%;margin:0;padding:0}
.hero-stage-mark{
 margin:0;
 position:relative;
 display:grid;
 background:#140806;
 min-height:22rem;
 overflow:hidden
}
.hero-stage-mark img{
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center
}
@media (min-width:801px){
 .hero-stage-mark:after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5.5rem;
  background:linear-gradient(90deg,#E4533C,transparent);
  pointer-events:none
 }
}

/* ---- entries ---- */
.head{display:flex;gap:1.4rem;align-items:baseline;flex-wrap:wrap}
.num{font-size:clamp(2.6rem,7vw,4.4rem);font-weight:800;line-height:.8;letter-spacing:-.04em;opacity:.55}
.place{margin-top:.5rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;opacity:.8}
.four{margin-top:3rem;display:grid;gap:2.4rem 3rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.four h3{margin-bottom:.6rem;opacity:.72}
.four p{max-width:30rem}

/* ---- lists ---- */
.index{margin-top:2.6rem;display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr))}
.index a{display:block;padding:1.5rem 1.4rem;text-decoration:none;background:rgba(0,0,0,.16)}
.index a:hover{background:rgba(0,0,0,.34)}
.index .t{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.01em}
.index .d{font-size:.95rem;opacity:.82;margin-top:.4rem}

.time{margin-top:2.4rem;border-collapse:collapse;width:100%}
.time td{padding:.85rem 0;vertical-align:top;border-top:1px solid rgba(237,233,224,.24)}
.time td:first-child{width:7.5rem;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:.04em}

.prose p+p{margin-top:1.1rem}
.prose h2{margin-top:2.6rem;margin-bottom:.9rem}
.prose ul{margin:1rem 0 0 1.2rem}
.prose li{margin-bottom:.5rem}
.foot{font-size:.82rem}
.foot nav{margin-top:1rem}

@media (max-width:800px){
 .hero-stage{
  grid-template-columns:1fr;
  min-height:0
 }
 .hero-stage-copy{padding:3.4rem 1.75rem}
 .hero-stage-mark{aspect-ratio:1/1;min-height:0}
}
@media (max-width:700px){
 .band{padding:3.4rem 0}
 .four,.index{grid-template-columns:1fr}
 .shot,.hero{aspect-ratio:4/3}
}