.gal{--gal-display:var(--play-display-font,ui-sans-serif),system-ui,sans-serif;--gal-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app);color:var(--text,#231e15);padding:28px 20px 40px;max-width:1180px;margin:0 auto;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (min-width:720px){.gal{padding:32px 24px 48px}}.gal ::selection{background:rgba(242,161,60,.28)}.gal :focus-visible{outline:2px solid var(--accent-deep,#8f5c0a);outline-offset:3px;border-radius:6px}.gal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border-soft,#ddd6c9)}.gal-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit;opacity:.85;transition:opacity .12s ease}.gal-brand:hover{opacity:1}.gal-mark{flex:none;width:26px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 40'%3E%3Crect x='5' y='11.5' width='4.8' height='24.5' rx='2.4' fill='%23f2a13c'/%3E%3Cpath fill-rule='evenodd' fill='%23f2a13c' d='M8 20a8 8 0 1 0 16 0a8 8 0 1 0-16 0zM12.6 20a3.4 3.4 0 1 0 6.8 0a3.4 3.4 0 1 0-6.8 0z'/%3E%3Crect x='27' y='4' width='4.8' height='24' rx='2.4' fill='%23f2a13c'/%3E%3Cpath fill-rule='evenodd' fill='%23f2a13c' d='M30 20a8 8 0 1 0 16 0a8 8 0 1 0-16 0zM34.6 20a3.4 3.4 0 1 0 6.8 0a3.4 3.4 0 1 0-6.8 0z'/%3E%3C/svg%3E") no-repeat 50% 50% /contain}.gal-brand__name{font-family:var(--gal-display);font-size:15.5px;font-weight:640;letter-spacing:-.01em}.gal-cta{flex:none;display:inline-flex;align-items:center;padding:8px 16px;border-radius:9px;background:var(--accent,#f2a13c);color:var(--accent-ink,#241505);font-weight:650;font-size:14px;text-decoration:none;transition:background .12s ease}.gal-cta:hover{background:var(--accent-bright,#ffbe63)}.gal-index{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin:26px 0 20px}.gal-title{margin:0;font-family:var(--gal-display);font-size:clamp(19px,2.4vw,23px);font-weight:620;line-height:1.25;letter-spacing:-.015em}.gal-count{margin:0;font-family:var(--gal-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint,#6d6552);white-space:nowrap}.gal-grid{list-style:none;margin:0 0 64px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:20px;gap:20px}.gal-card{border:1px solid var(--border-soft,#ddd6c9);border-radius:12px;background:var(--bg-panel,#f2eee6);overflow:hidden;transition:border-color .14s ease}.gal-card:hover{border-color:var(--border-strong,#bfb5a2)}.gal-card:focus-within{border-color:var(--accent-line,rgba(143,92,10,.45));box-shadow:0 0 0 1px var(--accent-line,rgba(143,92,10,.45))}.gal-card__link{display:block;text-decoration:none;color:inherit}.gal-card__link:focus-visible{outline:none}.gal-card__shot{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:var(--bg-raised,#f9f6f0);border-bottom:1px solid var(--border-soft,#ddd6c9)}.gal-card__body{padding:13px 16px 15px}.gal-card__title{margin:0 0 6px;font-size:16px;font-weight:640;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gal-card__meta{margin:0;font-family:var(--gal-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint,#6d6552)}.gal-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:64px;max-width:460px;padding:44px 28px 48px;border:1px dashed var(--border,#d3cbbd);border-radius:14px;background:hsl(38 22% 30%/.04)}.gal-empty__lead{margin:0;font-family:var(--gal-display);font-size:20px;font-weight:620;letter-spacing:-.01em}.gal-empty__note{margin:0;max-width:52ch;color:var(--text-muted,#5c5343);line-height:1.55}.gal-empty__link{margin-top:6px;color:var(--accent-deep,#8f5c0a);font-weight:600;font-size:15px;text-decoration:none}.gal-empty__link:hover{text-decoration:underline;text-underline-offset:3px}.gal-foot{display:flex;flex-wrap:wrap;gap:18px 24px;margin-top:auto;padding-top:24px;border-top:1px solid var(--border-soft,#ddd6c9);font-size:13.5px}.gal-foot a{color:var(--text-faint,#6d6552);text-decoration:none}.gal-foot a:hover{color:var(--text,#231e15)}@media (prefers-reduced-motion:reduce){.gal-brand,.gal-card,.gal-cta{transition:none}}