.gallery{max-width:1120px;margin:0 auto;padding-inline:32px 64px}.gallery-stage{padding-block:24px}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.gallery-header h1{font-size:clamp(1.15rem,2.5vw,1.6rem);font-weight:600}.gallery-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,6vw,88px);padding-block:48px}.gallery-media{position:relative;width:min(100%,330px);aspect-ratio:9 / 16;justify-self:center;border:3px solid var(--panel);background:var(--surface);box-shadow:12px 12px color-mix(in srgb,var(--accent) 12%,transparent)}.gallery-media :is(iframe,img){width:100%;height:100%;object-fit:cover}.gallery-media iframe{border:0}.gallery-play{display:block;height:100%;position:relative}.gallery-play-label{position:absolute;inset:auto 12px 16px;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 8px;border:2px solid var(--accent);border-radius:4px;background:var(--surface);color:var(--ink);font-weight:600;font-size:.9rem}.gallery-play-label svg{color:var(--accent)}.gallery-count{margin-bottom:16px;color:var(--accent);font-size:.875rem;font-weight:600;letter-spacing:.12em}.gallery-count span{color:var(--muted)}.gallery-copy h2{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.gallery-topics{display:flex;gap:8px;margin-top:32px}.gallery-button,.gallery-topics button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--accent);border-radius:4px;padding:8px 16px;color:var(--ink);background:var(--surface);font-family:var(--font-display);font-weight:600;text-decoration:none;cursor:pointer}.gallery-topics button[aria-selected=true]{background:var(--accent);color:var(--surface)}.gallery :is(a,button,[role=tabpanel]):focus-visible{outline:2px solid var(--accent);outline-offset:5px}.gallery-button:hover,.gallery-topics button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink)}.gallery-button:disabled{opacity:.35;cursor:default}.gallery-topic{margin-top:20px}.gallery-topic p{font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.65;color:var(--muted);max-width:34ch}.gallery-topic h3{font-weight:600;margin-bottom:8px}.gallery-controls{align-items:center;justify-content:space-between;gap:20px}.gallery-controls nav{display:flex;gap:12px}.gallery-hint{font-size:.8rem;color:var(--muted)}.gallery-outro{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-block:64px 32px}.gallery-outro p{flex-basis:100%;text-align:center;font-size:.8rem;line-height:1.8;color:var(--muted);margin-top:16px}.gallery [hidden]{display:none!important}.gallery.is-enhanced .gallery-stage{position:sticky;top:var(--gallery-header-height, 0px);height:calc(100svh - var(--gallery-header-height, 0px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.gallery.is-enhanced .gallery-cards{min-height:0;display:grid;align-items:center}.gallery.is-enhanced .gallery-card{padding-block:0}.gallery.is-enhanced .gallery-media{height:min(64svh,580px);width:auto;max-width:100%}.gallery.is-enhanced .gallery-topic{min-height:104px}.gallery.is-enhanced .gallery-topic h3{display:none}.gallery.is-enhanced .gallery-controls{display:flex}@media(prefers-reduced-motion:no-preference){.gallery.is-enhanced .gallery-card:not([hidden]) .gallery-copy{animation:gallery-enter .38s ease-out both}.gallery.is-enhanced .gallery-card:not([hidden]) .gallery-media{animation:gallery-reveal .42s ease-out both}.gallery.is-enhanced .gallery-topic:not([hidden]) p{animation:gallery-enter .22s ease-out both}.gallery :is(button,.gallery-button){transition:background-color .15s,color .15s}}@keyframes gallery-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes gallery-reveal{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.gallery{padding-inline:20px 48px}.gallery-stage{padding-block:12px}.gallery-header{gap:8px}.gallery-header>a{padding:8px 10px;font-size:.8rem;gap:8px}.gallery-header h1{font-size:1.05rem}.gallery-card{grid-template-columns:1fr;gap:24px}.gallery.is-enhanced .gallery-stage{gap:12px}.gallery.is-enhanced .gallery-card{gap:20px}.gallery.is-enhanced .gallery-media{height:min(38svh,360px)}.gallery.is-enhanced .gallery-copy{position:relative}.gallery-count{font-size:.7rem;margin-bottom:8px}.gallery-copy h2{font-size:1.75rem}.gallery-topics{margin-top:16px;gap:6px}.gallery-topics button{padding-inline:12px;font-size:.85rem}.gallery-topic{margin-top:12px}.gallery-topic p{font-size:.95rem;line-height:1.5}.gallery.is-enhanced .gallery-topic{min-height:72px}.gallery.is-enhanced .gallery-controls{flex-direction:column-reverse;gap:8px}.gallery-controls nav{width:100%}.gallery-controls button{flex:1;font-size:.875rem;padding:8px 12px}.gallery-hint{font-size:.7rem}.gallery-play-label{font-size:.7rem;padding:8px 4px;inset:auto 6px 8px;gap:4px}}@media(max-width:700px)and (max-height:739px){.gallery.is-enhanced .gallery-media{height:30svh}.gallery.is-enhanced .gallery-card{gap:12px}.gallery-copy h2{font-size:1.5rem}.gallery-count{margin-bottom:4px}.gallery-topics{margin-top:12px}.gallery.is-enhanced .gallery-topic{min-height:64px}}