article{max-width:1000px;margin:auto}section{scroll-margin-top:calc(var(--header-height) + var(--padding-md))}section+section{margin-top:calc(var(--padding-lg) * 1.5)}h2{margin-top:0}b{color:#fff}figure,.bands,.callout{margin:var(--padding-md) 0;padding:var(--padding-lg);border-radius:var(--border-radius);background:linear-gradient(-135deg,var(--blue-30),var(--blue-10));box-shadow:0 0 12px #000}figcaption{font:var(--small-font);color:var(--gray-70);text-align:center}.combine{display:grid;grid-template-columns:minmax(0,17em) auto;justify-content:center;align-items:center;gap:var(--padding-md)}.combine ul{padding-right:var(--padding-md);border-right:2px solid var(--cream-37);list-style:none}.combine li{display:flex;justify-content:space-between;gap:var(--padding-sm);padding:3px 0}.combine div{display:grid;justify-items:center;gap:var(--padding-xs)}.combine score-badge{width:72px}.combine figcaption{grid-column:1 / -1}@media(width<480px){.combine{grid-template-columns:minmax(0,17em)}.combine ul{padding:0 0 var(--padding-md);border-right:none;border-bottom:2px solid var(--cream-37)}}.critics figcaption{margin-bottom:var(--padding-md)}.critics ol{display:flex;justify-content:center;gap:var(--padding-xs);list-style:none}.critics li{display:grid;justify-items:center;gap:var(--padding-xs);flex:0 1 34px}.critics li b{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:4px;background:repeating-linear-gradient(45deg,var(--gray-30) 0 3px,var(--gray-50) 3px 6px);box-shadow:0 2px 4px #00000059}.critics li b>span{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:var(--gray-70);color:var(--blue-10);font:var(--h3-font);font-weight:600}.critics li.liked:after{content:"\1f44d" / "liked"}.critics li.disliked:after{content:"\1f44e" / "disliked"}.critics li:after{font-size:.75rem}@media(scripting:enabled){.critics{--turn: .4s;--stagger: .25s}.critics[data-hold] li b>span,.critics[data-hold] li:after{opacity:0}.critics:not([data-hold]) li b{animation:flip var(--turn) ease-in-out calc(var(--i) * var(--stagger)) both}.critics:not([data-hold]) li b>span{animation:turn-face var(--turn) linear calc(var(--i) * var(--stagger)) both}.critics:not([data-hold]) li:after{animation:stamp .3s ease-in calc(var(--i) * var(--stagger) + var(--turn)) both}}@keyframes flip{50%{transform:scaleY(0)}}@keyframes turn-face{0%,50%{opacity:0}50.1%,to{opacity:1}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)}70%{opacity:1;transform:scale(.9)}}.critics dl{display:flex;justify-content:center;gap:var(--padding-lg);margin-top:var(--padding-md);text-align:center}.critics dt{font:var(--small-font)}.critics dd{margin:0;font:var(--h2-font);color:#fff}.critics dd small{display:block;font:var(--small-font);color:var(--gray-70)}.steps{display:grid;gap:var(--padding-md);margin-top:var(--padding-md);list-style:none;counter-reset:step}.steps li{position:relative;padding-left:44px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:-3px;display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;background:var(--gray-70);color:var(--blue-10);font-weight:600}.steps p{margin-top:var(--padding-xs)}.bands{background:linear-gradient(135deg,var(--blue-30),var(--blue-10));display:grid;gap:var(--padding-md);list-style:none}.bands li{display:flex;align-items:center;gap:var(--padding-md)}.bands score-badge{flex-shrink:0}.bands p{margin:0}.bands b,.steps b,.callout b{display:block;font:var(--h3-font);font-weight:500}.callout{padding-left:calc(var(--padding-lg) + 1.25em)}.callout li+li{margin-top:var(--padding-sm)}#credits p+p{font:var(--small-font);color:var(--gray-70)}#credits img{height:10px;margin-right:var(--padding-xs)}
/*# sourceMappingURL=about.css.map */