.advent{margin:var(--space-4) 0 0;gap:var(--space-2) var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.advent-door{position:relative}.advent-door figure{margin:0}.advent-window,.advent-door.is-closed{aspect-ratio:1;border-radius:var(--radius);width:100%;display:block;position:relative;overflow:hidden}.advent-window{background:var(--ink);cursor:pointer;border:0;padding:0;box-shadow:0 1px 1px #161a1433,0 1rem 1.5rem -.9rem #161a1480}.advent-window img{object-fit:cover;width:100%;height:100%;transition:scale .26s;display:block}.advent-door.is-closed{background:var(--grain), var(--paper-lo);box-shadow:inset 0 0 0 1px #161a141f,inset 0 .6rem 1rem -.8rem #161a1459}.advent-door.is-closed:after{content:"";background:#161a142e;width:1px;position:absolute;inset:12% auto 12% 50%}.advent-number{left:var(--space-1);top:var(--space-1);font-family:var(--font-display), sans-serif;font-size:clamp(1.5rem,1rem + 2vw,2.5rem);font-weight:800;line-height:1;position:absolute}.advent-door.is-closed .advent-number{color:var(--moss)}.advent-window .advent-number{background:var(--neon);color:var(--ink);border-radius:var(--radius);padding:.15em .3em .05em}.advent-door figcaption{margin-top:var(--space-1);font-size:.8125rem;line-height:1.3}.advent-window:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover:hover){.advent-window:hover img{scale:1.04}}@media (max-width:639px){.advent-door.is-christmas{grid-column:1/-1}}@media (min-width:640px){.advent{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr))}.advent-door figcaption{font-size:.875rem}}.advent-dialog{max-width:min(64rem, calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 2 * var(--gutter));padding:var(--space-1);border-radius:var(--radius);background:var(--paper-hi);color:var(--ink);border:0}.advent-dialog::backdrop{background:#161a14d1}.advent-dialog figure{margin:0}.advent-dialog img{max-width:100%;max-height:calc(100dvh - 2 * var(--gutter) - 4.5rem);width:auto;height:auto;margin:0 auto;display:block}.advent-dialog figcaption{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.advent-dialog figcaption span{text-align:center;min-width:12em}@media (prefers-reduced-motion:reduce){.advent-window img{transition:none}}