.lb{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-sm);background-color:color-mix(in srgb, var(--bg-canvas) 96%, transparent);color:var(--text-primary);overscroll-behavior:contain;border:0;margin:0;position:fixed;inset:0}.lb::backdrop{-webkit-backdrop-filter:blur(var(--space-2xs));backdrop-filter:blur(var(--space-2xs));background-color:#0000}@media (min-width:768px){.lb{padding:var(--space-md)}}@media (prefers-reduced-motion:no-preference){.lb[open]{animation:lb-in var(--dur-base) var(--ease-decelerate)}}@keyframes lb-in{0%{opacity:0}}:root:has(.lb[open]){scrollbar-gutter:stable;overflow:hidden}.lb-body{gap:var(--space-sm);flex-direction:column;height:100%;display:flex}.lb-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.lb-count{column-gap:var(--space-xs);min-width:0;font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.lb-label{color:var(--text-tertiary)}.lb-actions{gap:var(--space-2xs);flex-shrink:0;display:flex}.lb-btn{width:calc(var(--space-lg) + var(--space-2xs));height:calc(var(--space-lg) + var(--space-2xs));border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);color:var(--text-primary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard);border:0;place-items:center;padding:0;display:grid}.lb-btn .icon{width:var(--space-md);height:var(--space-md)}.lb-btn:focus-visible{border-radius:var(--radius-full)}@media (hover:hover) and (pointer:fine){.lb-btn:hover{background-color:color-mix(in srgb, var(--text-primary) 12%, transparent)}}.lb-stage{flex:auto;place-items:center;min-height:0;display:grid;container-type:size}.lb-frame{width:min(100cqw, 100cqh * var(--lb-r));aspect-ratio:var(--lb-r);border-radius:var(--radius-lg);background-color:var(--bg-inset);overflow:hidden}.lb-img{object-fit:contain;width:100%;height:100%;display:block}.lb-cap{gap:var(--space-3xs);text-align:center;max-width:40rem;font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-secondary);text-wrap:pretty;flex-direction:column;margin-inline:auto;display:flex}.lb-credit{font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);color:var(--text-tertiary)}
.blog-credit{margin-top:var(--space-3xs);font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);color:var(--text-tertiary);display:block}.blog-zoom{border-radius:var(--radius-xl);width:100%;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.blog-zoom:focus-visible{border-radius:var(--radius-xl)}.blog-zoom-frame{display:block}.blog-fig[data-size=bleed] .blog-zoom,.blog-fig[data-size=bleed] .blog-zoom:focus-visible{border-radius:0}.blog-gallery-label{margin-bottom:var(--space-sm);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-secondary);font-weight:500}.blog-gallery[data-size=bleed] .blog-gallery-label,.blog-gallery[data-size=bleed] .blog-gallery-strip{padding-inline:var(--shell-inset)}.blog-gallery-strip{gap:var(--space-md);flex-direction:column;display:flex}.blog-gallery-row{align-items:flex-start;gap:var(--space-sm);max-width:calc(30rem * var(--gallery-sum));display:flex}.blog-gallery-item{flex:var(--gallery-r) 1 0;min-width:0;margin:0}.blog-gallery-item .blog-zoom,.blog-gallery-item .blog-zoom:focus-visible{border-radius:var(--radius-lg)}.blog-gallery-item .blog-fig-frame{aspect-ratio:var(--gallery-r);border-radius:var(--radius-lg)}.blog-gallery-item .blog-shot{object-fit:cover;height:100%}.blog-gallery-item .blog-slot{overflow:hidden;aspect-ratio:var(--gallery-r)!important}@media (max-width:767px){.blog-gallery-strip{gap:var(--space-sm);margin-inline:calc(-1 * var(--shell-inset));padding-inline:var(--shell-inset);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--shell-inset);scrollbar-width:none;flex-direction:row;overflow-x:auto}.blog-gallery-row{display:contents}.blog-gallery-item{width:min(calc(22rem * var(--gallery-r)), 80%);scroll-snap-align:start;flex:none}}
