/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme,base;@layer components{.article-gallery :is(.article-gallery__grid,.article-gallery__track,.article-gallery__thumbs),.lightbox .lightbox__track{margin:0;padding:0;list-style:none}.blog-prose :is(.article-gallery,.lightbox) img{background:0 0;border:0;border-radius:0;height:100%}.article-gallery .article-gallery__grid{gap:.75rem;display:grid}.article-gallery__item{aspect-ratio:3/2;border-radius:var(--radius-inner);background:var(--color-surface);overflow:hidden}.article-gallery__credit{font-size:var(--text-caption);color:var(--color-muted);margin-top:.75rem}@media (width>=40rem){.article-gallery .article-gallery__grid{grid-template-columns:repeat(var(--gallery-columns,3), minmax(0, 1fr));gap:1rem}.article-gallery__item:first-child{grid-column:1/-1}.article-gallery[data-count="2"] .article-gallery__grid,.article-gallery[data-count="3"] .article-gallery__grid{--gallery-columns:2}}.article-gallery__open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.article-gallery__open:focus-visible{outline-offset:calc(-1 * var(--border-width-focus) - var(--focus-offset))}.article-gallery__stage{position:relative}.article-gallery .article-gallery__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-inner);background:var(--color-surface);display:flex;overflow-x:auto}.article-gallery__track::-webkit-scrollbar{display:none}.article-gallery__slide{aspect-ratio:3/2;scroll-snap-align:start;flex:0 0 100%;overflow:hidden}.article-gallery__arrow,.lightbox__arrow{background:var(--color-white);width:2.75rem;height:2.75rem;color:var(--color-ink);box-shadow:var(--shadow-control), inset 0 0 0 var(--border-width-default) var(--color-line);transition:box-shadow var(--motion-duration-fade) var(--motion-ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.article-gallery__arrow[hidden]{display:none}.article-gallery__arrow:hover,.lightbox__arrow:hover{box-shadow:var(--shadow-control), inset 0 0 0 var(--border-width-default) var(--color-ink)}.article-gallery__arrow--prev{left:.75rem}.article-gallery__arrow--next{right:.75rem}.article-gallery__arrow--prev svg,.lightbox__arrow--prev svg{rotate:90deg}.article-gallery__arrow--next svg,.lightbox__arrow--next svg{rotate:-90deg}.article-gallery .article-gallery__thumbs{--focus-room:calc(var(--border-width-focus) + var(--focus-offset));margin:calc(1rem - var(--focus-room)) calc(-1 * var(--focus-room)) calc(-1 * var(--focus-room));padding:var(--focus-room);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, var(--color-ink) calc(var(--fade-start,0) * 3rem), var(--color-ink) calc(100% - var(--fade-end,0) * 3rem), transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--color-ink) calc(var(--fade-start,0) * 3rem), var(--color-ink) calc(100% - var(--fade-end,0) * 3rem), transparent);mask-image:linear-gradient(to right, transparent, var(--color-ink) calc(var(--fade-start,0) * 3rem), var(--color-ink) calc(100% - var(--fade-end,0) * 3rem), transparent);gap:.75rem;display:flex;overflow-x:auto}.article-gallery__thumbs::-webkit-scrollbar{display:none}.article-gallery__thumbs>li{flex:none}.article-gallery__thumb{aspect-ratio:3/2;border-radius:var(--radius-control);background:var(--color-surface);width:6rem;box-shadow:inset 0 0 0 var(--border-width-default) var(--color-line);transition:box-shadow var(--motion-duration-fade) var(--motion-ease);display:block;position:relative;overflow:hidden}.article-gallery__thumb:after{content:"";border-radius:inherit;box-shadow:inherit;pointer-events:none;position:absolute;inset:0}.article-gallery__thumb:hover{box-shadow:inset 0 0 0 var(--border-width-default) var(--color-ink)}.article-gallery__thumb[aria-current=true]{box-shadow:inset 0 0 0 var(--border-width-focus) var(--color-ink)}@media (width>=40rem){.article-gallery__thumb{width:7.5rem}}html:has(.lightbox[open]){overflow:hidden}.lightbox{background:var(--color-ink);width:100%;max-width:none;height:100%;max-height:none;color:var(--color-white);border:0;margin:0;padding:0}.lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.lightbox::backdrop{background:var(--color-ink)}.lightbox__bar{padding:.75rem var(--spacing-gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex}.lightbox__count{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.02em;color:#fff}@supports (color:color-mix(in lab, red, red)){.lightbox__count{color:color-mix(in srgb, var(--color-white) var(--alpha-80), transparent)}}.lightbox__close{width:2.75rem;height:2.75rem;color:var(--color-white);background:#fff;border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.lightbox__close{background:color-mix(in srgb, var(--color-white) var(--alpha-10), transparent)}}.lightbox__close{transition:background-color var(--motion-duration-fade) var(--motion-ease)}.lightbox__close:hover{background:#fff}@supports (color:color-mix(in lab, red, red)){.lightbox__close:hover{background:color-mix(in srgb, var(--color-white) var(--alpha-20), transparent)}}.lightbox :focus-visible{outline-color:var(--color-white)}.lightbox__stage{min-width:0;min-height:0;position:relative}.lightbox .lightbox__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.lightbox__track::-webkit-scrollbar{display:none}.lightbox__slide{scroll-snap-align:start;flex:0 0 100%;height:100%;padding:0 1rem 1rem}.lightbox__arrow{display:none}.lightbox__arrow--prev{left:var(--spacing-gutter)}.lightbox__arrow--next{right:var(--spacing-gutter)}@media (width>=40rem){.lightbox__slide{padding-inline:calc(var(--spacing-gutter) + 3.5rem)}.lightbox__arrow{display:grid}}.lightbox__credit{padding:.75rem var(--spacing-gutter) 1rem;font-size:var(--text-caption);color:#fff}@supports (color:color-mix(in lab, red, red)){.lightbox__credit{color:color-mix(in srgb, var(--color-white) var(--alpha-70), transparent)}}@media (prefers-reduced-motion:reduce){.article-gallery__arrow,.lightbox__arrow,.article-gallery__thumb,.lightbox__close{transition:none}}}@layer utilities;
