[data-page=classics] .page-heading{padding-bottom:44px}
[data-page=classics] .page-heading-content{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:end}
[data-page=classics] .page-intro{margin:0;max-width:500px}
.classics-gallery-section{padding-top:38px;background:#fff}
.classics-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:29px}
.classics-gallery-heading h2{font-size:25px;letter-spacing:-.5px}
.classics-gallery-heading p{font-size:12px;color:var(--muted);margin-top:8px}
.classics-gallery-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}
.classics-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}
.classics-gallery-item{min-width:0}
.classics-gallery-image{position:relative;display:block;overflow:hidden;border-radius:9px;background:#edf2f1;cursor:zoom-in}
.classics-gallery-image>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .3s}
.classics-gallery-image:hover>img{transform:scale(1.015)}
.classics-gallery-expand{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#073b47df;border:1px solid #ffffff70;border-radius:50%;pointer-events:none}
.classics-gallery-expand .icon{width:16px;height:16px}
.classics-gallery-item figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:15px}
.classics-gallery-item h3{font-size:18px;letter-spacing:-.35px}
.classics-gallery-item figcaption>span{font-size:10px;color:var(--muted);white-space:nowrap}
.classics-lightbox{width:min(1180px,calc(100% - 28px));max-height:calc(100dvh - 24px);padding:18px;border-radius:10px;background:#082f39;color:#fff;overflow:auto}
.classics-lightbox::backdrop{background:#031e27d9;backdrop-filter:blur(5px)}
.classics-lightbox-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}
.classics-lightbox-heading h2{font-size:22px;letter-spacing:-.4px}
.classics-lightbox-heading p{font-size:11px;color:#bed2d6;margin-top:5px}
.classics-lightbox-close,.classics-lightbox-arrows button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid #78939a;border-radius:50%;color:#fff;background:transparent}
.classics-lightbox-close:hover,.classics-lightbox-arrows button:hover{background:#ffffff15}
.classics-lightbox-photo{display:grid;place-items:center;background:#05242c;border-radius:5px;overflow:hidden}
.classics-lightbox-photo>a{display:block;max-width:100%;cursor:zoom-in}
.classics-lightbox-photo img{width:auto;max-width:100%;height:auto;max-height:65dvh;object-fit:contain;margin-inline:auto}
.classics-lightbox-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:15px}
.classics-lightbox-footer>a{font-size:11px;color:#d5e5e8;text-decoration:underline;text-underline-offset:4px;margin-left:auto}
.classics-lightbox-arrows{display:flex;gap:8px}
.classics-lightbox-arrows button:disabled{cursor:default;opacity:.3}
#classics-previous .icon{transform:rotate(180deg)}
.classics-lightbox-thumbnails{display:flex;gap:9px}
.classics-lightbox-thumbnails button{width:76px;min-height:58px;padding:2px;border:1px solid #64828b;border-radius:4px;background:#05242c}
.classics-lightbox-thumbnails button[aria-pressed=true]{border:2px solid #f1d46b;padding:1px}
.classics-lightbox-thumbnails img{width:100%;height:52px;object-fit:contain}
@media(max-width:1100px){.classics-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}[data-page=classics] .page-heading-content{gap:35px}.classics-gallery-item h3{font-size:19px}}
@media(max-width:760px){
  [data-page=classics] .page-heading{padding-bottom:31px}[data-page=classics] .page-heading-content{grid-template-columns:1fr;gap:23px}
  [data-page=classics] .page-intro{font-size:13px}.classics-gallery-section{padding-top:29px}
  .classics-gallery-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:24px}.classics-gallery-heading h2{font-size:24px}
  .classics-gallery-grid{grid-template-columns:1fr;gap:30px}.classics-gallery-item h3{font-size:21px}.classics-gallery-item figcaption>span{font-size:11px}
  .classics-gallery-expand{width:40px;height:40px}.classics-lightbox{padding:12px;width:calc(100% - 16px);border-radius:7px}
  .classics-lightbox-heading h2{font-size:19px}.classics-lightbox-heading{gap:12px;margin-bottom:12px}
  .classics-lightbox-photo img{max-height:58dvh}.classics-lightbox-footer{gap:12px}.classics-lightbox-footer>a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.classics-gallery-image>img{transition:none}.classics-gallery-image:hover>img{transform:none}}
