/* The club album: photographs, paper edges and room to explore. */
.album-mast{display:grid;grid-template-columns:.94fr 1.06fr;gap:40px;padding:76px 55px 78px;overflow:hidden;position:relative;background:#f2eddf}
.album-mast:before{content:"";position:absolute;width:540px;height:540px;right:-100px;top:-60px;background:url('assets/illustrations/chart-lines.svg') center/cover;opacity:.7;pointer-events:none}
.album-intro{padding-top:24px;position:relative;z-index:2}
.album-intro .eyebrow{font-size:10px;letter-spacing:.12em}
.album-intro h1{font-size:clamp(72px,7.5vw,120px);margin:26px 0 26px;line-height:.88}
.album-intro h1 i{font-style:normal;color:#b84220}
.album-intro p{font-size:17px;line-height:1.8;max-width:360px}
.album-jump{display:inline-flex;align-items:center;gap:24px;margin-top:29px;font-size:13px;font-weight:700;border-bottom:1px solid #173b3c;padding-bottom:10px}
.album-jump span{font-size:24px;transition:transform .25s}.album-jump:hover span{transform:translateY(5px)}
.album-side-note{display:block;font:27px Hand;margin:29px 0 0 18px;transform:rotate(-4deg);color:#526b5b}
.album-collage{position:relative;min-height:480px;margin:0 18px 0 0}
.album-cover-photo{position:absolute;inset:10px -8px auto 0;background:#fffcf1;padding:12px 12px 0;transform:rotate(4deg);box-shadow:0 14px 28px #193b3b1a}
.album-cover-photo:before,.album-small-photo:before{content:"";position:absolute;width:100px;height:30px;left:39%;top:-13px;background:#ded1a59c;transform:rotate(-6deg);z-index:2;border-left:1px dashed #baa77d;border-right:1px dashed #baa77d}
.album-cover-photo img{width:100%;height:320px;object-fit:cover;object-position:center 45%}
.album-cover-photo figcaption{padding:16px 8px;font-size:10px;letter-spacing:.12em}
.album-small-photo{position:absolute;width:41%;right:0;top:255px;transform:rotate(-8deg);padding:9px 9px 0;background:#fff9e8;box-shadow:0 12px 28px #193b3b26}
.album-small-photo img{height:172px;width:100%;object-fit:cover}
.album-small-photo figcaption{font:26px Hand;text-align:center;padding:9px 0 3px}
.album-stamp{position:absolute;left:15px;top:345px;width:112px;height:112px;border-radius:50%;background:#e6ec9b;outline:1px dashed #183d3e;outline-offset:-7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transform:rotate(-12deg);text-align:center}
.album-stamp span{font-size:7px;letter-spacing:.1em}.album-stamp strong{font:25px/.9 Display}
.album-drawn-arrow{position:absolute;width:110px;left:145px;top:390px;color:#b84220;transform:rotate(-8deg)}
[data-page="gallery"] .gallery-section{padding:0 55px 90px}
[data-page="gallery"] .gallery-toolbar{border:0;padding-top:0;margin-bottom:28px}
.album-chapter-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #173b3c33;padding-top:26px;margin-bottom:20px}
.album-chapter-heading>span:last-child{font:23px Hand;color:#526b5b}
[data-page="gallery"] .gallery-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;overflow:visible;padding:0 0 8px}
[data-page="gallery"] .collection-card{display:block;border:0;border-radius:0;padding:0;background:none;color:#142e31;text-align:left;box-shadow:none;transition:transform .25s}
[data-page="gallery"] .collection-card:before{display:none}
.collection-cover{display:block;position:relative;overflow:hidden;aspect-ratio:1.2;background:#ddd9cc;border:5px solid #fffaf0;box-shadow:0 3px 8px #173b3c10}
.collection-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s;filter:saturate(.75)}
.collection-count{position:absolute;left:7px;bottom:6px;font-size:9px;padding:4px 6px;background:#102e31d9;color:#fff8e9;border-radius:2px}
.collection-selected{position:absolute;right:7px;top:7px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e6ec9b;color:#173b3c;opacity:0;transform:scale(.5) rotate(-90deg);transition:transform .25s,opacity .25s;font-size:13px}
.collection-name{display:block;font:22px/1.1 Display;padding-top:12px}
.collection-note{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:#586b61}
[data-page="gallery"] .collection-card[aria-pressed="true"]{background:none;color:#173b3c;box-shadow:none}
.collection-card[aria-pressed="true"] .collection-cover{border-color:#e6ec9b}.collection-card[aria-pressed="true"] .collection-selected{opacity:1;transform:none}
.collection-card[aria-pressed="true"] img,.collection-card:hover img{filter:saturate(1);transform:scale(1.05)}
[data-page="gallery"] .collection-card:hover{background:none;color:#173b3c;transform:translateY(-4px)}
.album-selection{display:flex;justify-content:space-between;align-items:center;margin-top:52px;border-top:1px solid #173b3c33;padding-top:32px}
.album-selection h2{font-size:58px;line-height:.95;margin-top:12px;letter-spacing:-.015em}
.album-selection .eyebrow{font-size:9px}.album-selection-note{font:28px/1.15 Hand;transform:rotate(-5deg);margin-right:20px;color:#a53f23}
[data-page="gallery"] .gallery-meta{margin-top:22px}.gallery-meta #gallery-count{color:#526b5b;font-size:12px}
[data-page="gallery"] .gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 24px;align-items:start}
[data-page="gallery"] .gallery-card{grid-column:span 4;margin:0;padding:0;background:none;border:0;display:flex;flex-direction:column;box-shadow:none;transition:transform .25s;position:relative}
[data-page="gallery"] .gallery-card:nth-child(8n+1){grid-column:span 8}
[data-page="gallery"] .gallery-card:nth-child(8n+6),[data-page="gallery"] .gallery-card:nth-child(8n+7){grid-column:span 6}
[data-page="gallery"] .gallery-card:nth-child(8n+8){grid-column:span 12}
.gallery-image-frame{position:relative;overflow:hidden;width:100%;background:#e0dccf;display:block}
[data-page="gallery"] .gallery-card img{width:100%;height:300px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s}
[data-page="gallery"] .gallery-card:nth-child(8n+1) img,[data-page="gallery"] .gallery-card:nth-child(8n+2) img{height:410px}
[data-page="gallery"] .gallery-card:nth-child(8n+8) img{height:420px;object-position:center 42%}
.gallery-photo-number{position:absolute;left:14px;top:14px;background:#fff9e8e8;color:#173b3c;font-size:10px;padding:7px 9px;letter-spacing:.06em}
.gallery-open-icon{position:absolute;right:14px;bottom:14px;background:#e6ec9b;color:#173b3c;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:24px;transform:rotate(-8deg);transition:transform .3s,background .3s}
[data-page="gallery"] .gallery-card-caption{font:24px/1.1 Display;padding:15px 0 6px;max-width:90%;display:block}
[data-page="gallery"] .gallery-card-category{font-size:9px;padding:0;margin:0;color:#617366;letter-spacing:.08em;text-transform:uppercase}
[data-page="gallery"] .gallery-card:hover{transform:none;box-shadow:none}.gallery-card:hover .gallery-open-icon{transform:rotate(0);background:#fff7e5}
[data-page="gallery"] .gallery-card:hover img{transform:scale(1.045)}
[data-page="gallery"] .gallery-card:focus-visible{outline:2px solid #b84220;outline-offset:7px}
.album-card-enter{animation:album-card-arrive .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--card-delay,0ms)}
@keyframes album-card-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
[data-page="gallery"] .lightbox{background:#10292d;padding:23px 30px 15px;overflow:auto}
.lightbox-title{display:flex;align-items:center;gap:25px}.lightbox-title .eyebrow{font-size:10px;color:#e6ec9b}
#photo-position{font-size:12px;opacity:.8}
[data-page="gallery"] .lightbox-close{border:1px dashed #e8ead180;border-radius:3px;font-size:12px;display:flex;align-items:center;gap:14px}
[data-page="gallery"] .lightbox-stage{position:relative;display:block;margin:22px auto 0;max-width:1400px;padding:0 65px}
.lightbox-image-wrap{position:relative;height:calc(100dvh - 270px);min-height:190px;display:flex;justify-content:center;align-items:center}
[data-page="gallery"] .lightbox-stage img{height:100%;max-height:100%;width:100%;object-fit:contain;transition:opacity .25s;filter:drop-shadow(0 15px 25px #0003)}
[data-page="gallery"] .lightbox-stage img.photo-arrive{animation:album-image-arrive .36s cubic-bezier(.2,.7,.2,1) both}
@keyframes album-image-arrive{from{opacity:0;transform:translateX(var(--photo-direction,12px)) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
[data-page="gallery"] .photo-prev,[data-page="gallery"] .photo-next{position:absolute;top:calc(50% - 30px);width:46px;height:46px;font-size:24px;border:1px dashed #e6ec9b99;color:#e6ec9b;background:#17383b;z-index:2;display:grid;place-items:center;transition:background .2s,transform .2s}
[data-page="gallery"] .photo-prev{left:0}[data-page="gallery"] .photo-next{right:0}
[data-page="gallery"] .photo-prev:hover,[data-page="gallery"] .photo-next:hover{background:#325348;transform:scale(1.06)}
[data-page="gallery"] .lightbox-stage figcaption{font:25px/1.1 Display;margin:15px 0 0;min-height:28px}
.lightbox-loading{font:25px Hand;color:#e6ec9b;position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
[data-page="gallery"] .lightbox-error{position:absolute;max-width:450px;padding:25px;margin:auto;text-align:center;font-size:13px;line-height:1.7}
.lightbox-thumbnails{display:flex;gap:8px;overflow-x:auto;max-width:920px;margin:20px auto 0;padding:6px 5px 9px;scrollbar-width:thin;scrollbar-color:#75907c #173b3c;overscroll-behavior-x:contain}
.lightbox-thumb{border:2px solid transparent;flex:0 0 65px;background:transparent;padding:3px;opacity:.52;transition:opacity .2s,border-color .2s;min-height:55px}
.lightbox-thumb img{width:55px;height:43px;object-fit:cover}
.lightbox-thumb[aria-current="true"]{border-color:#e6ec9b;opacity:1}.lightbox-thumb:hover{opacity:1}
[data-page="gallery"] .lightbox-hint{font-size:10px;letter-spacing:.02em;margin-top:8px;opacity:.65}
[data-page="gallery"] .lightbox [hidden]{display:none!important}
@media(max-width:1100px){.album-mast{padding:55px 28px 65px;gap:25px}.album-intro h1{font-size:80px}.album-collage{min-height:455px}.album-cover-photo img{height:270px}.album-small-photo{top:230px;width:48%}.album-small-photo img{height:150px}.album-stamp{top:305px;width:100px;height:100px}.album-stamp strong{font-size:23px}.album-drawn-arrow{left:115px;top:345px;width:80px}[data-page="gallery"] .gallery-section{padding:0 28px 70px}[data-page="gallery"] .gallery-filters{gap:10px}.collection-name{font-size:19px}.collection-note{font-size:9px}[data-page="gallery"] .gallery-card img{height:240px}[data-page="gallery"] .gallery-card:nth-child(8n+1) img,[data-page="gallery"] .gallery-card:nth-child(8n+2) img{height:320px}}
@media(max-width:700px){.album-mast{display:block;padding:38px 20px 38px}.album-intro{padding:0}.album-intro .eyebrow{font-size:8px}.album-intro h1{font-size:clamp(65px,18vw,92px);margin:23px 0}.album-intro p{font-size:15px}.album-jump{margin-top:21px;font-size:12px}.album-side-note{display:none}.album-collage{min-height:350px;max-width:470px;margin:35px 16px 0 4px}.album-cover-photo{inset:10px 0 auto 0;padding:8px 8px 0}.album-cover-photo img{height:218px}.album-cover-photo figcaption{font-size:8px;padding:12px 5px}.album-small-photo{width:40%;top:174px;right:-8px;padding:6px 6px 0}.album-small-photo img{height:124px}.album-small-photo figcaption{font-size:22px;padding:7px 0 0}.album-stamp{top:244px;left:14px;width:89px;height:89px;gap:3px}.album-stamp strong{font-size:22px}.album-stamp span{font-size:6px}.album-drawn-arrow{left:122px;top:269px;width:75px}[data-page="gallery"] .gallery-section{padding:0 20px 55px}.album-chapter-heading{padding-top:23px;align-items:flex-start;margin-bottom:17px}.album-chapter-heading .eyebrow{font-size:9px}.album-chapter-heading>span:last-child{font-size:19px;max-width:130px;text-align:right}[data-page="gallery"] .gallery-filters{display:grid;grid-template-columns:repeat(6,136px);overflow-x:auto;gap:13px;padding:0 3px 17px;scroll-snap-type:x proximity;margin:0 -3px;scrollbar-width:thin;scrollbar-color:#183d3e55 transparent;overscroll-behavior-x:contain}.collection-card{scroll-snap-align:start}.collection-cover{aspect-ratio:1.25}.collection-name{font-size:22px}.collection-note{font-size:9px}.album-selection{margin-top:28px;padding-top:27px}.album-selection h2{font-size:43px;max-width:240px}.album-selection-note{font-size:22px;margin-right:0;width:80px}.album-selection .eyebrow{font-size:8px}[data-page="gallery"] .gallery-meta{flex-direction:row;align-items:center;gap:10px;margin-top:20px}.gallery-meta #gallery-count{font-size:10px;max-width:115px;line-height:1.5}[data-page="gallery"] .moment-button{width:auto;font-size:11px;padding:12px 15px;gap:12px}[data-page="gallery"] .moment-button .scout-compass{width:23px;flex-basis:23px}[data-page="gallery"] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}[data-page="gallery"] .gallery-card{grid-column:span 1}[data-page="gallery"] .gallery-card:nth-child(8n+1),[data-page="gallery"] .gallery-card:nth-child(8n+8){grid-column:span 2}[data-page="gallery"] .gallery-card:nth-child(8n+6),[data-page="gallery"] .gallery-card:nth-child(8n+7){grid-column:span 1}[data-page="gallery"] .gallery-card img,[data-page="gallery"] .gallery-card:nth-child(8n+2) img{height:185px}[data-page="gallery"] .gallery-card:nth-child(8n+1) img,[data-page="gallery"] .gallery-card:nth-child(8n+8) img{height:260px}[data-page="gallery"] .gallery-card-caption{font-size:20px;line-height:1.1;padding-top:12px;max-width:100%}[data-page="gallery"] .gallery-card-category{font-size:8px;line-height:1.5}.gallery-photo-number{left:9px;top:9px;font-size:8px;padding:5px 7px}.gallery-open-icon{right:9px;bottom:9px;width:30px;height:30px;font-size:20px}[data-page="gallery"] .lightbox{padding:17px 12px 12px}.lightbox-title{display:block}.lightbox-title .eyebrow{display:block;font-size:8px;margin-bottom:6px}#photo-position{font-size:10px}[data-page="gallery"] .lightbox-close{font-size:11px;padding:10px 12px}[data-page="gallery"] .lightbox-stage{margin-top:18px;padding:0}.lightbox-image-wrap{height:calc(100dvh - 288px);min-height:170px}[data-page="gallery"] .photo-prev,[data-page="gallery"] .photo-next{width:40px;height:40px;font-size:22px;top:calc(50% - 30px);background:#173b3cdb}[data-page="gallery"] .photo-prev{left:0}[data-page="gallery"] .photo-next{right:0}[data-page="gallery"] .lightbox-stage figcaption{font-size:23px;min-height:48px;padding:0 8px;line-height:1.1}.lightbox-thumbnails{margin-top:12px;gap:5px}.lightbox-thumb{flex-basis:60px}.lightbox-thumb img{width:50px;height:40px}[data-page="gallery"] .lightbox-hint{font-size:8px}.lightbox-error .button{font-size:12px}}
@media(max-width:360px){.album-intro h1{font-size:64px}.album-collage{min-height:315px}.album-cover-photo img{height:185px}.album-small-photo{top:155px}.album-small-photo img{height:112px}.album-stamp{top:220px}.album-drawn-arrow{top:244px;width:55px;left:112px}.album-selection h2{font-size:37px}.album-selection-note{font-size:20px;width:65px}.gallery-meta #gallery-count{max-width:90px}[data-page="gallery"] .gallery-card img,[data-page="gallery"] .gallery-card:nth-child(8n+2) img{height:160px}[data-page="gallery"] .gallery-card:nth-child(8n+1) img,[data-page="gallery"] .gallery-card:nth-child(8n+8) img{height:225px}}
@media(prefers-reduced-motion:reduce){.album-card-enter,.photo-arrive{animation:none!important}.collection-cover img,.collection-selected,.gallery-card img,.gallery-open-icon,.lightbox-thumb,.album-jump span{transition:none!important}.collection-card:hover,.gallery-card:hover img{transform:none!important}}

/* Keep the album stamp below the printed photo caption. */
.album-stamp{top:385px}.album-drawn-arrow{top:411px}
@media(min-width:701px) and (max-width:1100px){.album-stamp{top:340px}.album-drawn-arrow{top:370px}}
@media(max-width:700px){.album-collage{min-height:365px}.album-stamp{top:270px}.album-drawn-arrow{top:292px}}
@media(max-width:360px){.album-collage{min-height:340px}.album-stamp{top:245px}.album-drawn-arrow{top:268px}}

/* This group's subjects sit below the tree: anchor its crop to the people. */
[data-page="gallery"] .gallery-card[data-photo-id="56"] img{object-position:50% 100%}
[data-page="gallery"] .gallery-card[data-photo-id="56"]:hover img{transform:none}
.collection-cover img[src$="image-56.webp"],.lightbox-thumb img[src$="image-56.webp"]{object-position:50% 100%}
@media(min-width:1921px){[data-page="gallery"] .gallery-card[data-photo-id="56"]:nth-child(8n+1) img{height:clamp(410px,23vw,650px)}}