.gallery{max-width:1180px;margin:0 auto;padding:36px 5vw 90px}.gallery-head h1{font:400 48px/1 var(--font-serif);letter-spacing:-.02em;margin:6px 0 10px}.gallery-head>p:not(.eyebrow){color:#55544f;max-width:62ch;margin:0 0 18px;font-size:1.0625rem;line-height:1.5}.gallery-head nav{flex-wrap:wrap;gap:6px;display:flex}.gallery-head nav button{color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #d8d6dd;border-radius:999px;padding:10px 16px;font-size:.9375rem;font-weight:800}.gallery-head nav button.active{color:#fff;background:#1d1d20;border-color:#1d1d20}.gallery-head nav button span{opacity:.6;margin-left:6px;font-weight:400}.gallery-note{color:#55544f;margin:18px 0 0;font-size:1rem}.gallery-family{margin-top:28px}.gallery-family h2{font:400 26px/1.1 var(--font-serif);margin:0 0 10px}.gallery-family ul{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.gallery-family li{background:#fff;border:1px solid #dedce3;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.gallery-family li.liked{border-color:#1d1d20;box-shadow:0 0 0 2px #d8ff63}.gallery-family li img{aspect-ratio:4/5;object-fit:cover;background:#202023;width:100%;height:auto;display:block}.gallery-family li.story img{aspect-ratio:9/16;object-fit:contain;background:#f1efe9}.gallery-family li div{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.gallery-family li strong{font-size:.9375rem}.gallery-family li small{color:#888;white-space:nowrap;flex:auto;font-size:.875rem}.gallery-family li div button{margin-left:auto}.gallery-family li button{color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #d8d6dd;border-radius:999px;padding:7px 11px;font-size:.875rem;font-weight:800}.gallery-family li button[aria-pressed=true]{color:#fff;background:#1d1d20;border-color:#1d1d20}.gallery-search{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 14px;display:flex}.gallery-search label{font-size:.9375rem;font-weight:800}.gallery-search input{min-width:220px;font:inherit;border:1px solid #d8d6dd;border-radius:10px;flex:1;padding:11px 13px;font-size:1rem}.gallery-search span{color:#888;font-size:.875rem}.gallery-kits{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.gallery-kits button{all:unset;cursor:pointer;flex-direction:column;gap:6px;width:100%;display:flex}.gallery-kits img{aspect-ratio:1;background:#eee;border:1px solid #dedce3;border-radius:12px;width:100%;height:auto;display:block}.gallery-kits span{padding:0 2px;font-size:.9375rem;font-weight:800}.gallery-more{cursor:pointer;background:#fff;border:1px solid #d8d6dd;border-radius:9px;margin:18px auto 0;padding:11px 18px;font-weight:800;display:block}.gallery-lightbox{z-index:50;background:#141418c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gallery-lightbox figure{background:#fff;border-radius:14px;max-width:min(920px,100%);margin:0;overflow:hidden}.gallery-lightbox img{object-fit:contain;width:100%;height:auto;max-height:82vh;display:block}.gallery-lightbox figcaption{color:#55544f;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:.9375rem;display:flex}.gallery-lightbox figcaption button{cursor:pointer;background:#fff;border:1px solid #d8d6dd;border-radius:9px;margin-left:auto;padding:8px 12px;font-weight:800}@media (max-width:600px){.gallery-head h1{font-size:36px}.gallery-family ul,.gallery-kits{grid-template-columns:repeat(2,1fr)}}
