.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light dark;--paper:#f6f1e7;--paper-2:#efe8da;--ink:#1f1c18;--ink-soft:#5b544a;--rule:#d9cfbd;--accent:#b83d0b;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#17150f;--paper-2:#201d16;--ink:#efe9dc;--ink-soft:#a89f8f;--rule:#3a342a;--accent:#fb923c}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--serif);margin:0;font-size:1.125rem;line-height:1.65}h1{letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(2.1rem,6vw,3.3rem);font-weight:600;line-height:1.08}p{margin:0 0 1.25rem}.kicker{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.8rem}.dek{max-width:min(34rem,100vw - 34px - 2*clamp(1.5rem,5vw,3rem));color:var(--ink-soft);margin:0;font-size:1.25rem;font-style:italic}.site-nav{font-family:var(--sans);justify-content:space-between;gap:1rem;padding:.75rem 16px;font-size:.9rem;display:flex}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home,.contents{max-width:56rem;margin-inline:auto;padding:2.5rem 16px 4rem}.home-lead{margin-block-end:2.5rem}.piece-cards{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.piece-card{-webkit-tap-highlight-color:transparent;border:1px solid var(--rule);background:var(--paper-2);color:var(--ink);border-radius:20px;padding:clamp(1.5rem,5vw,3rem);text-decoration:none;display:block}.piece-card h2{letter-spacing:-.01em;width:fit-content;margin:0 0 1rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600;line-height:1.08}.piece-card-cast{gap:.75rem;margin-block-start:1.5rem;display:flex}.piece-card-cast svg{width:44px;height:52px;overflow:visible}body:has(.piece-sheet){background:var(--paper-2)}.piece-sheet{z-index:-1;pointer-events:none;position:fixed;inset:0}.essay-head{padding:4.5rem max(16px,50% - 20rem) 2rem}.essay-head h1,.kicker,.dek{width:fit-content}.essay-body,.cast-section{max-width:calc(40rem + 32px);margin-inline:auto;padding-inline:16px}.essay-body h2,.cast-section h2{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:3rem 0 .75rem;font-size:1rem}.essay-date{font-family:var(--sans);color:var(--ink-soft);margin:1rem 0 0;font-size:.9rem}span[id^=cast-]{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;border-radius:3px;scroll-margin-block:30vh;text-decoration-thickness:2px}span[id^=cast-]:target{background:color-mix(in srgb, var(--accent) 30%, transparent)}.cast-sub{font-family:var(--sans);color:var(--ink-soft);margin:-.25rem 0 1rem;font-size:.9rem}.cast-list{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.cast-list a{text-align:center;border:1px solid var(--rule);background:var(--paper);height:100%;color:var(--ink);font-family:var(--sans);border-radius:14px;justify-items:center;gap:.35rem;padding:1rem .5rem .9rem;font-size:.92rem;line-height:1.3;text-decoration:none;display:grid}.cast-list svg{transform-origin:50% 100%;width:52px;height:61px;overflow:visible}.cast-list .role{color:var(--ink-soft);font-size:.78rem}.legs line{stroke:var(--ink)}.torso,.thigh,.shin{transform-box:view-box}[data-no-morph]{view-transition-name:none!important}.piece-card,.piece-sheet{view-transition-class:piece-box}.piece-card .kicker,.piece-card .dek,.essay-head .kicker,.essay-head .dek{view-transition-class:piece-text}@media (prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.4,0,.2,1)}[data-card]::view-transition-old(root),[data-card]::view-transition-new(root){mix-blend-mode:normal;animation-duration:.5s;animation-timing-function:step-end;animation-fill-mode:both}[data-card=opening]::view-transition-old(root){animation-name:card-until-covered}[data-card=opening]::view-transition-new(root){animation-name:card-once-covered}[data-card=closing]::view-transition-old(root){animation-name:card-until-sheet}[data-card=closing]::view-transition-new(root){animation-name:card-once-sheet}[data-card=opening]::view-transition-group(*){animation-duration:.38s}[data-card=closing]::view-transition-group(*){animation-duration:.38s;animation-delay:.12s}[data-card]::view-transition-group(root){animation:none}[data-card]::view-transition-image-pair(.piece-box){background:var(--paper-2);animation-duration:.5s;animation-timing-function:linear;animation-delay:0s;animation-fill-mode:both}[data-card=opening]::view-transition-image-pair(.piece-box){animation-name:card-grows}[data-card=closing]::view-transition-image-pair(.piece-box){animation-name:card-shrinks}[data-card]::view-transition-old(.piece-box),[data-card]::view-transition-new(.piece-box),[data-card]::view-transition-old(.piece-text){display:none}[data-card]::view-transition-new(.piece-text){opacity:1;animation:none}.parade{transition:translate .28s cubic-bezier(.2,0,0,1)}[data-swapping] .parade{transition:none;translate:0 100%}@keyframes card-until-covered{0%{opacity:1}76%{opacity:0}}@keyframes card-once-covered{0%{opacity:0}76%{opacity:1}}@keyframes card-until-sheet{0%{opacity:1}24%{opacity:0}}@keyframes card-once-sheet{0%{opacity:0}24%{opacity:1}}@keyframes card-grows{0%{box-shadow:inset 0 0 0 1px var(--rule);opacity:1;border-radius:20px}76%{opacity:1;border-radius:0;box-shadow:inset 0 0 0 1px #0000}to{opacity:0;border-radius:0;box-shadow:inset 0 0 0 1px #0000}}@keyframes card-shrinks{0%{opacity:0;border-radius:0;box-shadow:inset 0 0 0 1px #0000}24%{opacity:1;border-radius:0;box-shadow:inset 0 0 0 1px #0000}to{box-shadow:inset 0 0 0 1px var(--rule);opacity:1;border-radius:20px}}html{scroll-behavior:smooth}.cast-list a{transition:transform .2s,box-shadow .2s}.cast-list a:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000001f}.cast-list a:hover svg,.cast-list a:focus-visible svg{animation:.9s ease-out look-at-me}@keyframes look-at-me{18%{transform:translateY(-9px)rotate(-7deg)}36%{transform:translateY(0)scale(1.06,.9)}52%{transform:translateY(-5px)rotate(7deg)}68%{transform:translateY(0)scale(1.03,.96)}}}@media (width<=560px){body{font-size:1.05rem}}