.games-layout{margin-top:var(--space-6);row-gap:var(--space-6)}.games-stage{aspect-ratio:16/9;background:var(--indigo);position:relative;overflow:hidden}.games-stage__frame,.games-stage__poster{border:0;width:100%;height:100%;position:absolute;inset:0}.games-stage__poster{background:var(--indigo);cursor:pointer;padding:0}.games-stage__poster img{object-fit:cover;opacity:.9;width:100%;height:100%}.games-stage__play{background:var(--cream);border-radius:50%;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;transition:transform .2s;position:absolute;top:50%;left:50%}.games-stage__play:after{content:"";border-left:1.1rem solid var(--indigo);border-block:.7rem solid #0000;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.games-stage__poster:hover .games-stage__play{transform:scale(1.08)}.games-stage__poster:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px}.games-stage--empty{background-color:var(--teal);--dot:var(--cream);--dot-size:12px;place-items:center;display:grid}.games-stage__note{padding:var(--space-2) var(--space-3);background:var(--teal);color:var(--cream)}.games-detail{margin-top:var(--space-4);max-width:60ch}.games-detail__title{font-size:var(--step-3);letter-spacing:-.03em;margin:0 0 var(--space-2);font-weight:600;line-height:1}.games-detail__blurb{margin-top:var(--space-3)}.games-list{border-top:var(--rule);align-self:start;margin:0;padding:0;list-style:none}.games-list__item{align-items:baseline;gap:var(--space-3);width:100%;padding:var(--space-4) 0;border:0;border-bottom:var(--rule);text-align:left;cursor:pointer;background:0 0;grid-template-columns:2.5rem 1fr auto;display:grid}.games-list__title{font-size:var(--step-1);letter-spacing:-.02em;font-weight:600}.games-list__item:hover .games-list__title{text-underline-offset:.2em;text-decoration:underline}.games-list__item[aria-current=true]{background:var(--teal);color:var(--cream);padding-inline:var(--space-3)}.games-list__item[aria-current=true] .meta{color:var(--cream)}@media (width>=64rem){.games-main{grid-column:1/9}.games-list{grid-column:9/-1}}.games-empty{margin-top:var(--space-5)}.works-grid{margin:var(--space-6,3rem) 0 0;gap:var(--space-5,1.5rem) var(--grid-gap,1.5rem);grid-template-columns:1fr;padding:0;list-style:none;display:grid}.works-card{gap:var(--space-2,.5rem);border-top:1px solid var(--indigo);padding-top:var(--space-3,1rem);flex-direction:column;min-width:0;display:flex}.works-cover{aspect-ratio:1;background:var(--cream);position:relative;overflow:hidden}.works-cover__img{object-fit:cover;width:100%;height:100%;display:block}.works-cover__img.is-loading{opacity:0}.works-cover__dots{pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.works-cover__dots.is-revealed{opacity:0}.works-card__title{font-size:var(--step-0,1rem);color:var(--indigo);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.1}.works-card__meta{justify-content:space-between;align-items:baseline;gap:var(--space-2,.5rem);font-size:var(--step-0,1rem);color:var(--indigo);margin:0;display:flex}.works-card__year{font-family:var(--font-mono);font-size:var(--step--1,.8rem);color:var(--indigo)}.works-card__error{color:var(--indigo);margin:0}.works-player{margin-top:var(--space-3,.75rem);align-items:center;gap:var(--space-3,1rem);display:flex}.works-play{border:1px solid var(--teal);background:var(--teal);width:2.75rem;height:2.75rem;color:var(--cream);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s;display:inline-flex}.works-play:hover{background:var(--indigo);border-color:var(--indigo)}.works-play__icon{border:.45rem solid #0000;border-left:.75rem solid;border-right-width:0;width:0;height:0;margin-left:.15rem}.works-play__icon--pause{background:linear-gradient(90deg,currentColor 0 35%,#0000 35% 65%,currentColor 65% 100%);border:0;width:.75rem;height:.9rem;margin:0}.works-progress{cursor:pointer;background:linear-gradient(var(--indigo), var(--indigo)) center / 100% 1px no-repeat;flex:1;align-items:center;min-width:0;height:.75rem;display:flex;position:relative}.works-progress__fill{background:var(--teal);pointer-events:none;height:4px;display:block}.works-links{margin:var(--space-4,1rem) 0 0;gap:var(--space-2,.5rem);flex-wrap:wrap;padding:0;list-style:none;display:flex}.works-link{display:inline-flex}.works-play:focus-visible,.works-progress:focus-visible,.works-link:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.works-play:focus-visible{outline-color:var(--indigo)}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}@media (width>=40rem){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.works-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.works-play{width:2.25rem;height:2.25rem}.works-links .btn{min-height:2rem;padding:var(--space-1,.25rem) var(--space-3,.75rem);font-size:var(--step--1,.8rem)}.works-card__meta{font-size:var(--step--1,.8rem)}@media (prefers-reduced-motion:reduce){.works-cover__img,.works-play{transition:none}}.works-cover__placeholder{width:100%;height:100%;font-family:var(--font-sans);text-transform:lowercase;display:block}.contact-block{background:var(--teal);color:var(--cream);padding:var(--space-6) var(--space-4)}.contact-block .index-label,.contact-block .heading{color:var(--cream)}.contact-intro,.contact-links{grid-column:1/-1}.contact-links{gap:var(--space-4);margin-top:var(--space-5);align-content:start;justify-items:start;display:grid}.contact-lead{max-width:32ch;font-size:var(--step-1);margin:var(--space-4) 0 0}.contact-mail{background:var(--cream);color:var(--teal);border:1px solid var(--cream);font-size:var(--step-1);padding:var(--space-4) var(--space-5);overflow-wrap:anywhere;max-width:100%}.contact-mail:hover{background:var(--yellow);border-color:var(--yellow);color:var(--indigo)}.contact-mail:focus-visible,.contact-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.contact-elsewhere{margin:0}.contact-link{color:var(--cream);text-decoration:underline}.contact-link:hover{color:var(--yellow)}@media (width>=48em){.contact-block{padding:var(--space-8) var(--space-6)}.contact-intro{grid-column:1/span 5}.contact-links{grid-column:7/-1;align-self:end;margin-top:0}}