/* Activities have their own pace: a photo spread, then a page of notes. */
.gathering{position:relative;isolation:isolate;overflow:clip;background:#f1ecde;padding-block:100px 135px;--gather-enter:1}
.gathering-layout{position:relative;z-index:1;max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:'heading photos' 'copy photos';gap:25px 6vw;align-items:start}
.gathering-heading{grid-area:heading}.gathering-heading h2{font-size:clamp(36px,4.1vw,64px);line-height:1.4;margin:0}
.gathering-photos{grid-area:photos;min-width:0;align-self:center;transform:translateY(calc((1 - var(--gather-enter)) * 64px)) rotate(calc((1 - var(--gather-enter)) * 3deg));transform-origin:50% 75%}
.gathering-photos .boardgame-gallery{margin:0 -18px;padding:15px 18px 10px;overflow:hidden}
.gathering-photos .photo-deck{margin:24px 25px 42px}
.gathering-copy{grid-area:copy;max-width:480px}
.gathering-copy>p{font-size:15px;line-height:2}.gathering-copy .read-link{font-size:13px;line-height:1.8}
.gathering-scale{display:flex;align-items:center;gap:18px;margin:5px 0 27px;padding:16px 0;border-block:1px solid #24242126}
.gathering-scale>strong{font:800 68px/.9 var(--display);white-space:nowrap;letter-spacing:-.035em}
.gathering-scale>strong>span{font:600 14px 'Noto Sans JP',sans-serif;margin-left:6px}
.gathering-scale>span{font-size:12px;line-height:1.7}
.gathering-word{position:absolute;z-index:0;left:4vw;bottom:-.12em;font:800 clamp(100px,20vw,310px)/1 var(--display);letter-spacing:-.035em;color:#e3dcc9;white-space:nowrap;transform:translateX(calc(var(--gather-enter) * -4vw));pointer-events:none}
.notes-block{position:relative;background:#c8ddd4;border-radius:30px 30px 0 0;margin-top:-30px;z-index:1;padding-top:80px}
.notes-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;max-width:1320px;margin:auto;align-items:end}
.notes-intro h2{margin:0}.notes-intro h2 em{color:#295345}.notes-lead{padding-bottom:5px}.notes-lead p{margin-bottom:4px}.notes-lead .read-link{font-size:13px}
.notes-block .note-rows{max-width:1320px;margin:50px auto 0}.notes-block .note-rows>a:last-child{border-bottom:1px solid var(--line)}
@media(max-width:1000px){.gathering{padding-inline:5vw}.gathering-layout{gap:25px 4vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gathering-heading h2{font-size:38px}.gathering-photos .photo-deck{margin-inline:14px}.gathering-copy>p{font-size:14px}}
@media(max-width:800px){.gathering{padding:65px 7vw 100px}.gathering-layout{grid-template-columns:1fr;grid-template-areas:'heading' 'photos' 'copy';gap:30px;max-width:600px}.gathering-heading h2{font-size:clamp(33px,6vw,45px)}.gathering-photos{width:100%;max-width:560px;justify-self:center}.gathering-copy{max-width:none}.gathering-copy>p{font-size:16px}.gathering-scale{margin-top:0}.notes-intro{grid-template-columns:1fr;gap:25px}.notes-block{padding-top:60px}.notes-intro h2{font-size:38px}.notes-block .note-rows{margin-top:32px}}
@media(max-width:550px){.gathering{padding:50px 22px 90px}.gathering-layout{gap:22px}.gathering-heading h2{font-size:32px}.gathering-photos .boardgame-gallery{margin-inline:-8px;padding-inline:8px}.gathering-photos .photo-deck{margin:18px 14px 36px}.gathering-photos{transform:translateY(calc((1 - var(--gather-enter)) * 30px))}.gathering-copy .read-link{font-size:12px}.gathering-scale{gap:15px;margin-bottom:25px}.gathering-scale>strong{font-size:60px}.gathering-scale>span{font-size:11px}.gathering-word{font-size:27vw;bottom:5px}.notes-block{border-radius:22px 22px 0 0;margin-top:-22px;padding-top:50px}.notes-intro h2{font-size:32px}.notes-lead p{font-size:15px}}