.phero{position:relative;min-height:clamp(560px,84vh,880px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.phero .bg{position:absolute;inset:0;z-index:0}
.phero .bg img{width:100%;height:100%;object-fit:cover}
.phero .bg::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,13,13,.46) 0%,rgba(10,13,13,.1) 40%,rgba(10,13,13,.74) 100%),linear-gradient(75deg,rgba(10,13,13,.55) 0%,transparent 62%)}
.phero .inner{position:relative;z-index:5;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut) clamp(44px,7vw,92px)}
.phero .eyebrow{color:var(--cream);opacity:.9;margin-bottom:20px}
.phero h1{font-family:var(--f-display);color:var(--cream);text-transform:uppercase;font-size:clamp(2.6rem,6.6vw,6.8rem);line-height:.86;text-wrap:balance;max-width:16ch}
.phero .lede{color:var(--cream);max-width:54ch;margin:24px 0 0;opacity:.95}

/* story */
.story{position:relative;overflow:hidden}
.story .wm{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(1100px,108%);opacity:.07;z-index:0;pointer-events:none}
.story .wm img{width:100%}
.story .inner{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:start}
.story h2{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(2.4rem,5.4vw,4.8rem);line-height:.9}
.story .eyebrow{color:var(--red);margin-bottom:16px}
.story .prose p{font-size:clamp(1.16rem,1.7vw,1.45rem);line-height:1.5}
.story .prose p + p{margin-top:1.1em}
.story .prose .drop::first-letter{font-family:var(--f-display);font-size:3.4em;line-height:.7;float:left;margin:.06em .12em 0 0;color:var(--red)}

/* gallery + lightbox */
.gal{background:var(--cream-2)}
.galg{columns:3;column-gap:clamp(10px,1.4vw,18px)}
.galg figure{margin:0 0 clamp(10px,1.4vw,18px);break-inside:avoid;border-radius:3px;overflow:hidden;cursor:zoom-in}
.galg img{width:100%;display:block;transition:transform .5s var(--ease)}
.galg figure:hover img{transform:scale(1.04)}
.lb{position:fixed;inset:0;z-index:120;background:rgba(10,13,13,.94);display:none;align-items:center;justify-content:center;padding:5vh 6vw}
.lb.open{display:flex}
.lb img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb button{position:absolute;background:none;color:var(--cream);font-size:2rem;line-height:1;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lb button:hover{background:rgba(252,252,252,.12)}
.lb .lb-close{top:18px;right:18px}
.lb .lb-prev{left:12px;top:50%;transform:translateY(-50%)}
.lb .lb-next{right:12px;top:50%;transform:translateY(-50%)}

/* closing band */
.closing{background:var(--green);color:var(--ink);text-align:center;overflow:hidden;position:relative}
.closing h2{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.9;text-wrap:balance}
.closing p{max-width:46ch;margin:20px auto 30px;font-size:1.22rem}
.closing .drift{z-index:1}

@media (max-width:860px){
  .story .inner{grid-template-columns:1fr;gap:22px}
  .galg{columns:2}
}
@media (max-width:540px){.galg{columns:1}}