.h-decades{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:80px;flex-wrap:wrap;justify-content:center;position:sticky;top:110px;background:var(--bone);z-index:30;padding-top:14px}
.h-decade{padding:18px 22px;font-family:'Lora',serif;font-style:italic;font-size:1rem;color:var(--text-mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .25s;background:none;border-left:none;border-right:none;border-top:none}
.h-decade:hover{color:var(--ink)}
.h-decade.active{color:var(--gold-deep);border-bottom-color:var(--gold);font-weight:500}

.htl{position:relative;max-width:1080px;margin:0 auto;padding-left:60px}
.htl::before{content:'';position:absolute;left:24px;top:0;bottom:0;width:1px;background:var(--rule)}
.htl-event{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start;padding-bottom:120px}
.htl-event:nth-child(even){grid-template-columns:1.2fr 1fr}
.htl-event:nth-child(even) .htl-img-wrap{order:2}
.htl-event:nth-child(even) .htl-content{order:1}
.htl-event::before{content:'';position:absolute;left:-44px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid var(--bone);box-shadow:0 0 0 1px var(--gold)}
.htl-img-wrap{aspect-ratio:5/4;overflow:hidden;background:#1f2034;position:relative}
.htl-img-wrap img{width:100%;height:100%;object-fit:cover}
.htl-img-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:'Lora',serif;font-style:italic;font-size:.9rem;flex-direction:column;gap:14px}
.htl-img-placeholder i{font-size:2.4rem;opacity:.5}
.htl-content{padding-top:6px}
.htl-year{font-family:'Lora',serif;font-weight:500;font-style:italic;font-size:3.4rem;line-height:1;color:var(--gold);margin-bottom:18px}
.htl-date{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin-bottom:18px}
.htl-content h3{font-family:'Lora',serif;font-weight:500;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.25;letter-spacing:-.005em;margin-bottom:22px}
.htl-content p{font-family:'Lora',serif;font-size:1.02rem;line-height:1.75;color:#3a3b48;margin-bottom:18px;white-space:pre-line}
.htl-content blockquote{font-family:'Lora',serif;font-style:italic;font-size:.96rem;line-height:1.7;color:var(--text-mute);padding-left:22px;border-left:2px solid var(--gold);margin:18px 0}

/* Lodges section */
.lodges-section{background:var(--ink);color:#e6e7ee;padding:120px 0}
.lodges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.lodges-decade h3{font-family:'Lora',serif;font-weight:500;font-style:italic;font-size:2rem;color:var(--gold);margin-bottom:30px}
.lodges-decade ul{list-style:none}
.lodges-decade li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.92rem;font-family:'Lora',serif;align-items:baseline}
.lodges-decade .l-num{color:var(--gold);font-style:italic;font-size:.85rem}
.lodges-decade .l-name{color:#e6e7ee}
.lodges-decade .l-loc{color:rgba(230,231,238,.5);font-size:.82rem;font-style:italic}

.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:80px}
.video-card{position:relative}
.video-frame{aspect-ratio:16/9;overflow:hidden;background:#000;border:1px solid rgba(201,164,73,.2);position:relative}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.video-card h4{font-family:'Lora',serif;font-weight:500;font-size:1.4rem;margin:24px 0 10px;letter-spacing:-.005em}
.video-card p{font-size:.92rem;line-height:1.65;color:rgba(230,231,238,.7);font-family:'Lora',serif}
.video-num{position:absolute;top:-30px;right:0;font-family:'Lora',serif;font-style:italic;color:var(--gold);font-size:.95rem}

@media(max-width:880px){
  .htl{padding-left:40px}
  .htl::before{left:14px}
  .htl-event,.htl-event:nth-child(even){grid-template-columns:1fr;gap:24px}
  .htl-event:nth-child(even) .htl-img-wrap{order:0}
  .htl-event:nth-child(even) .htl-content{order:0}
  .htl-event::before{left:-30px}
  .htl-year{font-size:2.6rem}
  .lodges-grid{grid-template-columns:1fr;gap:30px}
  .video-grid{grid-template-columns:1fr}
  .h-decades{position:relative;top:0;font-size:.85rem}
}