/*
Theme Name: Brock Henderson
Theme URI: https://brockhenderson.com
Author: Brock Henderson
Description: Custom portfolio theme for the Brock Henderson Squarespace-to-WordPress migration.
Version: 1.1.0
Text Domain: brockhenderson
*/

@font-face{font-family:Poppins;src:url(assets/poppins-light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/poppins-medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/poppins-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#111;--orange:#f47d32;--header-orange:#f47d32;--charcoal:#333335;--mist:#d4d4d4;--paper:#fff;--wrap:1800px;--narrow:720px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,sans-serif;font-size:16px;font-weight:300;line-height:1.75}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-color:#777;text-underline-offset:.2em}
a:hover{color:var(--orange)}
a:focus-visible,button:focus-visible{outline:3px solid rgb(244 125 50/.55);outline-offset:3px}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{font-weight:300;line-height:1.2}
h1{font-size:clamp(2.6rem,5vw,4.8rem)}
h2{font-size:clamp(1.5rem,2.4vw,2.5rem)}
.wrap,.wrap-wide,.wrap-narrow{width:min(calc(100% - 116px),var(--wrap));margin-inline:auto}
.wrap-narrow{max-width:var(--narrow)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 16px;background:#fff;transform:translateY(-150%)}
.skip-link:focus-visible{transform:none}
.motion-ready .reveal{opacity:0;clip-path:inset(0 0 10% 0);transform:translateY(16px);transition:opacity .5s ease var(--reveal-delay,0ms),clip-path .5s ease var(--reveal-delay,0ms),transform .5s ease var(--reveal-delay,0ms)}
.motion-ready .reveal.is-revealed{opacity:1;clip-path:inset(0);transform:translateY(0)}
.motion-ready .footer-inner>.reveal{clip-path:none}
.site-header{height:100px;display:flex;align-items:center;gap:42px;padding:0 max(58px,calc((100vw - var(--wrap))/2));border-bottom:1px solid rgb(113 42 7/.18);background:var(--header-orange);color:#fff;position:relative;z-index:10;box-shadow:0 3px 7px rgb(80 29 3/.1)}
.site-name{margin-right:auto;color:#fff;font-size:1.875rem;font-weight:500;letter-spacing:-.02em;line-height:1.05;text-decoration:none}
.site-navigation{display:flex;align-items:center;gap:27px}
.site-menu{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}
.site-menu a{text-decoration:none;white-space:nowrap}
.site-menu>li:not(:last-child)>a{padding:5px 1px 3px;border-bottom:2px solid transparent;font-size:1.08rem;font-weight:500;transition:border-color .18s ease}
.site-name:hover{color:#fff}
.site-menu>li:not(:last-child)>a:hover,.site-menu>li:not(:last-child)>a:focus-visible{border-bottom-color:rgb(255 255 255/.7);color:#fff}
.site-menu li:not(:last-child).current-menu-item>a,.single-game .site-menu li:first-child>a,.single-post .site-menu li:nth-child(3)>a{border-bottom-color:#000;color:#000}
.site-menu li:last-child{order:2;margin-left:10px}.site-menu li:last-child a{display:block;padding:11px 21px;border:1px solid;border-color:#8b310b #ed8b50 #f6a06b #96370e;border-radius:13px 0;background:#c6531d;color:#fff;font-size:.96rem;font-weight:500;line-height:normal;letter-spacing:.28544px;box-shadow:none;transition:background-color .18s ease}.site-menu li:last-child>a:hover,.site-menu li:last-child>a:focus-visible{background:#ad4314;color:#fff}.site-menu li:last-child:is(.current-menu-item,.current_page_item)>a{color:#000}
.social-links,.footer-social{display:flex;gap:18px;font-weight:300}.social-links{order:1;margin-left:10px}.site-menu{display:contents}.social-links svg{display:block;width:24px;height:24px;fill:currentColor}.footer-social svg{display:block;width:18px;height:18px;fill:currentColor}
.social-links a,.footer-social a{text-decoration:none}
.menu-toggle{display:none;border:0;background:transparent;font:inherit}
.home-hero{height:min(36.12vw,520px);margin:0;overflow:hidden;background:#f4d3c1}
.home-hero img{width:100%;height:100%;object-fit:cover}
.home-intro{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;min-height:710px;padding-block:102px 150px}
.home-intro blockquote{margin:0;font-size:3rem;font-style:italic;font-weight:300;line-height:1.34}
.home-intro h1{font-size:1rem;font-weight:700;margin-bottom:32px}
.home-intro .prose>*+*{margin-top:1.8em}.home-intro .prose p{line-height:1.9}
.home .site-header{position:absolute;inset:0 0 auto}
.home-main,.home-sections{width:100%}.home-sections{overflow:hidden}.home-sections .page-section{position:relative;display:flex;width:100%;overflow:hidden}.home-sections .section-border{position:absolute;inset:0}.home-sections .section-background,.home-sections .section-background img,.home-sections .section-background-overlay{position:absolute;inset:0;width:100%;height:100%}.home-sections .section-background img{object-fit:cover}.home-sections .section-background-overlay{background:#fff}.home-sections .content-wrapper{position:relative;z-index:1;display:flex;width:100%;align-items:center;padding-inline:58px}.home-sections .content{width:100%;max-width:1309px;margin-inline:auto}.home-sections .sqs-row{display:flex}.home-sections .span-5{width:41.666667%}.home-sections .span-1{width:8.333333%}.home-sections .span-6{width:50%}.home-sections .sqs-col-0{display:none}.home-sections figure{margin:0}
.home-sections>.page-section:nth-child(1){height:660px}.home-sections>.page-section:nth-child(1) .content-wrapper{align-items:flex-start;padding-top:100px}
.home-sections>.page-section:nth-child(2){height:795px}.home-sections>.page-section:nth-child(2) .content-wrapper{padding-block:95px}.home-sections>.page-section:nth-child(2) .content{transform:translateY(-17px)}.home-sections>.page-section:nth-child(2) .span-5{width:40.18%}.home-sections>.page-section:nth-child(2) .span-1{width:11.08%}.home-sections>.page-section:nth-child(2) .span-6{width:48.74%}.home-sections>.page-section:nth-child(2) h2{margin:0;font-size:3rem;line-height:1.34}.home-sections>.page-section:nth-child(2) :is(h4,.home-about-heading){margin:0 0 31px;font-size:1rem;line-height:1.8}.home-sections>.page-section:nth-child(2) p{margin:0;font-size:1rem;line-height:2}.home-sections>.page-section:nth-child(2) p+p{margin-top:0}
.home-sections>.page-section:nth-child(3){height:117px;background:#d1d1d1;text-align:center}.home-sections>.page-section:nth-child(3) .section-border{background:#d1d1d1}.home-sections>.page-section:nth-child(3) .content-wrapper{align-items:flex-end;padding-bottom:17px}.home-sections>.page-section:nth-child(3) [class*="sqs-col-"]{width:100%;flex:0 0 100%}.home-sections>.page-section:nth-child(3) p{margin:0;font-size:1rem;font-weight:300;line-height:2}
.home-sections>.page-section:nth-child(4){height:211px;background:#d1d1d1}.home-sections>.page-section:nth-child(4) .section-border{background:#d1d1d1}.home-sections>.page-section:nth-child(4) .content-wrapper{padding-block:57px}.home-sections>.page-section:nth-child(4) .gallery-masonry-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:90px}.home-sections>.page-section:nth-child(4) .gallery-masonry-item,.home-sections>.page-section:nth-child(4) .gallery-masonry-item-wrapper,.home-sections>.page-section:nth-child(4) a{display:block;height:97px}.home-sections>.page-section:nth-child(4) img{width:100%;height:100%!important;object-fit:cover}
.home-sections>.page-section:nth-child(5){height:379px;background:#000;color:#fff}.home-sections>.page-section:nth-child(5) .section-border{background:#000}.home-sections>.page-section:nth-child(5) .content{max-width:982px;transform:translateY(19px)}.home-sections>.page-section:nth-child(5) .sqs-row{display:block}.home-sections>.page-section:nth-child(5) [class*="span-"]{width:100%}.home-sections>.page-section:nth-child(5) p{margin:0 0 22px;font-size:1rem;font-weight:300;line-height:2}.home-sections>.page-section:nth-child(5) h2{margin:0;font-size:3.25rem;line-height:1.24}
.home-sections>.page-section:nth-child(6){height:220px;background:#000}.home-sections>.page-section:nth-child(6) .section-border{background:#000}.home-sections>.page-section:nth-child(6) .content-wrapper{padding-block:57px}.home-sections>.page-section:nth-child(6) .gallery-strips-wrapper{display:flex;align-items:center;gap:71px}.home-sections>.page-section:nth-child(6) .gallery-strips-item-wrapper{display:flex;height:105px;align-items:center;justify-content:center}.home-sections>.page-section:nth-child(6) img{width:auto;height:105px!important;max-width:none;object-fit:contain}.home-sections img[alt="Salvation Poem Project"]{transform:translateY(-8px)}
.home-sections>.page-section:nth-child(7){height:178px;background:#fff}.home-sections>.page-section:nth-child(7) .section-border{background:#fff}.home-sections>.page-section:nth-child(7) .content-wrapper{align-items:flex-end;padding-bottom:17px}.home-sections>.page-section:nth-child(7) .sqs-row{display:block}.home-sections>.page-section:nth-child(7) [class*="span-"]{width:100%}.home-sections>.page-section:nth-child(7) h2{margin:0;font-size:3.25rem;line-height:1.24}
.home-sections>.page-section:nth-child(8){height:519px;background:#fff}.home-sections>.page-section:nth-child(8) .section-border{background:#fff}.home-sections>.page-section:nth-child(8) .content-wrapper{padding-block:58px}.home-sections>.page-section:nth-child(8) .gallery-grid-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:55px 54px}.home-sections>.page-section:nth-child(8) .gallery-grid-item,.home-sections>.page-section:nth-child(8) .gallery-grid-item-wrapper{height:98px}.home-sections>.page-section:nth-child(8) img{width:100%;height:100%!important;object-fit:cover}
.prose{overflow-wrap:anywhere}
.prose>*+*{margin-top:1.65em}
.prose h2,.prose h3{margin-top:2.3em}
.prose blockquote{margin:3em 1.5em;font-size:1.35em}
.prose iframe{max-width:100%}
.site-footer{margin-top:auto;border-top:1px solid rgb(0 40 47/.28);background:#075864;color:#fff;box-shadow:inset 0 6px 9px -10px rgb(0 20 24/.55)}
.footer-inner{display:flex;min-height:225px;justify-content:space-between;align-items:flex-start;padding:29px max(58px,calc((100vw - var(--wrap))/2));text-align:right}
.footer-ventures{display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding-top:17px}.footer-ventures a{display:block;text-decoration:none;transition:opacity .18s ease,transform .18s ease}.footer-ventures a:hover,.footer-ventures a:focus-visible{opacity:.68;transform:translateX(4px)}.footer-ventures img{display:block;width:auto;height:22px;filter:invert(1);object-fit:contain}.footer-pxlpug-wordmark img{height:24px}
.footer-inner h2{margin-bottom:10px;padding-top:6px;font-size:2.26rem;font-weight:700;line-height:1.42857}
.footer-inner>div>a{font-size:.892rem;line-height:2}
.footer-social{margin-top:20px;justify-content:flex-end}
.footer-legal{display:flex;justify-content:center;gap:24px;padding:15px max(58px,calc((100vw - var(--wrap))/2));background:#043b44;color:rgb(255 255 255/.78);font-size:.68rem;font-weight:500;letter-spacing:.1em;line-height:1.5;text-align:center;text-transform:uppercase}
body.post-type-archive-game{background:#fff}.portfolio-main{padding-block:145px 120px}
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.game-card{aspect-ratio:1;overflow:hidden;background:#eee}
.game-card a{display:block;height:100%;position:relative;text-decoration:none}
.game-card-image,.game-card-image img{width:100%;height:100%;object-fit:cover}
.game-card-label{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:rgb(0 0 0/.72);color:#fff;text-align:center;opacity:0;transition:opacity .2s ease}
.game-card:hover .game-card-label,.game-card:focus-within .game-card-label{opacity:1}
.case-hero{display:grid;grid-template-columns:minmax(0,1.81fr) minmax(0,1fr);gap:11.1%;align-items:start;min-height:763px;width:min(calc(100% - 116px),1309px);padding-block:50px}
.case-hero figure{margin:0}.case-hero figure img{width:100%}
.case-hero--balanced{grid-template-columns:minmax(0,1.213fr) minmax(0,1fr)}
.case-hero--medium{min-height:816px;padding-block:97px}.case-hero--medium figure{display:flex;justify-content:center}.case-hero--medium figure img{width:auto;max-height:676px}
.case-summary h1{margin-bottom:0;font-size:2.89rem;line-height:1.392}
.case-excerpt{margin:30px 0;line-height:2}
.case-source-facts{font-size:.82rem;line-height:1.75}.case-source-facts p{margin:0 0 18px}.case-source-facts strong{font-weight:700}
.case-facts dt{font-weight:700;margin-top:14px}
.case-facts dd{margin:0}
.case-facts ul{margin:0;padding-left:18px}
.case-sections{overflow:hidden}.case-sections .page-section{width:100%;padding:80px 58px}.case-sections .page-section.bright{display:grid;place-items:center;min-height:647px;background:#333335}.case-sections .page-section.light-bold{display:grid;align-items:center;min-height:490px;background:#f1f2f3}.case-sections .page-section.black,.case-sections .page-section.black-bold{background:#000;color:#fff}.case-sections .page-section.black{padding-block:45px}.case-sections .section-height--custom .content-wrapper{height:100%;padding-block:0!important}.case-sections .page-section.black:has(.spacer-block){min-height:34px;padding-block:0}.case-sections .sqs-layout{width:min(100%,1276px);margin:auto}.case-sections .sqs-row{display:flex;gap:40px}.case-sections [class*="sqs-col-"]{flex:1;min-width:0}.case-sections .embed-block-wrapper{position:relative;width:min(100%,900px);padding-bottom:56.25%!important}.case-sections .sqs-video-wrapper,.case-sections .sqs-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.case-sections .gallery-section{padding:0 58px}.case-sections .gallery-masonry-wrapper{columns:2;column-gap:16px;max-width:1276px;margin:auto}.case-sections .gallery-masonry-item{break-inside:avoid;margin:0 0 16px}.case-sections .gallery-masonry img{width:100%;height:auto!important}.case-sections .gallery-grid-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1276px;margin:auto}.case-sections .gallery-grid-item{margin:0}.case-sections .gallery-grid img{width:100%;height:auto!important}.case-sections .gallery-lightbox{display:none}.case-sections .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.case-sections .page-section{display:flow-root}.case-sections .page-section.bright,.case-sections .page-section.light-bold{display:grid}.case-sections .page-section.bright{padding-block:48px}.case-sections .page-section>.content-wrapper{width:100%}.case-sections .page-section.section-height--custom{padding-block:0}.case-sections .page-section.content-width--narrow:not(.bright) .sqs-layout{width:min(100%,655px)}.case-sections .page-section.content-width--medium .sqs-layout{width:min(100%,982px)}.case-sections .page-section.bright.content-width--narrow{min-height:586px}.case-sections .page-section.bright.content-width--narrow .sqs-layout{width:min(100%,767px)}.case-sections .page-section.light-bold.section-height--medium{min-height:747px}.case-sections .sqs-col-0{display:none}.case-sections .intrinsic{width:100%}.case-sections .embed-block-wrapper{width:100%;margin-inline:auto;aspect-ratio:16/9;padding-bottom:0!important}.case-sections .gallery-section{padding-block:58px}.case-sections .gallery-masonry-wrapper{max-width:1309px;column-gap:10px}.case-sections .gallery-masonry-item{margin-bottom:10px}.case-sections .gallery-grid-wrapper{max-width:1309px;grid-template-columns:repeat(6,1fr);gap:12px}.case-sections .gallery-grid-item{aspect-ratio:3/2;overflow:hidden}.case-sections .gallery-grid img{height:100%!important;object-fit:cover}.case-sections .page-section.black-bold.gallery-section{display:grid;align-items:center;height:407px;overflow:hidden}.case-sections .page-section.black:has(.spacer-block){height:34px;min-height:34px;overflow:hidden}
.case-sections .sqs-image-shape-container-element{position:relative;overflow:hidden}.case-sections .sqs-image-shape-container-element img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.case-sections .sqs-block-html{width:calc(100% + 34px);margin-left:-17px;padding:17px 17px 25px}.case-sections .sqs-html-content>:last-child{margin-bottom:0}.case-sections h3{font-size:2.26rem;line-height:1.42857}
.game-case-study--that-dragon-cancer .light-bold{height:490px;min-height:490px;padding-block:0}.game-case-study--that-dragon-cancer .light-bold .sqs-layout{width:min(100%,1309px)}
.game-case-study--busuu-learn-spanish-vr .case-hero{min-height:939px}.game-case-study--crocodile-crossing .case-hero{min-height:773px}.game-case-study--draw-breaker .case-hero{min-height:711px}.game-case-study--fffff2p .case-hero{min-height:833px}.game-case-study--flash-games .case-hero{min-height:751px}.game-case-study--float .case-hero{min-height:868px}.game-case-study--galaxies-of-hope .case-hero{min-height:797px}.game-case-study--gardens-of-time .case-hero{min-height:776px}.game-case-study--globs .case-hero{min-height:868px}.game-case-study--knife-toss .case-hero{min-height:696px}.game-case-study--lumena .case-hero{min-height:760px}.game-case-study--mosquito-madness .case-hero{min-height:842px}.game-case-study--nba-escape .case-hero{min-height:865px}.game-case-study--noahs-memory-match .case-hero{min-height:905px}.game-case-study--painted-waters .case-hero{min-height:892px}.game-case-study--untethered-vr-series .case-hero{min-height:833px}.game-case-study--zombies-ala-mode .case-hero{min-height:756px}.game-case-study--flash-games .case-hero figure,.game-case-study--painted-waters .case-hero figure{display:flex;justify-content:center}.game-case-study--flash-games .case-hero figure img{width:623px}.game-case-study--painted-waters .case-hero figure img{width:700px}
.game-case-study--float .case-sections .embed-block-wrapper,.game-case-study--knife-toss .case-sections .embed-block-wrapper,.game-case-study--mosquito-madness .case-sections .embed-block-wrapper,.game-case-study--zombies-ala-mode .case-sections .embed-block-wrapper{width:min(100%,655px);height:auto;aspect-ratio:4/3;padding-bottom:0!important}
.game-case-study--painted-waters .case-hero{padding-bottom:95px}.game-case-study--painted-waters .case-hero figure img{max-height:none}.game-case-study--painted-waters .gallery-grid-wrapper{grid-template-columns:repeat(2,1fr);gap:12px}.game-case-study--painted-waters .gallery-grid-item{aspect-ratio:16/9}
.game-case-study--draw-breaker .case-sections>.page-section:nth-child(3){padding-block:57px}.game-case-study--draw-breaker .case-sections>.page-section:nth-child(4){height:845px;min-height:845px;padding-block:95px}.game-case-study--galaxies-of-hope .case-sections>.page-section:first-child{height:575px;min-height:575px}.game-case-study--knife-toss .case-sections>.page-section:nth-child(3){height:660px;min-height:660px}.game-case-study--lumena .case-sections>.page-section:nth-child(3){height:208px;min-height:208px}.game-case-study--lumena .case-sections>.page-section:nth-child(4){height:695px;min-height:695px}.game-case-study--nba-escape .case-sections>.page-section:nth-child(3){height:799px;min-height:799px}.game-case-study--zombies-ala-mode .case-sections>.page-section:nth-child(3){height:695px;min-height:695px}
.post-nav.wrap-wide{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;height:159px;padding:0 58px;background:#fff}.post-nav a{display:flex;min-width:0;align-items:center;gap:18px;font-size:2.26rem;line-height:1;text-decoration:none}.post-nav strong{min-width:0;font-weight:300}.post-nav__next{justify-content:flex-end;text-align:right}
.game-case-study>.post-nav{display:flex;justify-content:space-between;align-items:center;height:123px;padding:0 58px;background:#fff}.game-case-study>.post-nav a{display:flex;align-items:center;gap:18px;font-size:1.5rem;line-height:1;text-decoration:none}.game-case-study>.post-nav strong{font-size:2.26rem;font-weight:300;line-height:1}.game-case-study>.post-nav__next{justify-content:flex-end;text-align:right}
.blog-banner{display:grid;place-items:center;min-height:max(323px,calc(14.235vw + 118.016px));padding:45px;background:#050505 center/cover no-repeat;color:#fff;text-align:center}
.blog-banner p{max-width:850px;margin:0;font-size:2.25rem;font-weight:300;line-height:1.4}.blog-banner a{color:#29a8d6;font-style:italic;font-weight:500}
.mobile-break{display:none}
.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px 45px;width:calc(100% - 25px);max-width:1400px;margin-inline:auto;padding:4vw}
.post-card .eyebrow{margin-bottom:6px}.archive-excerpt,.archive-excerpt p{margin:0}.archive-excerpt{font-size:.892rem;line-height:2}
.post-card h2{margin-bottom:30px;font-size:2.26rem;line-height:1.5}
.post-card h2 a{text-decoration:none}
.eyebrow{font-size:1rem;font-weight:300;line-height:2}
.eyebrow a{text-decoration:none}
.read-more{display:inline-block;padding-top:17px;font-size:.892rem;line-height:2}
.archive-page{padding-block:70px 150px}
.archive-page>header{margin-bottom:70px}
.article{max-width:655px;padding-block:60px 101px}
.article .sqs-block+.sqs-block{margin-top:0}.article .sqs-block-html:not(:first-child){width:calc(100% + 34px);margin-left:-17px;padding:17px}.article .sqs-block-html:first-child:has(.sqs-html-content>*){width:calc(100% + 34px);margin-left:-17px;padding:0 17px 17px}.article .sqs-block-video{width:calc(100% + 34px);margin-left:-17px;padding:17px}.article .embed-block-wrapper{position:relative;height:0}.article .sqs-video-wrapper{position:absolute;inset:0;width:100%;height:100%}.article .sqs-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article .spacer-block{height:68px}
.article-header{margin-bottom:15px}
.article-header:not(:has(.article-deck)){margin-bottom:0}
.article-header .eyebrow{margin-bottom:32px;line-height:19px}.article-header h1{max-width:800px;margin:0 0 50px;font-size:4.15rem;line-height:1.5}
.article-deck{font-size:1rem;line-height:2}
.article .prose{line-height:2}.article .sqs-html-content>:last-child{margin-bottom:0}.article .sqs-html-content h3{margin:0;font-size:2.26rem;line-height:1.42857}.article .prose p:empty{height:32px}
.article-image{margin:0 0 60px}
.article-footer{display:flex;margin-top:41px;font-size:1rem;font-weight:400;line-height:1.2}.article-footer a{text-decoration:none}.article-footer a:not(:last-child)::after{content:", ";white-space:pre}
@media (min-width:801px){.article-header .eyebrow{margin-bottom:26px}.article .prose>.sqs-layout{width:calc(100% + 34px);margin-left:-17px}.article .prose>.sqs-layout .sqs-block-html,.article .prose>.sqs-layout .sqs-block-video{width:100%;margin-left:0}.article .sqs-row{display:flex;flex-wrap:wrap}.article [class*="sqs-col-"]{min-width:0}.article .span-1{width:8.333333%}.article .span-2{width:16.666667%}.article .span-3{width:25%}.article .span-4{width:33.333333%}.article .span-5{width:41.666667%}.article .span-6{width:50%}.article .span-7{width:58.333333%}.article .span-8{width:66.666667%}.article .span-9{width:75%}.article .span-10{width:83.333333%}.article .span-11{width:91.666667%}.article .span-12{width:100%}.article .sqs-block-quote{display:flow-root}.article .sqs-block-quote figure{margin:33px 17px}.article--too-beautiful-to-be-false .span-12 .sqs-block-quote figure{margin:57px 41px}.article .prose blockquote{margin:0;font-size:1.42rem;line-height:2}.article .sqs-block-quote figcaption{font-size:1rem;font-weight:400;line-height:1.2}.article-footer{margin-top:23px}.article--bigger-and-simpler-than-you-could-imagine .article-footer,.article--thomas-brush-podcast .article-footer,.article--too-beautiful-to-be-false .article-footer,.article--when-god-breaks-through-the-art .article-footer{margin-top:41px}.article--thomas-brush-podcast{padding-top:31px}.article+.post-nav.wrap-wide{height:auto;min-height:123px;padding-block:43.5px}.article+.post-nav a{gap:6px}}
.article-footer{line-height:1.44}
.design-main{padding:0;background:#fff}.design-sections>.page-section:first-child{display:none}.design-sections .gallery-section{padding:57px 58px 59px;background:var(--mist)}.design-sections .gallery-masonry-wrapper{columns:3;column-gap:10px;max-width:1309px;margin:auto}.design-sections .gallery-masonry-item{break-inside:avoid;margin:0 0 10px}.design-sections .gallery-masonry img{width:100%;height:auto!important}.design-sections .gallery-lightbox{display:none}.design-sections .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.gallery-masonry-wrapper.js-masonry{position:relative;columns:auto}.gallery-masonry-wrapper.js-masonry>.gallery-masonry-item{position:absolute;inset:0 auto auto 0;margin:0}
.design-sections .gallery-masonry-lightbox-link,.case-sections .gallery-masonry-lightbox-link,.case-sections .gallery-grid-lightbox-link{cursor:zoom-in}
.lightbox-open{overflow:hidden!important}
:is(.design-sections,.case-sections) .gallery-lightbox:is(.is-open,.is-closing){position:fixed;z-index:9999;inset:0;display:flex;background:transparent;color:#fff}
:is(.design-sections,.case-sections) .gallery-lightbox-background{position:absolute;inset:0;background:rgb(0 0 0/.95);opacity:0;transition:opacity .22s ease}
:is(.design-sections,.case-sections) .gallery-lightbox.is-open .gallery-lightbox-background{opacity:1}
:is(.design-sections,.case-sections) .gallery-lightbox-header{position:absolute;z-index:3;top:16px;right:16px}
:is(.design-sections,.case-sections) .gallery-lightbox-close-btn,:is(.design-sections,.case-sections) .gallery-lightbox-control-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255/.35);border-radius:50%;background:rgb(0 0 0/.58);color:#fff;cursor:pointer;opacity:1;box-shadow:0 2px 12px rgb(0 0 0/.35)}
:is(.design-sections,.case-sections) .gallery-lightbox-close-btn-icon,:is(.design-sections,.case-sections) .gallery-lightbox-control-btn-icon{display:none}
:is(.design-sections,.case-sections) .gallery-lightbox-close-btn::before{content:"×";font:300 34px/1 sans-serif;transform:translateY(-1px)}
:is(.design-sections,.case-sections) .gallery-lightbox-wrapper{position:relative;display:flex;width:100%;height:100%;padding:56px max(7.08vw,40px);opacity:0;transform:scale(.975);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
:is(.design-sections,.case-sections) .gallery-lightbox.is-open .gallery-lightbox-wrapper{opacity:1;transform:scale(1)}
:is(.design-sections,.case-sections) .gallery-lightbox-list{position:relative;z-index:1;width:100%;height:100%}
:is(.design-sections,.case-sections) .gallery-lightbox-item{position:absolute;inset:0;display:flex!important;align-items:center;justify-content:center;margin:0}
:is(.design-sections,.case-sections) .gallery-lightbox-item[hidden]{display:none!important}
:is(.design-sections,.case-sections) .gallery-lightbox-item-wrapper,:is(.design-sections,.case-sections) .gallery-lightbox-item-src,:is(.design-sections,.case-sections) .gallery-lightbox-item-img{width:100%;height:100%}:is(.design-sections,.case-sections) .gallery-lightbox-item-img{display:flex;align-items:center;justify-content:center}
:is(.design-sections,.case-sections) .gallery-lightbox-item img{display:block!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain!important}
:is(.design-sections,.case-sections) .gallery-lightbox-item.is-entering-next{animation:lightbox-slide-next .24s cubic-bezier(.2,.8,.2,1)}
:is(.design-sections,.case-sections) .gallery-lightbox-item.is-entering-previous{animation:lightbox-slide-previous .24s cubic-bezier(.2,.8,.2,1)}
@keyframes lightbox-slide-next{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes lightbox-slide-previous{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
:is(.design-sections,.case-sections) .gallery-lightbox-controls{position:absolute;z-index:2;inset:56px 36px;display:flex;justify-content:space-between;pointer-events:none}
:is(.design-sections,.case-sections) .gallery-lightbox-control{display:flex;width:50%;align-items:center;pointer-events:none}:is(.design-sections,.case-sections) .gallery-lightbox-control:last-child{justify-content:flex-end}
:is(.design-sections,.case-sections) .gallery-lightbox-control-btn{pointer-events:auto}:is(.design-sections,.case-sections) [data-previous] .gallery-lightbox-control-btn::before{content:"‹"}:is(.design-sections,.case-sections) [data-next] .gallery-lightbox-control-btn::before{content:"›"}:is(.design-sections,.case-sections) .gallery-lightbox-control-btn::before{font:300 36px/1 sans-serif;transform:translateY(-2px)}
:is(.design-sections,.case-sections) .gallery-lightbox button:hover{background:#000;border-color:#fff}:is(.design-sections,.case-sections) .gallery-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.contact-main{display:grid;grid-template-columns:1fr 1.25fr;gap:12%;min-height:665px;padding-block:92px 90px}
.contact-details h1{margin-bottom:35px;font-size:3.25rem}
.contact-phone{margin:.15em 0 32px}.iowa-mark{display:block;width:76px;height:auto}
.contact-form{display:grid;gap:25px}
.contact-form label{display:grid;gap:8px;font-size:1.05rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #111;border-radius:0;background:#fafafa;padding:10px;font:inherit}.contact-form textarea{height:100px}
.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgb(244 125 50/.4);outline-offset:2px}
.contact-form button{min-width:106px;min-height:64px;justify-self:start;border:0;border-radius:16px 0;background:var(--charcoal);color:#fff;padding:16px 28px;font:inherit;font-size:.892rem;font-weight:500;letter-spacing:.28544px;line-height:normal;cursor:pointer;transition:background-color .18s ease}.contact-form button:hover{background:#202020}.contact-form button:active{transform:translateY(1px)}
.form-trap{position:absolute;left:-10000px}.form-status{padding:15px;border-left:4px solid var(--orange);background:#f6f6f6}
.page-main{padding-block:70px 150px}
.nav-links{display:flex;justify-content:center;gap:15px}
@media (min-width:801px) and (max-width:1199px){
    .home-sections>.page-section:nth-child(1) .section-background img{object-position:18% center!important}
    .home-sections>.page-section:nth-child(2){height:auto;min-height:0}.home-sections>.page-section:nth-child(2) .content-wrapper{padding-block:80px}.home-sections>.page-section:nth-child(2) .content{transform:none}.home-sections>.page-section:nth-child(2) .sqs-row{display:block}.home-sections>.page-section:nth-child(2) [class*="span-"]{width:100%}.home-sections>.page-section:nth-child(2) .span-1{display:none}.home-sections>.page-section:nth-child(2) h2{margin-bottom:36px}
    .home-sections>.page-section:nth-child(4){height:240px}.home-sections>.page-section:nth-child(4) .content-wrapper{padding-block:15px}.home-sections>.page-section:nth-child(4) .gallery-masonry-wrapper{grid-template-columns:repeat(2,1fr);gap:10px 30px}.home-sections>.page-section:nth-child(4) .gallery-masonry-item,.home-sections>.page-section:nth-child(4) .gallery-masonry-item-wrapper,.home-sections>.page-section:nth-child(4) a{height:100px}.home-sections>.page-section:nth-child(4) .gallery-masonry-item-wrapper,.home-sections>.page-section:nth-child(4) a{display:flex;align-items:center;justify-content:center}.home-sections>.page-section:nth-child(4) img{width:auto;max-width:220px;height:auto!important;max-height:80px;object-fit:contain}
    .home-sections>.page-section:nth-child(6){height:220px}.home-sections>.page-section:nth-child(6) .gallery-strips-wrapper{display:flex;width:396px;max-width:100%;flex-wrap:wrap;justify-content:center;gap:18px 24px;margin-inline:auto}.home-sections>.page-section:nth-child(6) .gallery-strips-item-wrapper{flex:0 0 60px;height:56px;justify-content:center}.home-sections>.page-section:nth-child(6) img{width:auto;height:52px!important;max-width:60px;object-fit:contain}
    .footer-inner>.reveal{--reveal-delay:0ms!important}
    .case-sections .gallery-section{height:auto!important;min-height:0!important;padding:12px}.case-sections .gallery-masonry-wrapper{columns:1}.case-sections .gallery-grid-wrapper{grid-template-columns:1fr}
}
@media (max-width:800px){
    body{font-size:16px}.wrap,.wrap-wide,.wrap-narrow{width:min(calc(100% - 48px),var(--wrap))}
    .site-header{height:68px;padding:0 24px}.site-name{font-size:1.55rem}.menu-toggle{display:block;position:relative;z-index:2;width:32px;height:24px;padding:0;border:0;border-top:2px solid;color:#fff;font-size:0;transition:border-color .18s ease}.menu-toggle:before,.menu-toggle:after{content:"";position:absolute;left:0;width:32px;border-top:2px solid;transition:top .18s ease,transform .18s ease}.menu-toggle:before{top:9px}.menu-toggle:after{top:20px}.menu-toggle[aria-expanded="true"]{border-top-color:transparent}.menu-toggle[aria-expanded="true"]:before{top:10px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"]:after{top:10px;transform:rotate(-45deg)}
    .site-navigation{display:none;position:absolute;inset:68px 0 auto;border-top:1px solid rgb(113 42 7/.18);background:var(--header-orange);color:#fff;padding:18px 24px 26px;box-shadow:0 8px 12px rgb(80 29 3/.12)}
    .menu-toggle[aria-expanded="true"]+.site-navigation{display:block}.site-menu{display:flex;align-items:stretch;flex-direction:column;gap:0}.site-menu>li:not(:last-child)>a{display:block;padding:10px 0 8px;font-size:1.08rem}.site-menu li:last-child{margin-left:0}.site-menu li:last-child a{margin-top:14px;text-align:center}.social-links{justify-content:flex-start;margin:20px 0 0}
    .home-hero{height:121.3vw;max-height:520px}.home-intro{grid-template-columns:1fr;gap:42px;padding-block:72px 90px}.home-intro blockquote{font-size:2.15rem}
    .home-sections .content-wrapper{padding-inline:23.4px}.home-sections .sqs-row{display:block}.home-sections [class*="span-"]{width:100%}.home-sections .spacer-block{display:none}
    .home-sections>.page-section:nth-child(1){height:557px}.home-sections>.page-section:nth-child(1) .section-background img{object-position:18% center!important}.home-sections>.page-section:nth-child(1) .content-wrapper{padding-top:68px}
    .home-sections>.page-section:nth-child(2){height:auto}.home-sections>.page-section:nth-child(2) .content-wrapper{align-items:flex-start;padding-block:73px 55px}.home-sections>.page-section:nth-child(2) .content{transform:none}.home-sections>.page-section:nth-child(2) [class*="span-"]{width:100%}.home-sections>.page-section:nth-child(2) h2{margin-bottom:34px;font-size:2.14rem;line-height:1.392}.home-sections>.page-section:nth-child(2) :is(h4,.home-about-heading){margin-bottom:27px;font-size:1rem;line-height:1.7}.home-sections>.page-section:nth-child(2) p{line-height:2}
    .home-sections>.page-section:nth-child(3){height:76px}.home-sections>.page-section:nth-child(3) .content-wrapper{padding-bottom:12px}
    .home-sections>.page-section:nth-child(4){height:420px}.home-sections>.page-section:nth-child(4) .content-wrapper{padding:10px 6px}.home-sections>.page-section:nth-child(4) .gallery-masonry-wrapper{grid-template-columns:1fr;gap:0}.home-sections>.page-section:nth-child(4) .gallery-masonry-item,.home-sections>.page-section:nth-child(4) .gallery-masonry-item-wrapper,.home-sections>.page-section:nth-child(4) a{height:100px}.home-sections>.page-section:nth-child(4) .gallery-masonry-item-wrapper,.home-sections>.page-section:nth-child(4) a{display:flex;align-items:center;justify-content:center}.home-sections>.page-section:nth-child(4) img{width:auto;max-width:220px;height:auto!important;max-height:80px;object-fit:contain}
    .home-sections>.page-section:nth-child(5){height:311px}.home-sections>.page-section:nth-child(5) .content-wrapper{padding-block:48px}.home-sections>.page-section:nth-child(5) .content{transform:translateY(10px)}.home-sections>.page-section:nth-child(5) p{margin-bottom:18px}.home-sections>.page-section:nth-child(5) h2{font-size:2.14rem;line-height:1.4}
    .home-sections>.page-section:nth-child(6){height:220px}.home-sections>.page-section:nth-child(6) .content-wrapper{padding:20px 26px}.home-sections>.page-section:nth-child(6) .gallery-strips-wrapper{display:flex;width:316px;max-width:100%;flex-wrap:wrap;justify-content:center;gap:18px 14px;margin-inline:auto}.home-sections>.page-section:nth-child(6) .gallery-strips-item-wrapper{flex:0 0 52px;height:56px;justify-content:center}.home-sections>.page-section:nth-child(6) img{width:auto;height:48px!important;max-width:52px;object-fit:contain}
    .home-sections>.page-section:nth-child(7){height:99px}.home-sections>.page-section:nth-child(7) .content-wrapper{padding-bottom:17px}.home-sections>.page-section:nth-child(7) h2{font-size:2.14rem;line-height:1.4}
    .home-sections>.page-section:nth-child(8){height:263px}.home-sections>.page-section:nth-child(8) .content-wrapper{align-items:flex-start;padding:16px}.home-sections>.page-section:nth-child(8) .gallery-grid-wrapper{grid-template:repeat(4,45px)/repeat(4,78px);gap:15px;justify-content:space-between}.home-sections>.page-section:nth-child(8) .gallery-grid-item,.home-sections>.page-section:nth-child(8) .gallery-grid-item-wrapper{height:45px}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(1){grid-area:1/1}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(2){grid-area:1/2}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(3){grid-area:2/1}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(4){grid-area:2/2}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(5){grid-area:3/1}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(6){grid-area:3/2}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(7){grid-area:4/1}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(8){grid-area:4/2}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(9){grid-area:1/3}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(10){grid-area:1/4}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(11){grid-area:2/3}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(12){grid-area:2/4}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(13){grid-area:3/3}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(14){grid-area:3/4}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(15){grid-area:4/3}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(16){grid-area:4/4}.home-sections>.page-section:nth-child(8) .gallery-grid-item:nth-child(n+9){transform:translateY(7px)}
    .footer-inner{display:flex;min-height:215px;flex-direction:row;justify-content:space-between;gap:20px;align-items:flex-start;padding:29px 23.4px;text-align:right}.footer-inner>.reveal{--reveal-delay:0ms!important}.footer-ventures{gap:24px;justify-content:flex-start;align-items:flex-start;padding-top:8px}.footer-ventures img{height:20px}.footer-pxlpug-wordmark img{height:22px}.footer-contact{margin-left:auto}.footer-inner h2{font-size:1.7596rem;line-height:1.42857}.footer-inner>div>a{font-size:.9367rem;line-height:2}.footer-social{justify-content:flex-end}.footer-legal{padding:14px 23.4px;font-size:.6rem}
    .portfolio-main{padding-block:35px 100px}.game-grid{grid-template-columns:1fr;gap:8px}.game-card-label{opacity:0}
    .case-hero{grid-template-columns:1fr;gap:34px;min-height:0;width:min(calc(100% - 46.8px),var(--wrap));padding-block:73px 146px}.case-hero figure{margin:0}.case-summary h1{font-size:2.14rem}.case-sections .page-section{padding-inline:24px}.case-sections .page-section.bright{min-height:284px;padding-block:45px}.case-sections .page-section.black:has(.spacer-block){height:0;min-height:0;padding:0}.case-sections .sqs-row{display:block}.case-sections .sqs-block-html{width:calc(100% + 34px);margin-left:-17px;padding:17px 17px 25px}.case-sections h3{font-size:1.7596rem;line-height:1.42857}.case-sections .gallery-section{padding:6px}.case-sections .gallery-masonry-wrapper{columns:1}.case-sections .gallery-masonry-item{margin-bottom:0}.case-sections .gallery-grid-wrapper{grid-template-columns:repeat(3,1fr)}.case-sections .page-section.black-bold.gallery-section{height:auto;min-height:407px}.game-case-study--that-dragon-cancer .gallery-masonry-item img{aspect-ratio:378/219;object-fit:cover}.game-case-study--that-dragon-cancer .light-bold{height:801px;min-height:801px;padding-block:0}.game-case-study--that-dragon-cancer .page-section.black-bold.gallery-section{height:211px;min-height:211px}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-wrapper{width:358px;grid-template-columns:84px 84px 10px 84px 84px;grid-template-rows:repeat(3,57px);gap:3px;transform:translateY(-8px)}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item{aspect-ratio:auto}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(1){grid-area:1/1}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(2){grid-area:1/2}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(3){grid-area:2/1}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(4){grid-area:2/2}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(5){grid-area:3/1}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(6){grid-area:3/2}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(7){grid-area:1/4}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(8){grid-area:1/5}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(9){grid-area:2/4}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(10){grid-area:2/5}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(11){grid-area:3/4}.game-case-study--that-dragon-cancer .black-bold .gallery-grid-item:nth-child(12){grid-area:3/5}.game-case-study--that-dragon-cancer .black-bold .gallery-grid img{height:57px!important}.game-case-study>.post-nav{height:80px;padding-inline:24px}.game-case-study>.post-nav a{width:50%;gap:18px}.game-case-study>.post-nav strong{font-size:1.7596rem}.game-case-study>.post-nav__next{margin-left:auto}
    .blog-banner{min-height:216px;padding:24px}.blog-banner p{font-size:1.7596rem;line-height:1.42857}.desktop-break{display:none}.mobile-break{display:inline}.post-grid{grid-template-columns:1fr;gap:30px;width:100%;padding:15.6px 23.4px}.post-card .eyebrow{margin-bottom:7.8px}.post-card h2{font-size:1.7596rem;line-height:1.5}.archive-excerpt{font-size:.9367rem;line-height:2}.read-more{padding-top:7.8px;font-size:.9367rem;line-height:2}.article.wrap-narrow{width:calc(100% - 46.8px);padding-block:23px 43px}.article:not(:has(.article-footer)){padding-bottom:35px}.article-header .eyebrow{margin-bottom:19.2px}.article-header h1{margin-bottom:67px;font-size:2.899rem;line-height:1.5}.article .sqs-html-content h3{font-size:1.7596rem;line-height:1.42857}.article .spacer-block{display:none}.article-footer{margin-top:12px}.post-nav.wrap-wide{grid-template-columns:1fr 1fr;height:auto;min-height:0;padding:12px 23.4px}.post-nav a{gap:14px;font-size:1.7596rem;line-height:1}.post-nav strong{flex:0 0 calc(100% - 43px)}
    .article .sqs-block-quote{display:flow-root;width:calc(100% + 34px);margin-left:-17px}.article .sqs-block-quote figure{margin:33px 17px}.article .prose blockquote{margin:0;font-size:1.2532rem;line-height:2}.article .sqs-block-quote figcaption{font-size:1rem;font-weight:400;line-height:1.2}
    .post-grid{padding-top:.6px}
    .article-header:not(:has(.article-deck)) h1{margin-bottom:50px}
    .article--too-beautiful-to-be-false .article-footer{margin-top:20px}
    .case-sections .page-section.bright.content-width--narrow{min-height:0}
    .game-case-study .case-hero{min-height:0}.case-hero{padding-block:45px 136px}.case-hero--medium{padding-block:73px 146px}
    .game-case-study--busuu-learn-spanish-vr .case-hero{padding-bottom:107px}.game-case-study--crocodile-crossing .case-hero{padding-bottom:127px}.game-case-study--draw-breaker .case-hero{padding-bottom:121px}.game-case-study--dumb-ways-to-die .case-hero{padding-bottom:135px}.game-case-study--fffff2p .case-hero{padding-bottom:148px}.game-case-study--flash-games .case-hero{padding-bottom:100px}.game-case-study--float .case-hero{padding-bottom:148px}.game-case-study--galaxies-of-hope .case-hero{padding-bottom:126px}.game-case-study--gardens-of-time .case-hero{padding-bottom:90px}.game-case-study--globs .case-hero{padding-bottom:110px}.game-case-study--knife-toss .case-hero{padding-bottom:140px}.game-case-study--lumena .case-hero{padding-bottom:126px}.game-case-study--mosquito-madness .case-hero{padding-bottom:148px}.game-case-study--nba-escape .case-hero{padding-bottom:118px}.game-case-study--noahs-memory-match .case-hero{padding-bottom:119px}.game-case-study--painted-waters .case-hero{padding-bottom:111px}.game-case-study--that-dragon-cancer .case-hero{padding-bottom:146px}.game-case-study--untethered-vr-series .case-hero{padding-bottom:149px}.game-case-study--zombies-ala-mode .case-hero{padding-bottom:141px}.game-case-study--flash-games .case-hero figure img,.game-case-study--painted-waters .case-hero figure img{width:100%}
    .case-sections .gallery-section{padding-block:21px}
    .game-case-study--that-dragon-cancer .case-sections .gallery-section{padding-block:6px}.game-case-study--painted-waters .case-hero{padding-bottom:111px}.game-case-study--painted-waters .case-sections .gallery-section{height:133px;min-height:133px;padding:15.6px}.game-case-study--painted-waters .gallery-grid-wrapper{grid-template-columns:repeat(4,84.14px);gap:3.12px}.game-case-study--painted-waters .gallery-grid-item{aspect-ratio:84.14/48.33}.game-case-study--draw-breaker .case-sections>.page-section:nth-child(3){height:366px;min-height:366px;padding-block:46px}.game-case-study--draw-breaker .case-sections>.page-section:nth-child(4){height:1267px;min-height:1267px;padding-block:0}.game-case-study--float .case-sections>.page-section:nth-child(3){height:1106px;min-height:1106px}.game-case-study--float .case-sections>.page-section:nth-child(4){height:206px;min-height:206px}.game-case-study--galaxies-of-hope .case-sections>.page-section:first-child{height:279px;min-height:279px}.game-case-study--knife-toss .case-sections>.page-section:nth-child(3){height:589px;min-height:589px}.game-case-study--lumena .case-sections>.page-section:nth-child(3){height:169px;min-height:169px}.game-case-study--lumena .case-sections>.page-section:nth-child(4){height:848px;min-height:848px}.game-case-study--nba-escape .case-sections>.page-section:nth-child(3){height:888px;min-height:888px}.game-case-study--zombies-ala-mode .case-sections>.page-section:nth-child(3){height:986px;min-height:986px}
    .page-template-page-design .site-header{height:68px}.design-main{padding:0}.design-sections>.page-section:first-child{display:none}.design-sections .gallery-section{padding:7px 6px}.design-sections .gallery-masonry-wrapper{columns:1}.design-sections .gallery-masonry-item{margin-bottom:0;padding-bottom:6px}
    .design-sections>.page-section:first-child{display:none;height:0;min-height:0!important}
    :is(.design-sections,.case-sections) .gallery-lightbox-wrapper{padding:66px 18px 22px}:is(.design-sections,.case-sections) .gallery-lightbox-controls{inset:66px 8px 22px}:is(.design-sections,.case-sections) .gallery-lightbox-header{top:10px;right:10px}
    .contact-main{grid-template-columns:1fr;gap:60px;padding-block:50px 90px}.form-row{grid-template-columns:1fr}
}
@media (max-width:1199px){
    .game-case-study .case-sections .gallery-section{height:auto!important;min-height:0!important;padding:6px}
    .game-case-study .case-sections .gallery-masonry-wrapper{columns:1}
    .game-case-study .case-sections .gallery-masonry-item{margin-bottom:0}
    .game-case-study .case-sections .gallery-grid-wrapper{grid-template-columns:1fr;gap:6px}
    .game-case-study .case-sections .gallery-grid-item{aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.reveal{opacity:1!important;clip-path:none!important;transform:none!important}}

/* Editorial blog refresh */
body.blog,body.archive:not(.post-type-archive-game),body.single-post{--journal-paper:#f2efe7;--journal-ink:#171714;--journal-rule:#bbb6aa;--journal-accent:#f47d32;--journal-cyan:#29a8d6;--journal-blue:#153d55;background:var(--journal-paper)}
.site-menu :is(.current-menu-item,.current_page_item,.current-menu-parent,.current_page_parent,.current-menu-ancestor)>a:hover,.site-menu :is(.current-menu-item,.current_page_item,.current-menu-parent,.current_page_parent,.current-menu-ancestor)>a:focus-visible,.single-game .site-menu li:first-child>a:hover,.single-game .site-menu li:first-child>a:focus-visible,.single-post .site-menu li:nth-child(3)>a:hover,.single-post .site-menu li:nth-child(3)>a:focus-visible{border-bottom-color:#000;color:#000}
body.post-type-archive-game .site-menu li:first-child>a:is(:hover,:focus-visible){border-bottom-color:var(--ink);color:var(--ink)}
.site-menu li:last-child:is(.current-menu-item,.current_page_item)>a:is(:hover,:focus-visible){border-color:#8b310b #ed8b50 #f6a06b #96370e;color:#000}
.blog-banner{position:relative;display:block;min-height:0;padding:0;overflow:hidden;background:#075864;color:#fff;text-align:left;isolation:isolate}
.blog-banner::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:26%;height:100%;background:var(--blog-art) center/cover no-repeat;opacity:.08;filter:grayscale(1) contrast(1.4);mask-image:linear-gradient(90deg,transparent,#000)}
.blog-banner__inner{display:grid;min-height:360px;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:8%;align-items:end;padding-block:62px 54px}
.blog-banner__title{align-self:start}
.blog-kicker,.blog-index-heading,.archive-header .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.blog-banner .blog-kicker{margin-bottom:45px;color:rgb(255 255 255/.72)}
.blog-banner h1{max-width:820px;margin:0;color:#fff;font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(3.7rem,5.8vw,6.5rem);font-weight:400;letter-spacing:-.035em;line-height:.9;text-wrap:balance}
.blog-banner__foot{display:block;position:relative;margin-bottom:-54px;background:#043b44;color:#fff;padding:34px 38px 36px}
.blog-banner__label{display:block;margin-bottom:22px;color:var(--journal-cyan);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.blog-banner__foot p{max-width:390px;margin:0 0 28px;font-size:.95rem;line-height:1.75}
.blog-banner__foot a{display:inline-block;border-bottom:1px solid var(--journal-cyan);color:#fff;padding-bottom:3px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.blog-banner__foot a:hover{color:var(--journal-cyan)}
.blog-index-heading{display:flex;justify-content:space-between;margin-top:0;padding:70px 0 18px;border-bottom:1px solid var(--journal-ink)}
.blog-index-heading p{margin:0}.blog-index-heading span{color:#6d6a62;font-weight:500}
body.blog .post-grid,body.archive .post-grid{display:grid;width:min(calc(100% - 116px),var(--wrap));max-width:none;grid-template-columns:1fr;margin:0 auto;padding:0 0 120px;gap:0}
.post-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:30px;padding:56px 0 62px;border-bottom:1px solid var(--journal-rule)}
.post-card__number{color:#a84416;font-size:clamp(2rem,3vw,3.4rem);font-weight:300;letter-spacing:-.06em;line-height:1}
.post-card__body{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(240px,.65fr);column-gap:7%;align-items:start}
.post-card .eyebrow{grid-column:1/-1;margin:0 0 18px;color:#646159;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.post-card .eyebrow a{text-decoration:none}.post-card .eyebrow span{margin-inline:.6em;color:var(--journal-accent)}
.post-card h2{grid-column:1;margin:0;font-size:clamp(2.25rem,4.1vw,5rem);letter-spacing:-.05em;line-height:.98;text-wrap:balance}
.post-card h2 a{background-image:linear-gradient(var(--journal-accent),var(--journal-accent));background-position:0 100%;background-repeat:no-repeat;background-size:0 3px;transition:background-size .35s ease,color .2s ease}
.post-card h2 a:hover{color:var(--journal-ink);background-size:100% 3px}
.archive-excerpt,.post-card__body>.archive-excerpt{grid-column:2;grid-row:2;margin:3px 0 0;color:#57554f;font-size:.92rem;line-height:1.85}
.archive-excerpt p:last-child{margin-bottom:0}
.read-more{grid-column:2;justify-self:start;margin-top:30px;border-bottom:1px solid;padding:0 0 3px;color:var(--journal-ink);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.read-more span{color:var(--journal-accent)}
.read-more:hover{border-color:var(--journal-accent)}
.archive-page{width:100%;max-width:none;margin:0;padding:0 0 100px}
.archive-header{padding:90px max(58px,calc((100vw - var(--wrap))/2)) 80px;background:var(--journal-ink);color:var(--journal-paper)}
.archive-header .eyebrow{color:var(--journal-accent)}
.archive-header h1{max-width:1100px;margin:35px 0 0;font-size:clamp(4rem,8vw,8rem);letter-spacing:-.065em;line-height:.9}
.archive-description{max-width:640px;margin-top:35px}
body.single-post .article{width:100%;max-width:none;padding:0;background:var(--journal-paper)}
body.single-post .article-header{margin:0;background:#075864;color:var(--journal-paper)}
.article-header__inner{padding-block:92px 74px}
.article-header .eyebrow{margin:0 0 40px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.article-header .eyebrow a{color:#fff;text-decoration:none}
.article-header h1{max-width:1250px;margin:0;font-size:clamp(4rem,8vw,8.6rem);letter-spacing:-.065em;line-height:.92;text-wrap:balance}
.article-header h1,.article-header .article-deck,.article-header .article-meta{color:#fff}
.article-header .article-deck{max-width:780px;margin:48px 0 0;font-size:clamp(1.2rem,2vw,1.75rem);line-height:1.55}
.article-meta{display:flex;gap:24px;margin-top:65px;border-top:1px solid rgb(255 255 255/.28);padding-top:20px;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.article-meta span::before{content:"•";margin-right:24px;color:var(--journal-accent)}
.article-body{padding-block:95px 110px}
.article-intro{margin-bottom:65px;color:#2a2926;font-size:1.08rem;line-height:1.95}
.article-body>.prose{color:#2a2926;font-size:1.08rem;line-height:1.95}
.article-body>.prose>p:first-child:first-letter{float:left;margin:.1em .12em 0 0;color:var(--journal-accent);font-size:5.5em;font-weight:500;line-height:.72}
.article-body>.prose h2,.article-body>.prose h3{color:var(--journal-ink);letter-spacing:-.035em}
.article-body>.prose blockquote{margin-inline:-55px;border-left:4px solid var(--journal-accent);padding-left:50px;color:var(--journal-ink);font-size:1.45rem}
body.single-post .article--are-there-too-many-games-azusa-pacific-university-keynote .prose>.sqs-layout .sqs-block-video{position:relative;left:50%;width:min(1100px,calc(100vw - 116px));margin:0;padding:0;transform:translateX(-50%)}
.article-footer{border-top:1px solid var(--journal-rule);padding-top:25px;color:#69665f;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
body.single-post .post-nav{border-top:1px solid var(--journal-rule);background:var(--journal-paper)}

@media (max-width:800px){
    .blog-banner__inner{display:block;width:calc(100% - 48px);min-height:0;padding-block:45px 38px}
    .blog-banner h1{font-size:clamp(3.4rem,15vw,5rem);line-height:.92}
    .blog-banner__foot{margin:45px 0 -38px;padding:28px 26px 30px}.blog-banner__foot p{margin-bottom:20px}
    .blog-index-heading{width:calc(100% - 48px);padding-top:48px}
    body.blog .post-grid,body.archive .post-grid{width:calc(100% - 48px);padding:0 0 75px}
    .post-card{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:36px 0 40px}
    .post-card__number{font-size:1.45rem}.post-card__body{display:block}
    .post-card h2{font-size:clamp(2.25rem,11vw,3.5rem)}.archive-excerpt{margin-top:25px}.read-more{display:inline-block;margin-top:25px}
    .archive-header{padding:65px 24px 60px}.archive-header h1{font-size:clamp(3.7rem,17vw,6rem)}
    .article-header__inner{width:calc(100% - 48px);padding-block:65px 52px}.article-header h1{font-size:clamp(3.7rem,16vw,6rem);line-height:.94}.article-header .article-deck{margin-top:35px}.article-meta{margin-top:45px;flex-wrap:wrap;gap:8px 18px}.article-meta span::before{margin-right:18px}
    .article-body.wrap-narrow{width:calc(100% - 48px);padding-block:62px 75px}.article-body>.prose{font-size:1rem}.article-body>.prose blockquote{margin-inline:0;padding-left:24px}
    body.single-post .article--are-there-too-many-games-azusa-pacific-university-keynote .prose>.sqs-layout .sqs-block-video{width:calc(100vw - 48px)}
}