*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Avenir Next",Futura,"Trebuchet MS",sans-serif;background:#10140f;color:#efe7d4;line-height:1.65}
a{color:#efe7d4}
.slate{position:relative;min-height:70vh;display:flex;align-items:flex-end;background:#10140f center/cover no-repeat}
.slate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.slate .veil{position:relative;padding:28px 8vw 32px;max-width:980px}
.minute{font-size:clamp(4.5rem,14vw,9rem);line-height:.8;font-weight:800;letter-spacing:-.04em}
.slate h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:600;max-width:18em;margin-top:8px}
.pills{display:flex;gap:10px;padding:14px 8vw;background:#10140f;position:sticky;top:0;z-index:2;border-bottom:1px solid #2a3324}
.pills a{width:74px;height:74px;border-radius:50%;border:1px solid #efe7d4;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.pills a.here{background:#efe7d4;color:#10140f}
.log{max-width:920px;margin:0 auto;padding:28px 18px 60px;position:relative}
.log::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#3c4634}
.beat{width:46%;margin:0 0 28px;background:#1a2118;padding:16px;position:relative}
.beat.l{margin-right:auto}
.beat.r{margin-left:auto}
.beat b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#c6b48a;margin-bottom:6px}
.beat p{margin:0 0 10px;color:#efe7d4}
.beat img{width:100%;height:auto;display:block;margin:8px 0}
.small{font-size:.85rem;color:#b7ad98}
.foot{padding:18px 8vw 28px;color:#8d8676;font-size:.85rem}
@media(max-width:760px){
  .log::before{left:12px}
  .beat,.beat.l,.beat.r{width:auto;margin:0 0 18px 28px}
  .pills a{width:62px;height:62px}
}