.character-hero--gallery{padding:108px 0 88px;background:var(--forest-soft);overflow:clip}.vnd-character-gallery{width:min(calc(100% - 40px),1120px);margin:auto}.vnd-character-gallery__intro{display:flex;gap:40px;align-items:center;justify-content:space-between;min-height:100px;padding:0}.vnd-character-gallery__identity{flex:0 1 400px;min-width:0}.vnd-character-gallery__intro .eyebrow{margin:0 0 8px;line-height:16px}.vnd-character-gallery__intro h1{margin:0;font:400 60px/76px var(--serif);letter-spacing:-.02em}.vnd-character-gallery__intro .character-hero__bio{flex:0 1 520px;min-width:0;max-width:520px;margin:0;color:var(--ink);font:17px/27px var(--sans)}.vnd-character-gallery__stage{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:40px;margin-top:28px;outline:0}.vnd-character-gallery__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.vnd-character-gallery__image{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:#07100f}.vnd-character-gallery__image[hidden]{display:none}.vnd-character-gallery__image>img{display:block;width:100%;height:100%;object-fit:cover}.vnd-character-gallery__image.is-active{order:0}.vnd-character-gallery__image.is-next{order:1}.vnd-character-gallery__expand{position:absolute;top:12px;right:12px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(244,240,232,.55);border-radius:50%;background:#050a09b8}.vnd-character-gallery__expand img{width:24px;height:24px}.vnd-character-gallery__rail{display:grid;grid-template-rows:repeat(5,90px);align-content:space-between;justify-items:end}.vnd-character-gallery button{border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.vnd-character-gallery__thumb{width:72px;height:90px;overflow:hidden;border:1px solid transparent!important;background:#07100f;opacity:.72}.vnd-character-gallery__thumb.is-active{border-color:var(--gold)!important;opacity:1}.vnd-character-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.vnd-character-gallery__controls{display:flex;grid-column:1 / -1;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;color:var(--muted);font:12px Arial,var(--sans)}.vnd-character-gallery__controls span{margin-right:3px}.vnd-character-gallery__controls button,.vnd-character-gallery__dialog-close,.vnd-character-gallery__dialog-arrow{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(244,240,232,.3);border-radius:50%;background:transparent}.vnd-character-gallery__controls img,.vnd-character-gallery__dialog-close img,.vnd-character-gallery__dialog-arrow img{width:24px;height:24px}.vnd-character-gallery__profile{max-width:720px;margin:72px 0 0}.vnd-character-gallery__dialog{width:min(100vw,1300px);height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#050a09fa;color:var(--ink)}.vnd-character-gallery__dialog::backdrop{background:#000000c2}.vnd-character-gallery__dialog-frame{position:relative;display:grid;width:100%;height:100%;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:28px 36px}.vnd-character-gallery__dialog-image{grid-column:2;width:100%;height:100%;min-height:0;object-fit:contain}.vnd-character-gallery__dialog-close{position:absolute;top:24px;right:28px;z-index:2}.vnd-character-gallery__dialog-arrow{align-self:center}.vnd-character-gallery__dialog-thumbs{grid-column:1 / -1;display:flex;justify-content:center;gap:12px;overflow-x:auto}.vnd-character-gallery__dialog-thumbs button{flex:0 0 48px;height:60px;overflow:hidden;border:1px solid transparent;background:#07100f;opacity:.72}.vnd-character-gallery__dialog-thumbs button[aria-pressed=true]{border-color:var(--gold);opacity:1}.vnd-character-gallery__dialog-thumbs img{width:100%;height:100%;object-fit:cover}.vnd-character-gallery button:focus-visible,.vnd-character-gallery__image:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:899px){.character-hero--gallery{padding:96px 0 64px}.vnd-character-gallery__intro{display:block;height:auto;padding:0}.vnd-character-gallery__intro h1{margin-top:12px;font-size:48px;line-height:1}.vnd-character-gallery__intro .character-hero__bio{margin-top:22px;font-size:17px;line-height:27px}.vnd-character-gallery__stage{display:flex;flex-direction:column;gap:16px;margin-top:28px}.vnd-character-gallery__images{display:block}.vnd-character-gallery__image{width:100%}.vnd-character-gallery__image:not(.is-active){display:none}.vnd-character-gallery__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto;gap:8px}.vnd-character-gallery__thumb{width:100%;height:auto;aspect-ratio:4 / 5}.vnd-character-gallery__controls{margin-top:8px}.vnd-character-gallery__profile{margin-top:48px}.vnd-character-gallery__dialog-frame{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:20px 12px}.vnd-character-gallery__dialog-close{top:16px;right:16px}.vnd-character-gallery__dialog-thumbs{justify-content:flex-start}.vnd-character-gallery__dialog-arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.vnd-character-gallery *{scroll-behavior:auto;transition:none!important}}.vnd-character-gallery .vnd-character-gallery__dialog-close,.vnd-character-gallery .vnd-character-gallery__dialog-arrow{border:1px solid var(--line)}.vnd-character-gallery__thumb{opacity:1;border:0!important;outline-offset:-2px}.vnd-character-gallery__thumb.is-active{outline:2px solid var(--gold)}.vnd-character-gallery__thumb:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:899px){.vnd-character-gallery__intro{min-height:0}.vnd-character-gallery__dialog-frame{display:flex;flex-direction:column;justify-content:center;padding:72px 20px 24px;gap:20px}.vnd-character-gallery__dialog-image{flex:1;width:100%;min-height:0}.vnd-character-gallery__dialog-arrow{position:absolute;z-index:1;top:calc(50% - 22px);background:var(--forest)!important}.vnd-character-gallery__dialog-arrow[data-gallery-prev]{left:24px}.vnd-character-gallery__dialog-arrow[data-gallery-next]{right:24px}.vnd-character-gallery__dialog-thumbs{flex-shrink:0;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/vnd-character-gallery-v001.css.map */