html.lightbox-open{overflow:hidden}.gallery{margin:var(--space-xl) 0;container-type:inline-size;& .gallery-grid{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}& .cell{flex-grow:1;min-width:120px;margin:0;position:relative}& .filler{flex-grow:999999;list-style:none}& .tile{background:var(--color-offwhite);cursor:zoom-in;width:100%;height:100%;font:inherit;color:inherit;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-editorial), filter .4s var(--ease-editorial);will-change:transform;display:block}&:after{content:"";opacity:0;transition:opacity .35s var(--ease-editorial);pointer-events:none;background:linear-gradient(#140e0a00 50%,#140e0a59 100%);position:absolute;inset:0}& .tile-mark{width:32px;height:32px;color:var(--color-background);background:var(--color-highlight);opacity:0;transition:transform .4s var(--ease-editorial), opacity .35s var(--ease-editorial);pointer-events:none;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)scale(.85)}&:hover img,&:focus-visible img{filter:saturate(1.05);transform:scale(1.04)}&:hover:after,&:focus-visible:after{opacity:1}&:hover .tile-mark,&:focus-visible .tile-mark{opacity:1;transform:translateY(0)scale(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);background:var(--lb-bg);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--lb-fg);font-family:var(--font-serif);border:0;margin:0;padding:0;overflow:hidden;&::backdrop{background:rgba(var(--color-surface-dark-rgb), .96);backdrop-filter:blur(6px)}&[open]{animation:lightbox-in .35s var(--ease-editorial) both;grid-template-rows:auto 1fr auto;display:grid}& .bar{padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(var(--color-background-rgb), .08);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}& .counter{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-size-sm);letter-spacing:.02em;align-items:baseline;gap:6px;display:inline-flex;& .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{border:1px solid rgba(var(--color-background-rgb), .18);cursor:pointer;background:0 0;border-radius:999px;justify-self:end;width:38px;height:38px;transition:border-color .25s,background .25s;position:relative;&:hover,&:focus-visible{border-color:var(--color-highlight);background:rgba(var(--color-highlight-rgb), .12);outline:none}& .close-line{background:var(--lb-fg);transform-origin:50%;width:14px;height:1px;position:absolute;top:50%;left:50%;&:first-child{transform:translate(-50%,-50%)rotate(45deg)}&:nth-child(2){transform:translate(-50%,-50%)rotate(-45deg)}}}& .stage{grid-template-rows:minmax(0,1fr);grid-template-columns:auto 1fr auto;align-items:stretch;min-height:0;display:grid;position:relative;overflow:hidden}& .figure{grid-template-rows:1fr auto;gap:18px;min-height:0;margin:0;padding:32px 16px 12px;display:grid}& .frame{cursor:zoom-out;grid-template-areas:"stack";place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}& .lb-img{object-fit:contain;opacity:0;pointer-events:none;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 260px);transition:opacity .35s var(--ease-editorial), transform .45s var(--ease-editorial);grid-area:stack;transform:scale(.98);box-shadow:0 30px 60px -20px #0009;&.is-active{opacity:1;pointer-events:auto;transform:scale(1)}}& .caption{text-align:center;max-width:64ch;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);margin:0 auto;&.is-empty:before{content:"";background:var(--lb-muted);vertical-align:middle;width:24px;height:1px;display:inline-block}}& .nav{cursor:pointer;color:var(--lb-fg);background:0 0;border:0;place-items:center;gap:10px;min-width:96px;padding:0 28px;transition:background .3s;display:grid;position:relative;&: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{color:var(--lb-fg);transition:transform .4s var(--ease-editorial);display:inline-block}&.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{scrollbar-width:thin;scrollbar-color:rgba(var(--color-background-rgb), .2) transparent;gap:6px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}& .thumb{flex:none;& button{cursor:pointer;opacity:.45;transition:opacity .25s, transform .25s var(--ease-editorial);background:0 0;border:0;padding:0;display:block;position:relative;& img{filter:grayscale(.3);width:auto;max-width:none;height:64px;display:block}&:hover,&:focus-visible{opacity:.85;outline:none}}&.is-active button{opacity:1;transform:translateY(-2px);& img{filter:none}&:after{content:"";background:var(--color-highlight);height:1px;position:absolute;bottom:-8px;left:0;right:0}}}@media (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}& .lb-img{max-height:calc(100dvh - 180px)}}}.lightbox .thumb button{width:auto;height:auto}.lightbox .thumb button img{width:auto;max-width:none;height:64px;display:block}@media (width<=720px){.lightbox .thumb button img{height:48px}.gallery .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:auto;align-items:start;gap:4px;display:grid}.gallery .cell{flex:none;min-width:0}.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{transition:none!important;animation:none!important}}.quiz[data-astro-cid-t35we56s]{& .quiz-masthead{gap:var(--space-xs);padding-block-end:var(--space-md);display:grid}& .quiz-masthead-title{font-family:var(--font-serif);letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02}& .question{gap:var(--space-md);padding-block-start:var(--space-sm);display:grid;& .question-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);font-family:var(--font-sans);font-size:var(--font-size-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-text-muted,var(--color-grey));border-block-start:2px solid var(--color-black);padding-block-start:var(--space-xs);display:flex}& .folio{align-items:baseline;gap:.6em;display:inline-flex}& .folio-mark{font-family:var(--font-serif);color:var(--color-highlight);letter-spacing:0;font-size:1.4em;font-style:italic;line-height:1}& .folio-current{color:var(--color-highlight);font-weight:700}& .folio-divider{opacity:.6;margin-inline:.15em}& .question-text{font-family:var(--font-serif);margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.18;&:after{content:"";clear:both;display:block}}& .media img{max-width:100%;height:auto}}& .answers{counter-reset:answer;gap:0;margin:0;padding:0;list-style:none;display:grid;&[data-layout=image]{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}& li{counter-increment:answer}}& .answer{text-align:left;border:0;border-top:1px solid var(--color-rule);width:100%;padding:var(--space-sm) 0 var(--space-sm) var(--space-2xl);font:inherit;color:inherit;cursor:pointer;gap:var(--space-xs);transition:opacity var(--duration-base) var(--ease-editorial), border-color var(--duration-base) var(--ease-editorial), background-color var(--duration-base) var(--ease-editorial), color var(--duration-base) var(--ease-editorial);background:0 0;display:grid;position:relative;&:before{content:counter(answer, decimal-leading-zero);font-family:var(--font-sans);font-size:var(--font-size-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);font-feature-settings:"lnum", "tnum";color:var(--color-grey);transition:color var(--duration-base) var(--ease-editorial);position:absolute;inset-block-start:var(--space-sm);inset-inline-start:var(--space-md)}&:after{content:"";background:var(--color-highlight);transform-origin:top;inline-size:3px;transition:transform var(--duration-base) var(--ease-editorial);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}& .answer-img{width:100%;height:auto;display:block}& .answer-title{display:block}&:hover:not(.selected,.dim),&:focus-visible:not(.selected){border-color:var(--color-highlight);&:after{transform:scaleY(1)}&:before{color:var(--color-highlight)}}&:focus-visible{outline:2px solid var(--color-highlight);outline-offset:4px}&.selected{border-color:var(--color-highlight);color:var(--color-highlight);&:after{inline-size:5px;transform:scaleY(1)}&:before{color:var(--color-highlight);font-weight:700}& .answer-title{font-weight:700}}&.dim{opacity:.35;& .answer-title{text-decoration:line-through 1px;text-decoration-color:var(--color-rule-strong)}}}& .answers[data-layout=image] .answer{border-top:0;padding-inline-start:0;&:before{color:var(--color-white);mix-blend-mode:difference;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs)}}&.locked .answer[data-astro-cid-t35we56s]{cursor:default}& .results-anchor{block-size:0;scroll-margin-block-start:var(--space-xl)}& .quiz-loader{z-index:100;padding:var(--space-md);background:color-mix(in srgb, var(--color-background) 78%, transparent);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-editorial);place-items:center;display:grid;position:fixed;inset:0;&.active{opacity:1;pointer-events:auto}}& .quiz-loader-card{gap:var(--space-md);text-align:center;padding-block:clamp(var(--space-xl), 5vw, var(--space-2xl));padding-inline:clamp(var(--space-lg), 5vw, var(--space-2xl));background:var(--color-background);border:2px solid var(--color-black);justify-items:center;min-inline-size:min(36rem,92vw);max-inline-size:48rem;display:grid;box-shadow:0 24px 60px -32px #00000059}& .quiz-loader-label{font-family:var(--font-serif);color:var(--color-text);font-size:clamp(1.8rem,3.4vw,2.6rem);font-style:italic;&:after{content:"…";text-align:start;inline-size:1.2em;animation:1.2s steps(4,end) infinite quiz-loader-dots;display:inline-block}}& .quiz-loader-track{background:var(--color-rule);block-size:4px;inline-size:min(28rem,80%);margin-block-start:var(--space-xs);display:block;overflow:hidden}& .quiz-loader-fill{background:var(--color-highlight);block-size:100%;inline-size:0%;display:block}& .quiz-loader.active .quiz-loader-fill{animation:quiz-loader-fill 1.7s var(--ease-editorial) forwards}& .results{margin-block-start:var(--space-2xl);display:grid}& .result{gap:var(--space-lg);display:grid;&[hidden]{display:none}& .result-banner{background:var(--color-highlight);color:var(--color-background);padding-block:clamp(var(--space-lg), 5vw, var(--space-2xl));padding-inline:clamp(var(--space-md), 4vw, var(--space-xl));clip-path:inset(0 0 100%);transition:clip-path 1.2s var(--ease-editorial)}& .result-banner-inner{gap:var(--space-md);display:grid}& .result-header{border-block-end:1px solid color-mix(in srgb, currentColor 35%, transparent);padding-block-end:var(--space-sm)}& .result-kicker{font-family:var(--font-serif);color:inherit;font-size:clamp(1.4rem,2.4vw,1.8rem);font-style:italic}& .result-title{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;color:inherit;margin:0;font-size:clamp(2.4rem,6.5vw,4.4rem);line-height:1}& .result-media{opacity:0;transition:opacity var(--duration-slow) var(--ease-editorial);transition-delay:.7s;& img{max-width:100%;height:auto;display:block}}& .result-body{opacity:0;transition:opacity var(--duration-slow) var(--ease-editorial);transition-delay:.85s}&.revealed{& .result-banner{clip-path:inset(0)}& .result-media,& .result-body{opacity:1}}}@media (prefers-reduced-motion:reduce){& .result{& .result-banner{clip-path:inset(0);transition:none}& .result-media,& .result-body{opacity:1;transition:none}}}}@media (prefers-reduced-motion:reduce){.answer[data-astro-cid-t35we56s]{transition:none}}iframe[data-astro-cid-a7oyaa2f]{width:100%;height:370px}
