.album-shell{color:#233240;background:#faf5ea;min-height:100vh;padding-bottom:70px;font-family:Arial,sans-serif}.album-head{background:#1f3a52;justify-content:space-between;align-items:center;height:100px;padding:10px max(22px,50vw - 590px);display:flex}.album-head img{object-fit:contain;width:225px;height:80px}.album-head>a:last-child{color:#fff;font-weight:800;text-decoration:none}.album-title{max-width:1180px;margin:55px auto 30px;padding:0 22px}.album-title span{color:#e17b5f;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.album-title h1{color:#1f3a52;margin:10px 0;font-size:clamp(35px,5vw,58px);line-height:1.05}.album-title p{color:#657680;font-size:17px}.album-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:12px;max-width:1180px;margin:auto;padding:0 22px;display:grid}.album-grid button{cursor:zoom-in;background:#ddd;border:0;border-radius:16px;padding:0;overflow:hidden}.album-grid button:first-child,.album-grid button:nth-child(12){grid-area:span 2/span 2}.album-grid img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.album-grid button:hover img{transform:scale(1.04)}.lightbox{z-index:3000;background:#0d1720ed;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;padding:25px;display:grid;position:fixed;inset:0}.lightbox figure{grid-template-rows:minmax(0,1fr) auto;place-items:center;height:calc(100vh - 50px);margin:0;display:grid}.lightbox figure img{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(100vh - 90px)}.lightbox figcaption{color:#fff;padding-top:10px}.lightbox button{color:#fff;cursor:pointer;background:#fff2;border:0}.lightbox-prev,.lightbox-next{border-radius:50%;width:54px;height:54px;font-size:42px}.lightbox-close{z-index:2;border-radius:50%;width:48px;height:48px;font-size:34px;position:absolute;top:18px;right:22px}@media (width<=800px){.album-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.album-grid button:first-child,.album-grid button:nth-child(12){grid-area:span 1/span 2}.lightbox{grid-template-columns:45px minmax(0,1fr) 45px;padding:12px}.lightbox-prev,.lightbox-next{width:40px;height:48px;font-size:34px}.album-head img{width:170px}}
