html.lightbox-open{overflow:hidden}.gallery{margin:var(--space-xl) 0;container-type:inline-size;.gallery-grid{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.cell{position:relative;flex-grow:1;margin:0;min-width:120px}.filler{flex-grow:999999;list-style:none}.tile{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:var(--color-offwhite);cursor:zoom-in;overflow:hidden;font:inherit;color:inherit;img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease-editorial),filter .4s var(--ease-editorial);will-change:transform}&:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#140e0a00 50%,#140e0a59);opacity:0;transition:opacity .35s var(--ease-editorial);pointer-events:none}.tile-mark{position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;color:var(--color-background);background:var(--color-highlight);border-radius:999px;transform:translateY(8px) scale(.85);opacity:0;transition:transform .4s var(--ease-editorial),opacity .35s var(--ease-editorial);pointer-events:none}&:hover img,&:focus-visible img{transform:scale(1.04);filter:saturate(1.05)}&:hover:after,&:focus-visible:after{opacity:1}&:hover .tile-mark,&:focus-visible .tile-mark{transform:translateY(0) scale(1);opacity:1}&:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}}}.lightbox{--lb-bg: var(--color-surface-dark);--lb-fg: var(--color-background);--lb-muted: rgba(var(--color-background-rgb), .45);padding:0;border:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:var(--lb-bg);color:var(--lb-fg);overflow:hidden;font-family:var(--font-serif);&::backdrop{background:rgba(var(--color-surface-dark-rgb),.96);backdrop-filter:blur(6px)}&[open]{display:grid;grid-template-rows:auto 1fr auto;animation:lightbox-in .35s var(--ease-editorial) both}.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(var(--color-background-rgb),.08)}.counter{display:inline-flex;align-items:baseline;gap:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);letter-spacing:.02em;.index{color:var(--lb-fg);font-weight:500}.slash{color:var(--lb-muted);margin:0 2px}.total{color:var(--lb-muted)}}.eyebrow{font-family:var(--font-sans, var(--font-serif));text-transform:uppercase;letter-spacing:var(--letter-spacing-eyebrow);font-size:var(--font-size-eyebrow);color:var(--lb-muted);justify-self:center}.close{justify-self:end;position:relative;width:38px;height:38px;background:transparent;border:1px solid rgba(var(--color-background-rgb),.18);border-radius:999px;cursor:pointer;transition:border-color .25s,background .25s;&:hover,&:focus-visible{border-color:var(--color-highlight);background:rgba(var(--color-highlight-rgb),.12);outline:none}.close-line{position:absolute;left:50%;top:50%;width:14px;height:1px;background:var(--lb-fg);transform-origin:center;&:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}&:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}}}.stage{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;min-height:0;overflow:hidden}.figure{margin:0;display:grid;grid-template-rows:1fr auto;gap:18px;padding:32px 16px 12px;min-height:0}.frame{position:relative;display:grid;place-items:center;grid-template-areas:"stack";min-height:0;overflow:hidden;cursor:zoom-out}.lb-img{grid-area:stack;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-editorial),transform .45s var(--ease-editorial);transform:scale(.98);box-shadow:0 30px 60px -20px #0009;&.is-active{opacity:1;transform:scale(1);pointer-events:auto}}.caption{margin:0 auto;max-width:64ch;text-align:center;font-style:italic;font-size:var(--font-size-sm);line-height:var(--leading-copy);color:rgba(var(--color-background-rgb),.78);min-height:1.6em;padding:0 var(--space-lg);&.is-empty:before{content:"";display:inline-block;width:24px;height:1px;background:var(--lb-muted);vertical-align:middle}}.nav{position:relative;background:transparent;border:0;cursor:pointer;color:var(--lb-fg);padding:0 28px;display:grid;place-items:center;gap:10px;min-width:96px;transition:background .3s;&:hover,&:focus-visible{background:linear-gradient(90deg,rgba(var(--color-highlight-rgb),.15),transparent);outline:none}&.nav-next:hover,&.nav-next:focus-visible{background:linear-gradient(270deg,rgba(var(--color-highlight-rgb),.15),transparent)}.nav-label{font-family:var(--font-sans, var(--font-serif));text-transform:uppercase;letter-spacing:var(--letter-spacing-eyebrow);font-size:var(--font-size-eyebrow);color:var(--lb-muted);transition:color .25s}&:hover .nav-label{color:var(--lb-fg)}.nav-arrow{display:inline-block;color:var(--lb-fg);transition:transform .4s var(--ease-editorial)}&.nav-prev:hover .nav-arrow{transform:translate(-6px)}&.nav-next:hover .nav-arrow{transform:translate(6px)}}.strip{border-top:1px solid rgba(var(--color-background-rgb),.08);padding:var(--space-sm) var(--space-lg);overflow:hidden}.thumbs{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--color-background-rgb),.2) transparent}.thumb{flex:0 0 auto;button{position:relative;padding:0;border:0;background:transparent;cursor:pointer;display:block;opacity:.45;transition:opacity .25s,transform .25s var(--ease-editorial);img{height:64px;width:auto;max-width:none;display:block;filter:grayscale(.3)}&:hover,&:focus-visible{opacity:.85;outline:none}}&.is-active button{opacity:1;transform:translateY(-2px);img{filter:none}&:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--color-highlight)}}}@media(max-width:720px){.nav{min-width:56px;padding:0 8px}.nav-label{display:none}.bar{padding:12px 14px}.figure{padding:16px 8px 8px}.thumb button img{height:48px}.strip{padding:10px 14px}}}.lightbox .thumb button{height:auto;width:auto}.lightbox .thumb button img{height:64px;width:auto;max-width:none;display:block}@media(max-width:720px){.lightbox .thumb button img{height:48px}}@media(max-width:720px){.gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:auto;align-items:start;gap:4px}.gallery .cell{flex:none;min-width:0;flex-basis:auto}.gallery .filler{display:none}}@keyframes lightbox-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.lightbox[open],.gallery .tile img,.lightbox .lb-img,.lightbox .nav-arrow,.gallery .tile-mark{animation:none!important;transition:none!important}}iframe[data-astro-cid-dyjste5i]{width:100%;height:370px}