/* hero + intro */
.event-hero{
    display:flex;
    align-items:center;
    min-height:clamp(160px,16.2vw,311px);
    padding:0 max(20px,10vw);
    background:#5e3122 url('../images/event/hero.png') center/cover
}
.event-hero h1{font:400 clamp(44px,5vw,72px)/1 "Times New Roman",Times,serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.intro{padding:48px 0 44px;text-align:center;font-size:clamp(18px,1.9vw,24px);line-height:1.5}
.intro p:first-child{color:var(--blue)}
.intro p+p{color:var(--navy)}

/* bands */
.band{background:var(--band);padding:clamp(28px,4vw,56px) 0}
.band.warm{background:var(--band2)}
.band .wrap{display:flex;align-items:center;gap:28px}
.band img{flex:none}
.band h2{margin-bottom:10px}
.band.ev .wrap{align-items:flex-start;gap:clamp(24px,6vw,100px)}
.band.ev h2{flex:none;color:#242424}
.band.ev h2 span{color:var(--brown)}
section.blk{padding:clamp(28px,4vw,52px) 0}
.blk.warm{background:var(--band2)}
.blk h3,.row h3{font-size:17px;font-weight:700;line-height:1.35;margin-bottom:6px}
.blk h3+p{margin-top:2px}
.blk h3 b,.blk h3 span{font-weight:400}
.sub{margin-bottom:6px;color:#555}
.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding:clamp(22px,3vw,36px) 0;border-bottom:6px solid var(--band)}
.row:last-child{border:0}
.row>div:first-child{grid-column:span 1}
.row.half>div:first-child{grid-column:span 2}
.row.half .g{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr))}

/* photo grids */
.g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:22px}
.g img,.ph{width:100%;aspect-ratio:272/112;object-fit:cover;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.28)}
.g.s{grid-column:span 3;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;align-items:start}
.g.s img{aspect-ratio:1}
.g.w img{aspect-ratio:272/152}
.g.s.l img{aspect-ratio:272/112}
.split{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.split>div:first-child{grid-column:span 1}
.split .ph{grid-column:span 2;aspect-ratio:373/266}
.split.sm>div:first-child{grid-column:span 1}
.split.sm .ph{grid-column:span 1;margin-left:0}
.split.sm .ph:nth-of-type(1){grid-column:span 2}
.split.sm .ph{aspect-ratio:1}
.split.sm .ph:nth-of-type(1){aspect-ratio:373/266}

/* silver jubilee */
.jub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);padding:clamp(28px,4vw,48px) 0}
.jub h3{font-size:18px;margin-bottom:6px}
.jub img{width:min(100%,272px);aspect-ratio:272/112;object-fit:cover;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.28);margin:22px auto 0}


/* responsive */
@media (max-width:900px){
 .top{justify-content:center;text-align:center;padding-block:14px}
 .brand{flex-direction:column;gap:6px}
 nav ul{justify-content:center;gap:4px 22px}
 .g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .row,.split{grid-template-columns:1fr 1fr}
 .row>div:first-child,.row.half>div:first-child,.split>div:first-child{grid-column:1/-1}
 .g.s,.row.half .g,.split .ph,.split.sm .ph,.split.sm .ph:nth-of-type(1){grid-column:1/-1}
 .row.half .g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .g.s{grid-template-columns:repeat(3,minmax(0,1fr))}
 .band.ev .wrap{flex-direction:column}
 .jub{grid-template-columns:1fr}
}
@media (max-width:560px){
 .band .wrap{flex-direction:column;align-items:flex-start}
 .g.s{grid-template-columns:repeat(2,minmax(0,1fr))}
 .g img,.g.s.l img{aspect-ratio:16/10}
 .up{width:56px;height:56px;font-size:26px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.row .g{margin:0}



:root{--ink:#2b2b2b;--brown:#8a4014;--blue:#00a0e4;--navy:#1f3b63;--band:#f5f5f7;--band2:#efeee6;--purple:#6a2c9c;--wrap:1200px;--gap:28px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:15px/1.6 "Source Sans 3","Myriad Pro",Calibri,Arial,sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
h1,h2,h3,p{margin:0}
h2{font:800 clamp(22px,2.6vw,30px)/1.1 Montserrat,Arial,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:var(--brown)}