@font-face{font-family:Archivo;src:url('assets/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ground:#e9edf0;--ink:#192d38;--soft:#455966;--field:#d6dfe3;--accent:#245b69;--small:14px;--body:17px;--lead:clamp(21px,2.2vw,31px);--title:clamp(38px,5.5vw,76px);--display:clamp(45px,7.8vw,116px);--margin:6vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ground);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:var(--body);line-height:1.55}a{color:inherit;text-underline-offset:5px}button,summary{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:auto}p{margin:0 0 20px}h1,h2,h3{font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:0}h2{font-size:var(--title)}h3{font-size:var(--lead);letter-spacing:-.025em}button{border:0}.site-header,main,footer{margin-inline:var(--margin)}.site-header{padding-block:31px;display:flex;justify-content:space-between;gap:20px;align-items:center}.wordmark{text-decoration:none;font-weight:600}.wordmark span{font-weight:400;color:var(--soft)}nav{display:flex;gap:32px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{padding-top:47px}h1{font-size:var(--display);white-space:nowrap}.hero-intro{display:flex;justify-content:space-between;align-items:end;margin-top:30px;gap:30px}.hero-intro p{max-width:48ch;margin:0}.text-link{display:inline-flex;gap:24px;align-items:center;text-decoration:none;font-weight:600}.text-link span{font-size:var(--lead)}.text-link:hover{text-decoration:underline}.hero-prints{display:grid;grid-template-columns:repeat(12,1fr);gap:26px;margin-top:46px;align-items:start}.print{text-decoration:none}.print img{aspect-ratio:16/10;object-fit:cover;transition:filter .25s}.print:hover img{filter:brightness(1.08)}.print>span{display:flex;justify-content:space-between;margin-top:11px;font-size:var(--small)}.print-teacher{grid-column:1/4;margin-top:70px}.print-verdant{grid-column:4/10}.print-piragua{grid-column:10/13;margin-top:125px}.catalog{margin-top:150px}.section-intro{display:flex;justify-content:space-between;gap:30px;align-items:center}.section-intro p{max-width:37ch;margin:0}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-top:43px}.filters button{padding:11px 20px;background:var(--field)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.filters button:hover{background:var(--accent);color:white}.filter-status{font-size:var(--small);color:var(--soft);margin-top:16px}.game-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:6vw;row-gap:90px;margin-top:35px;align-items:start}.game{grid-column:span 5;min-width:0}.game-wide{grid-column:span 7}.game-offset{margin-top:110px}.game[hidden]{display:none}.game-grid.is-filtered{grid-template-columns:1fr 1fr}.game-grid.is-filtered .game{grid-column:auto;margin-top:0}.image-button{padding:0;background:transparent;width:100%;text-align:left;display:block}.image-button img{aspect-ratio:16/10;object-fit:cover}.image-button span{display:block;font-size:var(--small);margin-top:10px;color:var(--soft)}.image-button:hover span{text-decoration:underline}.game-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin:22px 0 18px}.game-heading>span{font-size:var(--small);white-space:nowrap;padding-top:6px;color:var(--soft)}.game p{max-width:52ch}.game-note{font-size:var(--small);color:var(--soft)}details{margin-top:24px}summary{cursor:pointer;font-weight:600;min-height:36px}details p{margin-top:15px}.concept-art{position:relative;min-height:300px;height:29vw;max-height:430px;overflow:hidden;display:flex;align-items:center;justify-content:center}.concept-art>span{position:absolute;bottom:28px;left:28px;font-size:var(--lead)}.axo-art{background:#c8ddd8;color:#194b43}.axo{position:relative;width:125px;height:100px;border-radius:45%;background:#e8afa9;display:flex;align-items:center;justify-content:center;gap:40px;transform:rotate(-8deg);margin-top:-30px}.axo:before,.axo:after{content:'';position:absolute;width:38px;height:100px;background:#c9797c;z-index:0;top:0;clip-path:polygon(0 0,100% 22%,0 42%,100% 55%,0 72%,100% 88%,0 100%)}.axo:before{left:-31px;transform:rotate(180deg)}.axo:after{right:-31px}.axo i{height:9px;width:9px;background:#273f42;border-radius:50%}.axo b{position:absolute;bottom:14px;font-size:27px;font-weight:400}.spider-art{background:#263c43;color:#e9edf0}.web-lines{position:absolute;width:220px;height:220px;border:7px solid #9bb6b4;border-radius:50%;transform:rotate(23deg);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.web-lines:before,.web-lines:after{content:'';position:absolute;inset:30px;border:4px solid #9bb6b4;border-radius:50%}.web-lines:after{inset:66px;background:#9bb6b4}.about{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-block:160px 120px;padding:50px 0}.about h2{max-width:7ch}.about-lead{font-size:var(--lead);line-height:1.35}.about p{max-width:48ch}footer{padding-block:35px;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:var(--small)}footer p{margin:0}dialog{width:min(1200px,94vw);max-height:94vh;padding:25px;background:var(--ground);color:var(--ink);border:0}dialog::backdrop{background:rgb(10 25 32 / .85)}.viewer-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.viewer-header h2{font-size:var(--lead)}.close-viewer{background:var(--ink);color:var(--ground);padding:10px 20px}.viewer-image{max-height:72vh;object-fit:contain}dialog p{font-size:var(--small);margin-top:15px}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:15px}.privacy{max-width:760px;margin-block:70px 130px}.privacy h1{font-size:var(--title);white-space:normal;margin-bottom:35px}.privacy h2{font-size:var(--lead);margin:40px 0 20px}
@media(min-width:1600px){:root{--margin:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:800px){.hero{padding-top:35px}.hero-intro{align-items:start}.hero-intro p{max-width:34ch}.hero-prints{gap:16px}.print-teacher{grid-column:1/5;margin-top:90px}.print-verdant{grid-column:5/13}.print-piragua{grid-column:7/13;margin-top:0}.catalog{margin-top:100px}.section-intro{align-items:start}.section-intro p{max-width:26ch}.game-grid{column-gap:5vw;row-gap:65px}.game,.game-wide{grid-column:span 6}.game-heading{display:block}.game-heading>span{display:block;margin-top:9px}.game-offset{margin-top:75px}.about{margin-block:100px 60px}.concept-art{height:36vw;min-height:260px}footer{flex-wrap:wrap}}
@media(max-width:520px){:root{--margin:6vw;--body:16px;--display:10.1vw}.site-header{align-items:start;font-size:var(--small);gap:10px;padding-block:24px}.wordmark span{display:block}nav{gap:18px}.hero{padding-top:27px}.hero-intro{display:block;margin-top:24px}.hero-intro p{max-width:34ch}.hero-intro .text-link{margin-top:16px}.hero-prints{gap:16px;margin-top:28px}.print-verdant{grid-column:1/13;grid-row:1}.print-teacher{grid-column:1/7;margin-top:0}.print-piragua{grid-column:7/13;margin-top:45px}.print>span{font-size:var(--small);line-height:1.4}.catalog{margin-top:85px}.section-intro{display:block}.section-intro p{margin-top:22px;max-width:none}.filters{gap:8px;margin-top:28px}.filters button{padding:10px 13px;font-size:var(--small)}.game-grid,.game-grid.is-filtered{display:block;margin-top:30px}.game,.game-offset{margin-top:0;margin-bottom:65px}.game-heading{display:flex}.game-heading>span{margin-top:0}.concept-art{height:85vw;min-height:260px}.about{display:block;margin-block:85px 50px;padding:0}.about h2{max-width:none;margin-bottom:30px}.about-lead{font-size:var(--lead)}footer{display:block;padding-block:30px}footer>*{display:block;margin-bottom:20px}dialog{padding:16px}.viewer-header{align-items:start}.close-viewer{white-space:nowrap}.privacy{margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-intro p{font-size:18px}.about{background:var(--field);padding:48px;margin-block:100px 0}.about h2{max-width:9ch}.image-button img{transition:transform .25s}.image-button:hover img{transform:translateY(-4px)}@media(max-width:520px){.about{padding:28px 22px;margin-block:65px 0}.hero-intro p{font-size:18px}}

@keyframes workshop-reveal{from{transform:translateY(20px);opacity:.65}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:no-preference){.entering{animation:workshop-reveal .65s ease-out both}}