.album-hero{padding:92px 0 100px}
.album-hero .shell{position:relative;z-index:1}
.album-hero h1{max-width:850px}
.album-section{background:#0e223e;color:#f2f6ff}
.album-intro{max-width:650px;margin-bottom:42px}
.album-intro h2{font-size:clamp(38px,4vw,58px);margin:12px 0 14px}
.album-intro p{color:#bfd0e7}
.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.album-card{margin:0;background:#173353;border:1px solid #6c8aad66;overflow:hidden;box-shadow:0 14px 38px #07162b55}
.album-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;background:#193351}
.album-card figcaption{padding:20px 23px 24px}
.album-card h3{font:400 28px/1.15 var(--serif);margin:0 0 7px;color:#fff}
.album-card p{font-size:13px;color:#c0d0e7;line-height:1.65;margin:0}
.album-empty{padding:36px;background:#173353}
html[data-theme="light"] .album-section{background:#f5f7fa;color:#163454}
html[data-theme="light"] .album-intro p{color:#526983}
html[data-theme="light"] .album-card{background:#fff;border-color:#dce5f1;box-shadow:0 14px 38px #0f2d4a18}
html[data-theme="light"] .album-card h3{color:#153758}
html[data-theme="light"] .album-card p{color:#546b82}
html[data-theme="light"] .album-empty{background:#fff}
@media(max-width:900px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.album-hero{padding:66px 0 74px}.album-grid{grid-template-columns:1fr;gap:18px}.album-intro{margin-bottom:30px}.album-card img{aspect-ratio:1.25}}