@charset "UTF-8";html{--accent:hsl(24deg,96%,60%);--lightest:hsl(0deg,0%,100%);--light:hsl(204deg,18%,72%);--dark:hsl(240deg,12%,18%);--darkest:hsl(204deg,24%,18%);--pad:1rem;background:var(--darkest);background-attachment:fixed;color:var(--lightest);font-style:normal;font-weight:400;font-size:16px;line-height:1.5rem;font-family:'Manrope VF',Manrope,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;font-variation-settings:'wght' 400;font-variation-ligatures:normal;font-feature-settings:'calt','liga';overflow-y:scroll;cursor:default;position:relative;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:var(--accent);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}html.dark{--darkest:hsl(204deg,24%,6%);--dark:hsl(204deg,24%,18%);--lightest:hsl(240deg,24%,96%)}html.dark .main{background-color:var(--dark);color:var(--lightest)}html.dark .main .showcase-caption{background-color:var(--dark)}body{min-height:100vh;padding:var(--pad);box-sizing:border-box;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr;align-items:start;justify-items:center;grid-template-rows:min-content}*,*::before,*::after{margin:0;padding:0;border:none;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}::-moz-selection{background:var(--accent);color:var(--darkest)}::selection{background:var(--accent);color:var(--darkest)}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,pre{font-size:inherit;line-height:inherit;margin:0 0 .5rem}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child,figure:last-child,pre:last-child{margin-bottom:0}figure{margin-bottom:1rem}h1,h2,h3{line-height:1.5rem}h1{font-variation-settings:'wght' 360;font-weight:360;font-size:2rem;line-height:2rem;margin-bottom:.5rem;position:relative}h2{font-variation-settings:'wght' 600;font-weight:600;font-size:1.25rem;line-height:2rem}h3{font-variation-settings:'wght' 720;font-weight:720;font-size:1.25rem;line-height:1rem}h4{font-size:1rem;font-variation-settings:'wght' 800;font-weight:800}a{color:inherit;text-decoration:underline;text-decoration-line:2px;text-decoration-color:rgba(0,0,0,.36)}a:hover{color:var(--accent);border-color:var(--accent)}a:focus,a:active{color:var(--accent);outline:.125rem dashed var(--accent);outline-offset:.25rem;text-decoration:none}header nav ul{display:flex;justify-content:space-between;align-items:center}header nav ul li{margin:0;font-size:1rem;line-height:1rem;stroke-width:1px}header nav ul li.parent{font-variation-setting:'wght' 300}header nav ul li.active a{font-variation-settings:'wght' 660;stroke-width:2px}i,em{font-style:normal}b,strong{font-weight:700;font-variation-settings:'wght' 700}img{border-style:none;width:100%;height:auto}figure{position:relative}figure.responsive{background-size:cover;background-position:center}figure.responsive img{position:absolute;top:0;left:0}figcaption{font-size:.75rem;line-height:1.5rem}hr{color:var(--dark);border-top:solid .125rem;margin:1rem 0}ul{list-style:none}.text ul > li::before{content:"–";display:inline-block;position:relative;width:1.25em;margin-right:-1.25em;left:-1.25em;padding-left:.25em}ol > li{list-style:decimal}pre,code{background-color:var(--dark);color:var(--lightest);font-family:Courier,monospace;font-size:.75rem}code{margin:-.25em 0;padding:.25em .15em;position:relative;bottom:.05em}pre > code{display:block;margin:0;padding:.8em;position:static;bottom:auto;overflow-x:auto}blockquote{font-family:Montserrat,Helvetica,Arial,sans-serif;border-left:2px solid #a8a5be;padding:.75rem;background:#fffffd}blockquote:last-child{margin-bottom:0}button{display:inline-block;border:2px solid;padding:.6em .75em;white-space:nowrap;font-size:.75em;line-height:1;font-weight:400}button:hover,button:focus{background:#261e66;border-color:#261e66;color:var(--accent)}button:active{background:#4509be;border-color:#4509be}@media all and (pointer:coarse){.pagination-item{width:2.25rem;height:2.25rem}}.turbolinks-progress-bar{background-color:var(--accent)}@font-face{font-family:"Manrope VF";src:url("/assets/fonts/variable/ManropeGX.ttf")format("truetype-variations");font-style:normal;font-weight:200 800}body > header,body > footer{z-index:3;font-size:1.25rem;font-weight:200;line-height:1.5rem;width:100%;margin:0;padding:0;grid-column:1;position:-webkit-sticky;position:sticky}body > header{top:var(--pad)}body > header a{text-decoration:none;stroke:var(--lightest)}body > footer{bottom:var(--pad);align-self:end}body > footer a{text-decoration-color:rgba(255,255,255,.48)}body > header em{font-variant-caps:all-small-caps}.branding{white-space:nowrap;margin-left:0;line-height:0;display:flex;align-items:center}.branding svg{margin-right:.25rem}.branding:hover svg g{stroke:var(--accent)}.branding .studio{position:relative;top:-.23em;font-weight:300;font-size:2.5rem;letter-spacing:.12em}.main{width:100%;width:calc(100% + 1rem);left:-.5rem;max-width:60rem;padding:1rem;margin:auto;border-radius:.5rem;border:.0625rem solid;box-sizing:border-box;background:var(--lightest);color:var(--dark);position:relative;z-index:9;box-shadow:0 2rem 2rem rgba(0,0,0,.48),0 .5rem .5rem rgba(0,0,0,.36)}.main header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:.125rem solid;padding-bottom:1rem;margin-bottom:1rem}.main header h1{margin:0;text-transform:uppercase}.main header .line{width:100%;display:block;flex:5;height:1px;background:var(--dark);margin:auto;margin-left:.5rem}@media all and (min-width:60rem){body{grid-template-columns:20rem 1fr}.main{width:calc(100%);left:0;grid-row:span 2}}