.album-intro{padding:90px 6% 45px;background:linear-gradient(130deg,#e6f7ee,#fff1d7)}.album-intro h1{font:500 clamp(48px,6vw,86px)/1 var(--serif);color:#0a5562;letter-spacing:-3px;margin:18px 0}.album-intro h1 em{color:#ef765b}.album-intro p{max-width:520px;color:#4b7070;line-height:1.8}.album-note{display:flex;gap:30px;margin-top:35px;color:#0b7a7d;font-size:10px;letter-spacing:1.5px;font-weight:700}.album-wall{padding:36px 4%;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:105px;gap:14px;background:#f5fbf6}.album-tile{position:relative;overflow:hidden;border-radius:14px;background:#dbece6;cursor:pointer;animation:floatIn .7s both;transform:rotate(var(--tilt));transition:transform .45s,box-shadow .45s}.album-tile:hover{transform:rotate(0) scale(1.025);z-index:2;box-shadow:0 18px 35px #0b5d5d30}.album-tile:nth-child(1){grid-column:span 5;grid-row:span 4}.album-tile:nth-child(2){grid-column:span 4;grid-row:span 3}.album-tile:nth-child(3){grid-column:span 3;grid-row:span 3}.album-tile:nth-child(4){grid-column:span 4;grid-row:span 4}.album-tile:nth-child(5){grid-column:span 3;grid-row:span 3}.album-tile:nth-child(6){grid-column:span 5;grid-row:span 3}.album-tile:nth-child(7){grid-column:span 3;grid-row:span 3}.album-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.album-tile:hover img{transform:scale(1.08)}.album-tile figcaption{position:absolute;left:14px;right:14px;bottom:12px;color:#fff;font-size:12px;text-shadow:0 2px 10px #000;background:linear-gradient(transparent,#0008);padding-top:28px}.album-lightbox{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#042f35ee;animation:fadeIn .35s}.album-lightbox[hidden]{display:none}.album-lightbox figure{margin:0;max-width:min(88vw,1100px);max-height:88vh;text-align:center;animation:zoomIn .55s cubic-bezier(.2,.8,.2,1)}.album-lightbox img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:8px;box-shadow:0 25px 80px #0008}.album-lightbox figcaption{color:#fff;margin-top:14px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:#ffffff22;color:#fff;border-radius:50%;width:48px;height:48px;font-size:32px;cursor:pointer}.lightbox-close{top:28px;right:28px}.lightbox-prev{left:30px}.lightbox-next{right:30px}@keyframes zoomIn{from{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes floatIn{from{opacity:0;transform:translateY(18px) rotate(var(--tilt))}to{opacity:1;transform:rotate(var(--tilt))}}@media(max-width:700px){.album-intro{padding:55px 6% 34px}.album-intro h1{font-size:51px}.album-note{flex-direction:column;gap:10px}.album-wall{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:9px;padding:20px 5%}.album-tile:nth-child(n){grid-column:span 1;grid-row:span 1}.album-tile:nth-child(1){grid-column:span 2;grid-row:span 2}.album-tile:nth-child(4){grid-row:span 2}.lightbox-prev{left:10px}.lightbox-next{right:10px}}

@media(min-width:701px){.album-tile:nth-child(n){grid-column:span 3;grid-row:span 2}.album-tile:nth-child(1){grid-column:span 6;grid-row:span 4}.album-tile:nth-child(4){grid-column:span 3;grid-row:span 4}}