
.album-hero{background:#131b19;color:#f8f9ef;padding:68px 0 63px}
.album-crumb{font-size:12px;color:#a8b5a9;margin-bottom:32px}.album-crumb a{color:#d8e6cf;text-decoration:underline}
.album-hero h1{font:800 clamp(46px,7vw,96px)/.97 var(--display);letter-spacing:-.069em;margin:20px 0}
.album-hero p{max-width:790px;color:#b9c8bc;line-height:1.8;font-size:16px}
.album-hero-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px;font:700 12px var(--font)}
.album-hero-meta span{border:1px solid #586758;padding:10px 13px;border-radius:4px}
.album-hero-meta a,.album-bottom a{display:inline-block;background:var(--acid);color:#19241d;font-weight:800;padding:11px 16px;border-radius:3px}
.album-main{padding:30px 0 80px}
.album-jump{border:1px solid #bfcabc;background:#fdfcf6;border-radius:10px;margin-bottom:35px}
.album-jump summary{cursor:pointer;padding:19px 22px;font-weight:800;display:flex;justify-content:space-between;gap:10px}
.album-jump-list{border-top:1px solid #d9e2d3;padding:15px 20px;display:flex;gap:8px;flex-wrap:wrap;max-height:330px;overflow:auto}
.album-jump-list a{font-size:12px;font-weight:700;background:#e8eee3;border-radius:6px;padding:10px 11px}
.album-jump-list a span{color:#607c5d;font-size:10px;margin-left:5px}
.album-group{padding:36px 0 56px;border-bottom:1px solid #d5d9d0;scroll-margin-top:145px}
.album-group-head{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:flex-end;margin-bottom:25px}
.album-group-head .mono{width:100%;color:#5b7554;font-weight:700}
.album-group h2{font:800 clamp(25px,3.2vw,44px)/1.15 var(--display);letter-spacing:-.045em;margin:0;overflow-wrap:anywhere}
.album-count{color:#68756a;font-size:12px;font-weight:600;white-space:nowrap;padding-bottom:5px}
.album-pictures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.album-shot{display:block;background:#e7e8e0;border:1px solid #d7ded3;aspect-ratio:4/3;border-radius:6px;padding:8px;overflow:hidden;position:relative}
.album-shot img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.album-shot:hover img,.album-shot:focus-visible img{transform:scale(1.035)}
.album-shot:focus-visible{outline:3px solid #729346;outline-offset:2px}
.album-zoom{position:absolute;bottom:6px;right:7px;padding:4px 7px;background:#1b2b25;color:#e2fa9e;border-radius:3px;font-size:13px}
.album-bottom{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;margin:36px 0}
#album-lightbox{width:min(96vw,1100px);max-height:96vh;background:#101a18;border:0;border-radius:10px;color:white;padding:12px 15px 14px;overflow:auto}
#album-lightbox::backdrop{background:rgba(0,0,0,.9)}
.album-lightbox-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}
.album-lightbox-actions button{background:#d8f78b;border:0;padding:10px 15px;font-size:13px;font-weight:800;border-radius:4px;min-width:42px}
#album-lightbox-img{display:block;margin:auto;max-width:100%;max-height:calc(90vh - 110px);object-fit:contain}
#album-lightbox-caption{text-align:center;color:#ccd6cb;font-size:13px;margin:10px 0 0}
@media(max-width:950px){.album-pictures{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.album-hero{padding:42px 0 35px}.album-hero h1{font-size:clamp(42px,12vw,66px)}.album-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.album-shot{padding:4px}.album-group{padding:25px 0 36px}.album-hero-meta{font-size:11px}.album-group-head{margin-bottom:15px}.album-bottom a{font-size:12px}}
@media(max-width:360px){.album-pictures{grid-template-columns:repeat(2,minmax(0,1fr))}}
