.collection{background:#07162d;color:#f4f7ff;position:relative;isolation:isolate;padding-top:5rem;padding-bottom:4rem}
.legacy-retouch{display:block;width:100%;height:100%}
.collection::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 0,rgba(36,87,150,.34),transparent 48%);pointer-events:none}
.collection-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:4rem;align-items:end;max-width:1440px;margin:auto}
.collection-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#88bfda;margin:0 0 1.25rem;font-weight:700}
.collection h3{font-family:"Manrope",sans-serif;font-size:clamp(2.1rem,3.7vw,4rem);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0}
.collection-intro{max-width:36rem;color:#c0cede;font-size:1.03rem}
.collection-intro p{margin:0 0 1.5rem}
.collection-intro a{color:#fff;border-bottom:1px solid #567d9f;padding-bottom:.4rem;font-size:.85rem}
.collection-stats{display:flex;gap:3rem;margin:2.75rem auto 0;padding:1.4rem 0;border-block:1px solid #29405b;max-width:1440px;color:#acbfd2;font-size:.82rem}
.collection-stats strong{color:white;font-size:1.55rem;font-weight:500;margin-right:.45rem;font-family:"Manrope",sans-serif}
.collection-filters{display:flex;gap:.65rem;flex-wrap:wrap;max-width:1440px;margin:2rem auto}
.collection-filters button,.collection-more{border:1px solid #49617e;color:#e8eff8;background:transparent;cursor:pointer;min-height:44px;padding:.65rem 1.2rem;border-radius:30px;font-size:.85rem;transition:background .2s,color .2s}
.collection-filters button[aria-pressed=true],.collection-filters button:hover{background:#e6f1f9;color:#10253e;border-color:#e6f1f9}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.5rem;max-width:1440px;margin:2rem auto 0}
.collection-card{min-width:0;margin:0}
.collection-photo{position:relative;display:block;aspect-ratio:4/5;background:radial-gradient(ellipse at center,#173a64,#06142c);overflow:hidden;border:1px solid #243e5b;border-radius:3px}
.collection-photo img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.collection-photo:hover img{transform:scale(1.025)}
.collection-photo:focus-visible{outline:3px solid #ff8b54;outline-offset:5px}
.collection-zoom{position:absolute;right:.75rem;bottom:.75rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:#07162ddb;border:1px solid #7290b3;border-radius:50%;font-size:1.25rem}
.collection-caption{padding:1rem 0 0}
.collection-caption>span{color:#8eaaca;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.collection-caption h4{font-family:"Manrope",sans-serif;line-height:1.3;font-size:1.15rem;font-weight:500;letter-spacing:-.02em;margin:.3rem 0;color:#fff}
.collection-caption p{font-size:.75rem;color:#a8bdd1;margin:.35rem 0}
.collection-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;margin:2.5rem auto 0;border-top:1px solid #29405b;padding-top:1.5rem}
.collection-footer p{font-size:.82rem;color:#b6c8da}
.collection-more{border-color:#75a9ce}
.collection-more:hover{background:#1f4973}
.collection-note{font-size:.72rem;line-height:1.6;color:#8fa8c1;max-width:1440px;margin:1.8rem auto 0}
.collection [hidden]{display:none!important}
.collection-dialog{width:min(1120px,94vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #4a6583;background:#07162d;color:white;border-radius:8px;overflow:auto}
.collection-dialog::backdrop{background:#020a15e8;backdrop-filter:blur(6px)}
.collection-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;gap:1rem;border-bottom:1px solid #29405b}
.collection-dialog h2{font-size:1.15rem;line-height:1.3;margin:0;font-weight:500}
.collection-dialog button{color:white;background:#173350;border:1px solid #547390;border-radius:4px;min-height:44px;padding:.5rem .85rem;cursor:pointer;font-size:.85rem}
.collection-dialog button:disabled{opacity:.4;cursor:default}
.collection-dialog figure{margin:0;padding:1rem;display:grid;place-items:center;background:#061226}
.collection-dialog figure img{max-width:100%;width:auto;height:60dvh;object-fit:contain}
.collection-dialog-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem}
.collection-dialog-controls>div{display:flex;align-items:center;gap:.75rem}
.collection-dialog-label{font-size:.75rem;color:#bad0e3}
.collection-dialog [hidden]{display:none!important}
html:has(.collection-dialog[open]){overflow:hidden}
@media(min-width:1600px){.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.collection-heading{grid-template-columns:1fr;gap:1.8rem}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection{padding-top:3rem}.collection-stats{gap:1.5rem;flex-wrap:wrap}.collection-intro{max-width:none}}
@media(max-width:540px){.collection-grid{gap:1.8rem .8rem}.collection-stats{gap:.6rem 1.4rem}.collection-stats strong{font-size:1.3rem}.collection-stats span{font-size:.72rem}.collection-filters{gap:.5rem}.collection-filters button{font-size:.72rem;padding:.55rem .8rem}.collection-caption h4{font-size:.96rem}.collection-caption>span{font-size:.6rem}.collection-zoom{width:2rem;height:2rem;right:.4rem;bottom:.4rem}.collection-dialog-controls,.collection-dialog-head{padding:.8rem}.collection-dialog figure img{height:54dvh}.collection-footer{align-items:flex-start}.collection-more{font-size:.75rem;padding:.6rem .8rem}.collection h3{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.collection-photo img,.collection-filters button{transition:none}}