@font-face{font-family:Oswald;src:url('assets/fonts/oswald-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:StudioSans;src:url('assets/fonts/noto-sans-semibold.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#f0ece2;--paper-light:#f7f3e9;--ink:#232220;--red:#dc3d2d;--muted:#797568;--rule:#d0c9bb;--serif:Georgia,'Times New Roman',serif;--display:Oswald,'Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:StudioSans,Arial,sans-serif;font-size:14px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.035' filter='url(%23p)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button{border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:var(--paper-light)}[hidden]{display:none!important}.loading{font:700 50px var(--display);padding:80px;text-align:center}.skip{position:absolute;left:10px;top:-100px;z-index:100;padding:15px;background:var(--ink);color:var(--paper)}.skip:focus{top:10px}.section-width{max-width:1260px;width:calc(100% - 112px);margin-inline:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.9px;line-height:1.8;display:block}.wordmark{display:flex;flex-direction:column;align-items:center;line-height:1;position:relative;transform:rotate(-2deg)}.wordmark strong{font:700 47px/.96 var(--display);letter-spacing:-1.7px}.wordmark>span{font:700 15px/1.15 var(--display);letter-spacing:7px;display:block;color:var(--red);padding-left:7px;margin-top:4px}.wordmark:after{content:'';height:3px;width:100%;position:absolute;bottom:-6px;background:var(--ink);clip-path:polygon(0 0,100% 27%,96% 100%,4% 78%)}.masthead{height:115px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 60px;gap:50px;position:relative;z-index:5}.nav-side{display:flex;gap:35px;align-items:center;font-size:12px}.nav-side.right{justify-content:flex-end;gap:28px}.nav-side a{border-bottom:1px solid transparent;white-space:nowrap}.nav-side a:hover{border-color:var(--red)}.lang-switch{font-size:10px;background:none;color:var(--ink);padding:7px 0;white-space:nowrap}.lang-switch span{color:var(--muted)}.menu-toggle,#mobile-nav{display:none}.studio-hero{height:min(660px,38vw);min-height:505px;position:relative;border-bottom:4px solid var(--ink);overflow:hidden}.studio-mural{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-type{position:relative;z-index:2;width:650px;max-width:80%;margin:auto;text-align:center;padding-top:27px}.hero-type>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:14px}.hero-type h1{font:700 clamp(55px,5vw,82px)/1.05 var(--display);letter-spacing:-2px;display:inline-block;transform:rotate(-2deg)}.hero-type h1 em{font-style:normal;color:var(--red)}.hero-type p{font-size:11px;line-height:1.8;margin:19px auto 22px;max-width:380px}.paper-button{display:inline-flex;gap:29px;align-items:center;justify-content:space-between;background:var(--red);color:var(--paper-light);padding:15px 22px;font:700 15px var(--display);text-transform:uppercase;transform:rotate(-1deg);clip-path:polygon(1% 4%,98% 0,100% 92%,4% 100%);transition:transform .2s,background .2s}.paper-button:hover{background:#c43223;transform:rotate(0) translateY(-2px)}.paper-button svg,.ink-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.hero-margin-note{position:absolute;bottom:18px;left:24px;font-size:8px;text-transform:uppercase;letter-spacing:2px;color:var(--paper-light);line-height:1.8;text-shadow:0 1px 5px #000}.hero-scroll{position:absolute;left:calc(50% - 19px);bottom:17px;z-index:3;display:grid;place-items:center;width:38px;height:38px;background:var(--paper-light);color:var(--ink);border-radius:50%;font:25px var(--serif);box-shadow:0 0 0 1px #23222044}.featured{padding-top:72px;padding-bottom:52px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:37px}.section-title h2,.game-overview h2,.about-sheet h2{font:700 clamp(38px,4.2vw,61px)/1.1 var(--display);letter-spacing:-1.3px}.section-title h2 em,.game-overview h2 em,.about-sheet h2 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-2px;text-transform:lowercase}.section-title .eyebrow{font-size:9px;color:var(--muted);margin-bottom:12px}.section-title>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:4px}.hand-note{font:italic 21px/1.1 var(--serif);color:var(--red);transform:rotate(-8deg);padding-bottom:15px;position:relative;margin-right:22px}.main-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:29px;padding-top:17px;align-items:start}.game-poster{min-width:0}.poster-art{height:385px;position:relative;display:block;border:8px solid var(--ink);box-shadow:8px 9px 0 #29262016;transform:rotate(-1.5deg);transition:transform .25s;background:var(--ink);isolation:isolate}.game-poster:nth-child(2) .poster-art{transform:rotate(1.1deg)}.game-poster:nth-child(3) .poster-art{transform:rotate(-.7deg)}.poster-art:hover{transform:rotate(0deg) translateY(-5px)!important}.poster-background{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 99%,0 100%)}.poster-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#111b0df2,transparent 70%)}.poster-badge{position:absolute;right:-15px;top:15px;padding:7px 13px;background:var(--paper);color:var(--ink);font:700 11px var(--display);letter-spacing:1px;z-index:4;transform:rotate(3deg);box-shadow:3px 3px #0002;clip-path:polygon(1% 5%,100% 0,96% 100%,0 93%)}.poster-title{position:absolute;bottom:25px;left:23px;right:10px;z-index:3;color:var(--paper-light)}.poster-title>span{font-size:8px;text-transform:uppercase;letter-spacing:1.4px;display:block;margin-bottom:12px;max-width:200px;line-height:1.8}.poster-title h3{font:700 43px/.95 var(--display);letter-spacing:-1px;text-transform:uppercase;text-shadow:2px 3px #0005;max-width:250px}.poster-final-heroes .poster-title h3{font-family:var(--serif);font-style:italic;font-size:48px;line-height:.95;font-weight:700}.poster-paper-bastion .poster-title h3{max-width:160px;position:relative}.poster-125th-floor .poster-title h3{font-size:55px;max-width:180px}.poster-125th-floor .poster-background{object-position:65% 50%}.poster-cutout{position:absolute;z-index:2;right:-35px;top:-65px;width:345px;height:345px;object-fit:contain;object-position:right bottom;filter:drop-shadow(3px 4px 0 #0004)}.poster-paper-bastion .poster-overlay{background:linear-gradient(0deg,#242719ee,transparent 75%)}.poster-info{padding:29px 3px 0}.in-dev{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;line-height:1.8}.poster-info p{font-family:var(--serif);font-size:19px;line-height:1.3;margin-top:10px;margin-bottom:16px}.ink-link{font:700 13px var(--display);text-transform:uppercase;display:inline-flex;gap:19px;align-items:center;border-bottom:1px solid var(--red);padding-bottom:3px}.ink-link:hover{color:var(--red)}.ink-link svg{width:18px;height:18px}.catalog-link-row{border-top:1px solid var(--rule);margin-top:44px;padding-top:22px;display:flex;gap:25px;align-items:center;justify-content:space-between}.catalog-link-row>span{font-size:9px;color:var(--muted)}.pocket-section{position:relative;background:#252320;color:var(--paper);margin-top:45px;padding:85px 0 80px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.075' filter='url(%23p)'/%3E%3C/svg%3E")}.pocket-section:before,.pocket-section:after{content:'';position:absolute;left:0;right:0;height:26px;background:var(--paper);pointer-events:none}.pocket-section:before{top:-1px;clip-path:polygon(0 0,100% 0,100% 37%,92% 61%,82% 23%,69% 48%,60% 27%,50% 52%,39% 19%,29% 57%,18% 38%,9% 70%,0 39%)}.pocket-section:after{bottom:-1px;clip-path:polygon(0 77%,9% 39%,22% 76%,31% 33%,43% 65%,56% 40%,64% 78%,76% 29%,88% 57%,96% 34%,100% 69%,100% 100%,0 100%)}.pocket-section .section-title>p,.pocket-section .section-title .eyebrow{color:#b3ac9d}.pocket-section .section-title em{color:#d9c9b0}.pocket-doodle{font:95px/.8 var(--serif);color:var(--red);transform:rotate(13deg);margin-right:30px}.mobile-games{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:30px}.mobile-art{position:relative;height:445px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #b6ac9033}.mobile-art:before{content:'';position:absolute;inset:40px 0 50px;z-index:0;background:var(--game-accent);clip-path:polygon(3% 20%,74% 0,100% 15%,98% 87%,42% 100%,0 82%);opacity:.26;transform:rotate(-6deg)}.phone-frame{position:relative;width:217px;height:401px;z-index:2;transform:rotate(-6deg);border:8px solid #151414;border-radius:27px;box-shadow:9px 14px 0 #0004;transition:transform .2s;background:#151414;overflow:hidden}.mobile-game:nth-child(2) .phone-frame{transform:rotate(5deg)}.mobile-game:nth-child(3) .phone-frame{transform:rotate(-3deg)}.mobile-art:hover .phone-frame{transform:rotate(0deg) translateY(-6px)}.phone-frame>img{width:100%;height:100%;object-fit:cover}.phone-speaker{position:absolute;width:58px;height:9px;background:#151414;border-radius:0 0 8px 8px;left:calc(50% - 29px);top:0;z-index:3}.mobile-infernal-bureaucrat .phone-frame img{object-position:center}.number-note{font:9px/1.4 var(--display);letter-spacing:1.6px;position:absolute;left:0;top:27px;color:#aca392;transform:rotate(-8deg)}.mobile-creature{position:absolute;width:145px;right:-22px;bottom:26px;z-index:3;transform:rotate(9deg);filter:drop-shadow(5px 5px 0 #0007)}.drawn-orbit{position:absolute;left:20px;right:5px;top:180px;height:115px;border:1px solid #ddc29d55;border-radius:50%;transform:rotate(-24deg)}.mobile-caption{padding-top:22px}.mobile-caption .in-dev{color:#a49989}.mobile-caption h3{font:700 30px var(--display);letter-spacing:-.5px;margin-top:8px}.mobile-caption p{font-family:var(--serif);color:#c0b6a7;font-size:17px;line-height:1.4;margin:12px 0 18px}.mobile-caption .ink-link{border-color:#776c59}.cosmic-section{display:grid;grid-template-columns:1.4fr 1fr;gap:67px;padding-block:95px;align-items:center}.cosmic-art{border:8px solid var(--ink);position:relative;transform:rotate(-2deg);display:block;box-shadow:11px 13px #2322200d}.cosmic-art img{aspect-ratio:1.45;object-fit:cover;object-position:50% 55%;width:100%}.cosmic-patch{position:absolute;left:-18px;bottom:23px;background:var(--paper);padding:9px 17px;font:700 11px var(--display);letter-spacing:1px;transform:rotate(-3deg)}.cosmic-copy .eyebrow{color:var(--muted);font-size:9px;margin-bottom:12px}.cosmic-copy h2{font:700 66px/.94 var(--display);letter-spacing:-1.7px}.cosmic-copy h2 em{font:italic 73px/.9 var(--serif);font-weight:400;color:var(--red)}.cosmic-copy>p{font-family:var(--serif);font-size:18px;line-height:1.65;max-width:345px;margin-top:24px}.cosmic-copy .in-dev{margin:15px 0 23px}.journal-section{border-top:1px solid var(--rule);padding-block:69px 74px}.journal-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:23px 40px}.journal-card{min-width:0}.journal-layout .journal-card:first-child{grid-row:span 2}.journal-layout .journal-card:not(:first-child){display:grid;grid-template-columns:185px 1fr;gap:23px;align-items:start}.journal-image{display:block;position:relative;overflow:hidden}.journal-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.85;transition:transform .3s;filter:saturate(.85)}.journal-image:hover img{transform:scale(1.025)}.paper-label{position:absolute;left:12px;bottom:15px;background:var(--paper);padding:6px 12px;font:700 10px var(--display);transform:rotate(-2deg)}.journal-content{padding:23px 0 0}.journal-meta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:1px;line-height:1.6}.journal-content h3{font:700 31px/1.14 var(--display);margin-top:13px;letter-spacing:-.5px}.journal-content>p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:13px}.journal-content .ink-link{margin-top:17px;font-size:11px}.journal-layout .journal-card:not(:first-child) .journal-content{padding:2px 0 0}.journal-layout .journal-card:not(:first-child) .journal-content h3{font-size:25px}.journal-layout .journal-card:not(:first-child) .journal-image img{aspect-ratio:.96}.journal-layout .journal-2 .journal-image img{object-position:50% 37%}.draft-note{font-size:9px;color:var(--muted);margin-top:36px;line-height:1.9;border-top:1px solid var(--rule);padding-top:17px}.about-section{position:relative;background:#e2dccf;padding-block:70px;overflow:hidden}.about-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;position:relative}.about-sheet{background:var(--paper-light);padding:38px 43px 33px;position:relative;z-index:2;box-shadow:7px 9px 0 #29262014;transform:rotate(-1deg);clip-path:polygon(0 0,99% 1%,100% 94%,98% 100%,0 98%)}.about-sheet>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:14px}.about-sheet h2{font-size:43px;line-height:1.2;letter-spacing:-.8px}.about-sheet h2 em{color:var(--red)}.about-sheet p{font-size:12px;line-height:1.9;color:#777060;margin-top:20px;max-width:435px}.signature{font:italic 24px var(--serif);display:block;margin-top:25px}.studio-seal{position:absolute;right:30px;bottom:25px;display:grid;place-items:center;width:66px;height:66px;border:2px solid var(--red);outline:1px solid var(--red);outline-offset:-7px;border-radius:50%;color:var(--red);transform:rotate(15deg);opacity:.8}.studio-seal b{font:700 36px var(--display)}.studio-seal i{font:italic 20px var(--serif);position:absolute;bottom:8px;right:15px}.about-illustration{position:relative;min-width:0;margin:25px 0;overflow:hidden}.about-illustration img{width:240%;max-width:none;height:100%;object-fit:cover;object-position:82% 80%;transform:translateX(-52%);mix-blend-mode:multiply}.about-caption{position:absolute;bottom:5px;right:0;font:700 20px/1.3 var(--display);letter-spacing:3px;color:var(--red);text-align:right;transform:rotate(-8deg);border:2px solid var(--red);padding:12px;background:#f0ece2cc}.footer{background:#232220;color:var(--paper);padding:53px 56px 26px;position:relative}.footer-top,.footer-bottom{max-width:1260px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:45px}.footer-brand strong{font-size:58px}.footer-brand:after{background:var(--paper)}.footer-contact{padding-top:5px}.footer-contact>.eyebrow{color:#9d978a;font-size:8px;margin-bottom:14px}.mail-link{font-family:var(--serif);font-size:25px;display:flex;gap:35px;align-items:center}.mail-link svg{width:27px;height:27px;stroke:var(--red);fill:none;stroke-width:1.5;transform:rotate(-35deg)}.phone{display:block;font-size:10px;color:#a7a092;margin-top:13px}.footer-note{font:italic 18px/1.5 var(--serif);color:#a7a092;transform:rotate(3deg)}.footer-bottom{border-top:1px solid #555044;margin-top:39px;padding-top:21px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer-bottom p{font-size:8px;color:#999386;line-height:1.8}.footer-bottom>div{display:flex;gap:24px;color:#999386;font-size:8px;flex-wrap:wrap}.footer-bottom a:hover{color:var(--paper)}.crumb{display:flex;gap:13px;padding-block:25px;font-size:9px;color:var(--muted)}.game-hero{height:520px;position:relative;color:var(--paper-light);overflow:hidden}.game-hero-image{position:absolute;width:100%;height:100%;object-fit:cover}.game-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14130fed 0,#14130f55 65%,#14130f22),linear-gradient(0deg,#14130f55,transparent)}.game-hero-content{position:relative;z-index:2;padding-top:110px}.hero-tag{font-size:10px;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:19px}.game-hero h1{font:700 clamp(60px,7vw,105px)/1.04 var(--display);letter-spacing:-1.8px;max-width:850px}.game-hero-content>p{font:italic 27px/1.4 var(--serif);margin-top:23px;max-width:550px}.working-title{font-size:9px;text-transform:uppercase;letter-spacing:1px;display:block;margin-top:20px;color:#ccc2ae}.portrait-hero .game-hero-image{object-fit:contain;width:45%;right:10%;object-position:top}.portrait-hero{background:#292620}.portrait-hero .game-hero-shade{background:linear-gradient(90deg,#232220 25%,#23222066 65%,#23222088 100%)}.game-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:95px;padding-block:70px 65px}.game-overview h2{margin-top:13px}.game-overview>div>p{font-family:var(--serif);font-size:19px;line-height:1.85;margin-top:26px}.game-facts{border-block:1px solid var(--rule);padding-block:25px;align-self:start}.game-facts h3{font:700 25px var(--display);margin-bottom:23px}.game-facts dl{margin:0}.game-facts dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #d0c9bb66;font-size:10px}.game-facts dt{color:var(--muted)}.game-facts dd{margin:0;text-align:right}.game-facts ul{list-style:none;padding:12px 0 0;margin:0}.game-facts li{padding:10px 0 0 20px;font-size:11px;line-height:1.8;position:relative}.game-facts li:before{content:'✳';color:var(--red);position:absolute;left:0}.game-gallery{padding-block:15px 60px}.game-gallery .section-title h2{font-size:42px}.screens-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.screens-grid figure{margin:0}.screens-grid figure:first-child:last-child{max-width:850px;grid-column:1/-1}.screenshot-open{display:block;width:100%;background:#ddd5c4;position:relative;padding:0}.screenshot-open img{width:100%;aspect-ratio:1.7;object-fit:cover}.screenshot-open>span{position:absolute;bottom:12px;right:12px;background:var(--paper);padding:6px 13px;font:20px var(--serif)}.screens-grid figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:12px;font-size:10px;color:var(--muted);line-height:1.8}.screens-grid figcaption small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.portrait-gallery{grid-template-columns:repeat(3,1fr)}.portrait-gallery figure:first-child:last-child{max-width:450px;grid-column:1/-1;margin:auto}.portrait-gallery .screenshot-open img{aspect-ratio:unset;max-height:730px;object-fit:contain}.portrait-gallery figcaption{align-items:flex-start;flex-direction:column;gap:4px}.game-journal{border-top:1px solid var(--rule);padding-block:35px 40px}.game-journal-list>a{display:grid;grid-template-columns:80px 1fr 35px;gap:25px;align-items:center;border-bottom:1px solid var(--rule);padding:24px 0}.game-journal-list>a>span{font-size:9px;color:var(--muted)}.game-journal-list h3{font:700 30px var(--display)}.game-journal-list svg{width:25px;height:25px;fill:none;stroke:var(--red);stroke-width:1.5}.game-next{padding-block:40px 70px;border-top:1px solid var(--rule)}.game-next>a{font:700 45px var(--display);display:flex;align-items:center;justify-content:space-between;margin-top:12px}.game-next svg{width:52px;height:52px;stroke:var(--red);fill:none;stroke-width:1.5}.page-intro{padding-block:65px 40px;max-width:900px}.page-intro>.eyebrow{color:var(--muted);margin-bottom:19px}.page-intro h1{font:700 clamp(45px,6vw,82px)/1.05 var(--display);letter-spacing:-1.5px}.page-intro h1 em{font-family:var(--serif);text-transform:lowercase;font-weight:400;color:var(--red)}.page-intro>p{font-family:var(--serif);font-size:19px;line-height:1.8;max-width:600px;margin-top:25px}.catalog-controls{display:flex;gap:30px;border-block:1px solid var(--rule);padding-block:15px;margin-bottom:42px}.catalog-controls button{background:transparent;font:700 19px var(--display);padding:7px 0;border-bottom:2px solid transparent}.catalog-controls button[aria-pressed=true]{border-color:var(--red);color:var(--red)}.catalog-controls small{font:9px StudioSans;color:var(--muted);margin-left:9px;vertical-align:super}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:47px 36px;padding-bottom:80px}.catalog-art{display:block;position:relative;overflow:hidden;background:#c6baa4;aspect-ratio:1.55}.catalog-art>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.catalog-art:hover>img{transform:scale(1.04)}.catalog-art.portrait>img{object-fit:contain;background:#292620}.catalog-art>span{position:absolute;bottom:13px;left:13px;padding:7px 12px;background:var(--paper);font:700 11px var(--display);letter-spacing:1px}.catalog-game>div{padding-top:19px}.catalog-game h2{font:700 34px var(--display);margin-top:6px}.catalog-game p{font-size:12px;color:var(--muted);line-height:1.9;max-width:500px;margin-top:10px}.catalog-game .ink-link{margin-top:15px;font-size:12px}.journal-page{padding-bottom:70px}.journal-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journal-index .journal-image img{aspect-ratio:1.3}.journal-index .journal-card:last-child .journal-image img{object-position:center 38%}.journal-index .journal-content h3{font-size:27px}.post-header{max-width:820px;width:calc(100% - 112px);margin:35px auto 40px}.post-header h1{font:700 clamp(45px,5vw,75px)/1.12 var(--display);letter-spacing:-1.3px;margin-top:22px}.post-header>p{font-family:var(--serif);font-size:21px;line-height:1.7;color:var(--muted);margin-top:26px}.post-cover{max-width:1260px;width:calc(100% - 112px);margin:auto}.post-cover img{width:100%;max-height:620px;object-fit:cover}.post-cover.portrait-post img{object-fit:contain;background:#ded7c9;max-height:650px}.post-cover figcaption{font-size:9px;color:var(--muted);padding-top:14px}.post-body{max-width:750px;width:calc(100% - 112px);margin:45px auto 70px}.post-body>p{font-family:var(--serif);font-size:21px;line-height:1.9;margin-bottom:24px}.draft-disclosure{border-left:3px solid var(--red);padding:13px 20px;background:#ddd4c3;font-size:11px;line-height:1.9;margin-block:30px}.post-body .ink-link{margin-top:15px}.info-page{max-width:900px;padding-block:65px 80px}.info-page h1{font:700 clamp(30px,4vw,65px) var(--display);letter-spacing:-1px;margin-block:18px 35px;overflow-wrap:anywhere}.info-page p{font-family:var(--serif);font-size:19px;line-height:1.9;margin-block:22px}.info-page p a{text-decoration:underline;color:var(--red)}.info-page dl{display:grid;grid-template-columns:210px 1fr;gap:24px 25px;margin-top:40px;font-size:12px;line-height:1.8}.info-page dt{color:var(--muted)}.info-page dd{margin:0}.lightbox{background:#1c1b19;color:var(--paper);border:0;max-width:95vw;max-height:94vh;padding:40px 25px 17px;overflow:auto}.lightbox::backdrop{background:#111e}.lightbox img{max-height:76vh;max-width:85vw;object-fit:contain;margin:auto}.lightbox p{text-align:center;font-size:11px;margin-top:15px}.lightbox-close{position:absolute;top:5px;right:10px;background:none;color:var(--paper);font:30px var(--serif);padding:0 10px}
@media(min-width:1600px){.studio-hero{height:650px}.hero-type{padding-top:37px}.hero-type h1{font-size:86px}.hero-type>p{font-size:12px}.hero-type .paper-button{font-size:17px}}
@media(max-width:1100px){.section-width{width:calc(100% - 72px)}.masthead{padding-inline:36px;gap:30px}.nav-side{gap:23px;font-size:11px}.nav-side.right{gap:20px}.wordmark strong{font-size:42px}.wordmark>span{font-size:13px}.hero-type{padding-top:29px;width:590px}.hero-type h1{font-size:66px}.studio-hero{height:550px;min-height:unset}.hero-type p{font-size:11px;margin-top:16px}.section-title h2{font-size:43px}.hand-note{display:none}.main-projects{gap:23px}.poster-art{height:335px;border-width:7px}.poster-title{left:15px;bottom:21px}.poster-title h3{font-size:37px}.poster-final-heroes .poster-title h3{font-size:40px}.poster-125th-floor .poster-title h3{font-size:48px}.poster-cutout{width:285px;height:285px;right:-32px;top:-58px}.poster-info p{font-size:17px}.poster-title>span{font-size:7px}.poster-paper-bastion .poster-title>span{max-width:120px}.mobile-games{gap:30px}.phone-frame{width:196px;height:360px}.mobile-art{height:402px}.mobile-creature{width:122px;right:-16px;bottom:25px}.mobile-caption h3{font-size:26px}.mobile-caption p{font-size:16px}.cosmic-section{gap:45px}.cosmic-copy h2{font-size:57px}.cosmic-copy h2 em{font-size:65px}.cosmic-copy>p{font-size:17px}.journal-layout{gap:25px}.journal-layout .journal-card:not(:first-child){grid-template-columns:135px 1fr;gap:19px}.journal-layout .journal-card:not(:first-child) .journal-content h3{font-size:23px}.journal-layout .journal-card:not(:first-child) .journal-content>p{font-size:10px}.journal-content h3{font-size:28px}.about-inner{gap:15px}.about-sheet{padding:28px 30px}.about-sheet h2{font-size:37px}.about-sheet .eyebrow{font-size:8px}.about-sheet p{font-size:11px}.footer{padding-inline:36px}.footer-brand strong{font-size:47px}.mail-link{font-size:21px;gap:15px}.footer-note{font-size:16px}.game-overview{gap:50px}.game-hero h1{font-size:75px}.game-hero-content{padding-top:135px}.game-gallery .section-title h2{font-size:37px}.journal-index{gap:23px}.journal-index .journal-content h3{font-size:24px}}
@media(max-width:780px){.section-width{width:calc(100% - 44px)}.masthead{height:88px;padding:0 23px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--rule)}.wordmark strong{font-size:36px}.wordmark>span{font-size:10px;letter-spacing:5px;padding-left:5px}.wordmark:after{height:2px;bottom:-4px}.nav-side.left{display:none}.nav-side.right{margin-left:auto}.nav-side.right>a{display:none}.lang-switch{font-size:9px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 1px;background:none;position:relative;width:25px;align-items:center}.menu-toggle span{display:block;height:2px;background:var(--ink);width:23px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#mobile-nav:not([hidden]){display:flex;position:absolute;top:87px;left:0;right:0;background:var(--paper-light);border-bottom:3px solid var(--ink);padding:23px;gap:19px;flex-direction:column;font:700 25px var(--display);z-index:20}#mobile-nav button{background:none;text-align:left;padding:0;color:var(--red);font:700 17px var(--display)}.studio-hero{height:660px;min-height:unset}.studio-mural{object-position:57% bottom;object-fit:cover}.hero-type{width:100%;max-width:100%;padding:35px 21px 0}.hero-type>.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:18px}.hero-type h1{font-size:49px;letter-spacing:-1.5px;line-height:1.12;background:#f0ece2c2;padding:4px 9px;box-shadow:0 0 35px 12px #f0ece2a1}.hero-type p{font-size:10px;line-height:1.9;padding:8px 7px;background:#f0ece2c7;width:max-content;max-width:100%;margin:14px auto 16px;box-shadow:0 0 25px #f0ece2b0}.paper-button{font-size:15px;padding:14px 20px;gap:26px}.hero-margin-note{font-size:6px;left:17px;bottom:16px}.hero-scroll{bottom:17px;width:32px;height:32px;left:calc(50% - 16px);font-size:20px}.featured{padding-top:45px;padding-bottom:25px}.section-title{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:29px}.section-title h2{font-size:44px;letter-spacing:-1px}.section-title h2 em{letter-spacing:-1.6px}.section-title .eyebrow{font-size:8px;margin-bottom:10px}.section-title>p{font-size:11px;line-height:1.9}.main-projects{grid-template-columns:1fr;gap:47px;padding-top:10px}.poster-art{height:390px;margin-inline:7px;border-width:8px}.poster-title{left:22px;bottom:26px}.poster-title h3{font-size:49px;max-width:260px}.poster-final-heroes .poster-title h3{font-size:52px}.poster-125th-floor .poster-title h3{font-size:61px;max-width:230px}.poster-title>span{font-size:8px;max-width:210px}.poster-cutout{width:345px;height:345px;right:-24px;top:-43px}.poster-info{padding:23px 7px 0}.poster-info p{font-size:21px;margin-bottom:13px}.in-dev{font-size:8px}.ink-link{font-size:13px}.catalog-link-row{margin-top:32px;padding-top:19px;flex-direction:column;gap:18px;align-items:flex-start}.catalog-link-row>span{font-size:9px;line-height:1.9}.pocket-section{margin-top:24px;padding:58px 0}.pocket-section .section-title>p{font-size:11px}.pocket-doodle{display:none}.mobile-games{grid-template-columns:1fr;gap:37px;margin-top:0}.mobile-art{height:410px;max-width:345px;width:100%;margin:auto}.phone-frame{width:216px;height:391px}.mobile-creature{width:137px;right:0;bottom:25px}.number-note{font-size:8px;top:30px;left:7px}.mobile-caption{padding-top:20px;text-align:left;max-width:345px;width:100%;margin:auto}.mobile-caption h3{font-size:32px}.mobile-caption p{font-size:18px;line-height:1.5}.mobile-caption .ink-link{font-size:12px}.cosmic-section{grid-template-columns:1fr;gap:34px;padding-block:56px}.cosmic-art{margin-inline:8px;border-width:7px}.cosmic-art img{aspect-ratio:1.1;object-position:50% 50%}.cosmic-copy .eyebrow{font-size:8px}.cosmic-copy h2{font-size:60px}.cosmic-copy h2 em{font-size:67px}.cosmic-copy>p{font-size:18px;line-height:1.75;margin-top:20px}.cosmic-copy .in-dev{margin-block:15px 20px}.journal-section{padding-block:43px 48px}.journal-layout{grid-template-columns:1fr;gap:35px}.journal-layout .journal-card:first-child{grid-row:auto}.journal-layout .journal-card:not(:first-child){display:block}.journal-layout .journal-card:not(:first-child) .journal-image img{aspect-ratio:1.8}.journal-layout .journal-card:not(:first-child) .journal-content{padding-top:20px}.journal-layout .journal-card:not(:first-child) .journal-content h3{font-size:29px}.journal-layout .journal-card:not(:first-child) .journal-content>p{font-size:11px}.journal-content{padding-top:20px}.journal-content h3{font-size:30px}.journal-meta{font-size:8px}.journal-content>p{font-size:11px}.draft-note{margin-top:29px;font-size:9px;line-height:2}.about-section{padding-block:36px}.about-inner{grid-template-columns:1fr;gap:24px}.about-sheet{padding:29px 26px 35px}.about-sheet h2{font-size:38px}.about-sheet p{font-size:12px;line-height:1.9}.signature{font-size:23px}.studio-seal{width:51px;height:51px;right:15px;bottom:20px}.studio-seal b{font-size:28px}.studio-seal i{font-size:15px;bottom:7px;right:11px}.about-illustration{min-height:280px;margin:0}.about-illustration img{height:280px;width:240%;transform:translateX(-50%)}.about-caption{font-size:17px;right:10px;bottom:17px;padding:9px}.footer{padding:40px 22px 26px}.footer-top{flex-wrap:wrap;gap:35px}.footer-brand strong{font-size:44px}.footer-contact{order:3;width:100%;padding-top:0}.footer-note{font-size:16px;margin-top:0;line-height:1.5}.mail-link{font-size:20px;gap:12px;overflow-wrap:anywhere}.mail-link svg{width:24px;height:24px;flex-shrink:0}.footer-contact .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:10px}.phone{font-size:10px;margin-top:14px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:19px;margin-top:28px}.footer-bottom>div{gap:19px;font-size:8px;line-height:1.7}.footer-bottom p{font-size:7px;line-height:2}.crumb{padding-block:18px;gap:10px;font-size:8px;flex-wrap:wrap}.game-hero{height:440px}.game-hero-content{padding-top:100px}.hero-tag{font-size:8px;letter-spacing:1.3px;margin-bottom:17px}.game-hero h1{font-size:60px;letter-spacing:-1.5px;line-height:1.09;overflow-wrap:anywhere}.game-hero-content>p{font-size:23px;line-height:1.5;margin-top:18px}.working-title{font-size:8px;margin-top:19px}.portrait-hero .game-hero-image{width:70%;right:0;opacity:.7}.portrait-hero .game-hero-shade{background:linear-gradient(90deg,#232220dd,#23222055),linear-gradient(0deg,#232220aa,transparent)}.game-overview{grid-template-columns:1fr;gap:33px;padding-block:43px}.game-overview h2{font-size:44px}.game-overview>div>p{font-size:18px;line-height:1.85;margin-top:24px}.game-facts h3{font-size:25px}.game-facts dl>div{font-size:10px;line-height:1.7}.game-facts li{font-size:11px}.game-gallery{padding-block:13px 35px}.game-gallery .section-title h2{font-size:37px}.screens-grid,.portrait-gallery{grid-template-columns:1fr;gap:28px}.screens-grid figcaption{flex-direction:column;align-items:flex-start;gap:3px;font-size:10px}.screens-grid figcaption small{font-size:8px}.portrait-gallery figure:first-child:last-child{max-width:350px}.portrait-gallery .screenshot-open img{max-height:680px}.game-journal{padding-block:27px 32px}.game-journal-list>a{grid-template-columns:1fr 25px;gap:10px}.game-journal-list>a>span{grid-column:1/-1}.game-journal-list h3{font-size:27px}.game-next{padding-block:30px 45px}.game-next>a{font-size:35px}.game-next svg{width:36px;height:36px}.page-intro{padding-block:39px 28px}.page-intro h1{font-size:47px;letter-spacing:-1px}.page-intro>p{font-size:17px;line-height:1.8;margin-top:22px}.page-intro .eyebrow{font-size:8px;margin-bottom:15px}.catalog-controls{gap:25px;margin-bottom:30px;padding-block:12px}.catalog-controls button{font-size:17px}.catalog-controls small{font-size:8px;margin-left:5px}.catalog-grid{grid-template-columns:1fr;gap:34px;padding-bottom:45px}.catalog-game h2{font-size:31px}.catalog-game p{font-size:11px;line-height:1.85}.catalog-art{aspect-ratio:1.4}.journal-index{grid-template-columns:1fr;gap:33px}.journal-index .journal-image img{aspect-ratio:1.6}.journal-index .journal-content h3{font-size:30px}.journal-page{padding-bottom:45px}.post-header{width:calc(100% - 44px);margin:23px auto 28px}.post-header h1{font-size:47px;line-height:1.15;letter-spacing:-1px}.post-header>p{font-size:18px;line-height:1.75;margin-top:21px}.post-cover{width:calc(100% - 44px)}.post-cover img{max-height:400px;min-height:180px}.post-cover.portrait-post img{max-height:570px}.post-cover figcaption{font-size:8px;line-height:1.8}.post-body{width:calc(100% - 44px);margin:30px auto 45px}.post-body>p{font-size:18px;line-height:1.9;margin-bottom:21px}.draft-disclosure{font-size:10px;padding:13px 15px}.info-page{padding-block:38px 50px}.info-page h1{font-size:35px;margin-bottom:22px}.info-page p{font-size:17px;line-height:1.85}.info-page dl{grid-template-columns:1fr;gap:10px;font-size:11px;line-height:1.8;margin-top:27px}.info-page dd{margin-bottom:17px}.lightbox{padding:40px 12px 15px;max-width:100vw}.lightbox img{max-width:90vw;max-height:80vh}.lightbox p{font-size:10px}}
@media(max-width:370px){.hero-type h1{font-size:47px}.poster-art{height:350px}.poster-cutout{width:300px;height:300px}.section-title h2{font-size:39px}.about-sheet h2{font-size:33px}.mail-link{font-size:17px}.hero-type p{font-size:9px}.poster-title h3{font-size:44px}.game-hero h1{font-size:53px}.page-intro h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.game-releases{border-top:1px solid var(--rule);padding-block:40px}.game-releases .section-title h2{font-size:38px}.release-empty{font-family:var(--serif);font-size:17px;color:var(--muted);line-height:1.8;max-width:650px}


/* Thin approved manul plaque; presentation crop preserves the raster artwork. */
.wordmark.studio-logo{display:block;width:300px;aspect-ratio:1456/414;line-height:0;flex-shrink:0;position:relative;overflow:hidden;border-radius:3% / 10.6%;transform:rotate(-2deg);transform-origin:center;transition:transform .22s ease}
.wordmark.studio-logo:after{content:none}
.studio-logo img{display:block;position:absolute;max-width:none;width:105.494505%;height:auto;left:-2.815934%;top:-71.014493%}
.wordmark.studio-logo:focus-visible{transform:rotate(0)}
.masthead{height:112px;gap:36px}
.footer-brand.studio-logo{width:300px}
@media(hover:hover) and (pointer:fine){.wordmark.studio-logo:hover{transform:rotate(0)}}
@media(max-width:1100px){.masthead{gap:25px}.wordmark.studio-logo{width:260px}}
@media(max-width:780px){.masthead{height:88px;gap:15px}.wordmark.studio-logo{width:210px}.footer-brand.studio-logo{width:190px}#mobile-nav:not([hidden]){top:87px}}
@media(prefers-reduced-motion:reduce){.wordmark.studio-logo{transition:none}}

@media(max-width:370px){.wordmark.studio-logo,.footer-brand.studio-logo{width:180px}}
.about-sheet h1{font:700 clamp(38px,4.2vw,61px)/1.1 var(--display);letter-spacing:-1.3px}.about-sheet h1 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-2px;text-transform:lowercase}
.language-suggestion{position:fixed;right:20px;bottom:20px;z-index:20;max-width:calc(100vw - 40px);padding:18px 44px 18px 20px;background:var(--paper-light);border:1px solid var(--rule);box-shadow:4px 5px 0 #23222018;font-size:12px;line-height:1.6}.language-suggestion p{margin:0 0 5px}.language-suggestion>a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.language-suggestion>button{position:absolute;right:10px;top:9px;padding:4px 7px;background:none;color:var(--ink);font-size:21px;line-height:1}

/* Selected Final Heroes artwork includes its own frame and lettering. */
.poster-final-heroes .poster-art.poster-art-complete {
  height:auto; aspect-ratio:1020/1215; border:0; background:transparent; box-shadow:none; overflow:visible;
}
.poster-final-heroes .poster-complete-image {
  position:absolute; width:110%; max-width:none; height:115.391%; left:-4.314%; top:-10.288%; object-fit:fill;
}
.poster-final-heroes .poster-art-complete .poster-badge {top:15px; right:-15px;}
.poster-final-heroes .poster-art-complete .poster-complete-heading {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}


/* Paper Bastion: the approved illustration includes the protruding commander. */
.poster-paper-bastion .poster-art.poster-art-complete {
  height:auto; aspect-ratio:1122/1104; background:transparent; overflow:visible;
}
.poster-paper-bastion .poster-complete-image {
  position:absolute; width:100%; max-width:none; height:126.993%; left:0; top:-26.993%; object-fit:fill; z-index:1;
}
.poster-paper-bastion .poster-complete-heading {
  position:absolute; bottom:25px; left:23px; z-index:3; max-width:175px;
  font:700 43px/.95 var(--display); letter-spacing:-1px; text-transform:uppercase;
  color:var(--paper-light); text-shadow:2px 3px #0005;
}
@media(max-width:700px) {
  .poster-paper-bastion .poster-complete-heading {font-size:49px; left:22px; bottom:26px; max-width:190px;}
}
@media(max-width:370px) {
  .poster-paper-bastion .poster-complete-heading {font-size:44px; max-width:170px;}
}


/* Approved Monster Hotel promotional card, including its phone and bat. */
.mobile-monster-hotel.mobile-art-complete::before{display:none}
.mobile-monster-hotel.mobile-art-complete .mobile-complete-image{width:100%;height:100%;object-fit:contain;transition:transform .2s;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 95%,transparent);mask-composite:intersect}
.mobile-monster-hotel.mobile-art-complete:hover .mobile-complete-image{transform:translateY(-6px)}
.mobile-monster-hotel.mobile-art-complete .number-note{z-index:2}
@media(prefers-reduced-motion:reduce){.mobile-monster-hotel.mobile-art-complete .mobile-complete-image{transition:none}.mobile-monster-hotel.mobile-art-complete:hover .mobile-complete-image{transform:none}}

/* Equal poster frames; protruding character silhouettes stay outside the frame. */
.main-projects .game-poster .poster-art {
  height:auto; aspect-ratio:1020/1215; margin-inline:0;
}
.poster-paper-bastion .poster-art.poster-art-complete {
  container-type:inline-size; background:#293d1d;
}
.poster-paper-bastion .poster-complete-image {
  height:auto; top:calc(-100cqw * 298 / 1122); object-fit:contain;
  mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
}


/* Final Heroes: selected full-width evening watermill artwork. */
.game-hero-final-heroes {height:auto; aspect-ratio:3/1; min-height:340px; background:#142a3c;}
.game-hero-final-heroes .game-hero-image {object-position:70% center;}
.game-hero-final-heroes .game-hero-shade {background:linear-gradient(90deg,rgba(9,24,42,.64) 0%,rgba(9,24,42,.30) 34%,rgba(9,24,42,0) 56%);}
.game-hero-final-heroes .game-hero-content {position:absolute;left:clamp(24px,5.5vw,160px);top:0;bottom:0;width:38%;max-width:none;margin:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;}
.game-hero-final-heroes h1 {font-size:clamp(48px,5vw,104px);line-height:1.04;max-width:100%;}
.game-hero-final-heroes .game-hero-content>p {font-size:clamp(19px,1.6vw,27px);max-width:100%;margin-top:20px;}
.game-hero-final-heroes .hero-tag {line-height:1.7;}
@media(max-width:900px) {
 .game-hero-final-heroes {aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;}
 .game-hero-final-heroes .game-hero-image {position:relative;display:block;height:clamp(240px,64vw,420px);object-position:75% center;}
 .game-hero-final-heroes .game-hero-shade {top:0;bottom:auto;height:clamp(240px,64vw,420px);background:linear-gradient(0deg,#142a3c 0%,rgba(20,42,60,0) 30%);}
 .game-hero-final-heroes .game-hero-content {position:relative;left:auto;top:auto;bottom:auto;width:auto;padding:20px 24px 32px;}
 .game-hero-final-heroes h1 {font-size:clamp(45px,9vw,70px);}
 .game-hero-final-heroes .game-hero-content>p {margin-top:14px;font-size:23px;}
 .game-hero-final-heroes .working-title {margin-top:17px;}
}



/* Garden by the Drop: approved complete phone and cloud illustration. */
.mobile-drop-garden>.mobile-complete-image{position:relative;z-index:2;width:auto;max-width:100%;height:calc(100% - 20px);object-fit:contain;filter:drop-shadow(6px 10px 8px #0004);transition:transform .2s}
.mobile-drop-garden:hover>.mobile-complete-image{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){.mobile-drop-garden>.mobile-complete-image{transition:none}.mobile-drop-garden:hover>.mobile-complete-image{transform:none}}

/* Infernal Bureaucrat: approved artwork includes the phone and imp. */
.mobile-infernal-bureaucrat::before{display:none}
.mobile-infernal-bureaucrat>.mobile-complete-image{position:relative;z-index:1;width:auto;max-width:100%;height:calc(100% - 20px);object-fit:contain;filter:drop-shadow(6px 10px 8px #0004);transition:transform .2s}
.mobile-infernal-bureaucrat:hover>.mobile-complete-image{transform:translateY(-4px)}
.mobile-infernal-bureaucrat .number-note{z-index:2}
@media(prefers-reduced-motion:reduce){.mobile-infernal-bureaucrat>.mobile-complete-image{transition:none}.mobile-infernal-bureaucrat:hover>.mobile-complete-image{transform:none}}


/* Paper Bastion: approved full-width sunset panorama. */
.game-hero-paper-bastion {height:auto;aspect-ratio:3/1;min-height:320px;background:#303a1e;}
.game-hero-paper-bastion .game-hero-image {object-position:right center;}
.game-hero-paper-bastion .game-hero-shade {background:linear-gradient(90deg,#1623139c 0%,#16231340 34%,transparent 56%);}
.game-hero-paper-bastion .game-hero-content {position:absolute;left:clamp(24px,5.5vw,160px);top:0;bottom:0;width:38%;max-width:none;margin:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;}
.game-hero-paper-bastion h1 {font-size:clamp(48px,5vw,104px);line-height:1.04;max-width:100%;}
.game-hero-paper-bastion .game-hero-content>p {font-size:clamp(19px,1.6vw,27px);max-width:100%;margin-top:20px;}
.game-hero-paper-bastion .hero-tag {line-height:1.7;}
@media(max-width:900px) {
 .game-hero-paper-bastion {aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;}
 .game-hero-paper-bastion .game-hero-image {position:relative;display:block;height:clamp(180px,50vw,360px);object-position:right center;}
 .game-hero-paper-bastion .game-hero-shade {top:0;bottom:auto;height:clamp(180px,50vw,360px);background:linear-gradient(0deg,#303a1e,transparent 25%);}
 .game-hero-paper-bastion .game-hero-content {position:relative;left:auto;top:auto;bottom:auto;width:auto;padding:20px 24px 32px;}
 .game-hero-paper-bastion h1 {font-size:clamp(45px,9vw,70px);}
 .game-hero-paper-bastion .game-hero-content>p {margin-top:14px;font-size:23px;}
}


/* Garden by the Drop: remove the decorative green backdrop. */
.mobile-drop-garden::before{display:none}

/* Monster Hotel: approved bedtime panorama, scoped to the game detail hero. */
.game-hero-monster-hotel{height:auto;aspect-ratio:3/1;min-height:340px;background:#341c2c}
.game-hero-monster-hotel .game-hero-image{width:100%;height:100%;right:auto;object-fit:cover;object-position:center;opacity:1}
.game-hero-monster-hotel .game-hero-shade{background:linear-gradient(90deg,#26132065 0%,#26132025 27%,transparent 42%)}
.game-hero-monster-hotel .game-hero-content{position:absolute;left:clamp(24px,5vw,150px);top:0;bottom:0;width:29%;max-width:none;margin:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center}
.game-hero-monster-hotel h1{font-size:clamp(44px,4.6vw,90px);line-height:1.06;max-width:100%}
.game-hero-monster-hotel .game-hero-content>p{font-size:clamp(19px,1.6vw,27px);max-width:100%;margin-top:20px}
.game-hero-monster-hotel .hero-tag{line-height:1.7}
@media(max-width:900px){
 .game-hero-monster-hotel{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
 .game-hero-monster-hotel .game-hero-image{position:relative;height:clamp(180px,42vw,340px);object-position:right center}
 .game-hero-monster-hotel .game-hero-shade{top:0;bottom:auto;height:clamp(180px,42vw,340px);background:linear-gradient(0deg,#341c2c,transparent 22%)}
 .game-hero-monster-hotel .game-hero-content{position:relative;left:auto;top:auto;bottom:auto;width:auto;padding:20px 24px 32px}
 .game-hero-monster-hotel h1{font-size:clamp(44px,9vw,70px)}
 .game-hero-monster-hotel .game-hero-content>p{font-size:23px;margin-top:14px}
}

/* Paper Bastion development milestones. */
.pb-development-history .pb-history-intro{max-width:780px;line-height:1.7;color:var(--muted);margin-bottom:30px;}
.pb-milestones{list-style:none;padding:0;margin:0;}
.pb-milestones li{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding:25px 0;border-top:1px solid var(--rule);}
.pb-milestones h3{font:700 27px/1.3 var(--display);margin-bottom:10px;}
.pb-milestones p{font-size:16px;line-height:1.7;max-width:760px;margin-bottom:16px;}
.post-header>.pb-post-period{font:12px/1.7 StudioSans,Arial,sans-serif;letter-spacing:1px;margin:20px 0;color:var(--muted);}
.post-cover.pb-journal-figure img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;}
@media(max-width:650px){.pb-milestones li{grid-template-columns:1fr;gap:12px;}.pb-milestones h3{font-size:24px;}}

/* Garden by the Drop: selected panoramic illustration. */
.game-hero-drop-garden{height:auto;aspect-ratio:3/1;min-height:320px;background:#182b1c}
.game-hero-drop-garden .game-hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
.game-hero-drop-garden .game-hero-shade{background:linear-gradient(90deg,#10241985 0%,#10241940 28%,transparent 45%)}
.game-hero-drop-garden .game-hero-content{position:absolute;left:clamp(24px,5vw,150px);top:0;bottom:0;width:32%;max-width:none;margin:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;text-shadow:0 2px 10px #08170d80}
.game-hero-drop-garden h1{font-size:clamp(44px,4.4vw,90px);line-height:1.06;max-width:100%;overflow-wrap:normal}
.game-hero-drop-garden .game-hero-content>p{font-size:clamp(19px,1.6vw,27px);max-width:100%;margin-top:20px}
.game-hero-drop-garden .hero-tag{line-height:1.7;letter-spacing:1.6px}
@media(max-width:900px){
 .game-hero-drop-garden{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
 .game-hero-drop-garden .game-hero-image{position:relative;inset:auto;height:clamp(180px,42vw,360px);object-position:right center}
 .game-hero-drop-garden .game-hero-shade{top:0;bottom:auto;height:clamp(180px,42vw,360px);background:linear-gradient(0deg,#182b1c,transparent 22%)}
 .game-hero-drop-garden .game-hero-content{position:relative;left:auto;top:auto;bottom:auto;width:auto;padding:20px 24px 32px;text-shadow:none}
 .game-hero-drop-garden h1{font-size:clamp(44px,9vw,70px)}
 .game-hero-drop-garden .game-hero-content>p{font-size:23px;margin-top:14px}
}

/* Infernal Bureaucrat: full-width office panorama. */
.game-hero-infernal-bureaucrat{width:100%;max-width:none;height:auto;min-height:320px;aspect-ratio:3/1;margin:0;overflow:hidden;background:#30241e;color:var(--paper-light)}
.game-hero-infernal-bureaucrat .game-hero-image{width:100%;height:100%;inset:0;object-fit:cover;object-position:center;opacity:1}
.game-hero-infernal-bureaucrat .game-hero-shade{display:block;background:linear-gradient(90deg,#201914c9 0%,#20191480 23%,#20191418 39%,transparent 52%)}
.game-hero-infernal-bureaucrat .game-hero-content{position:absolute;left:clamp(24px,5.5vw,160px);top:0;bottom:0;width:29%;max-width:none;margin:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;text-shadow:0 2px 8px #0005}
.game-hero-infernal-bureaucrat h1{font-size:clamp(46px,5vw,104px);line-height:1.04;letter-spacing:-1px;max-width:100%;overflow-wrap:normal}
.game-hero-infernal-bureaucrat .game-hero-content>p{font-size:clamp(19px,1.6vw,27px);line-height:1.45;max-width:100%;margin-top:20px}
.game-hero-infernal-bureaucrat .hero-tag{font-size:10px;line-height:1.7;letter-spacing:1.4px;margin-bottom:14px}
@media(max-width:900px){
 .game-hero-infernal-bureaucrat{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
 .game-hero-infernal-bureaucrat .game-hero-image{position:relative;display:block;height:clamp(180px,45vw,340px);aspect-ratio:auto;inset:auto;object-fit:cover;object-position:70% center;opacity:1}
 .game-hero-infernal-bureaucrat .game-hero-shade{top:0;bottom:auto;height:clamp(180px,45vw,340px);background:linear-gradient(0deg,#30241e,transparent 25%)}
 .game-hero-infernal-bureaucrat .game-hero-content{position:relative;left:auto;top:auto;bottom:auto;width:100%;padding:20px 24px 32px;text-shadow:none}
 .game-hero-infernal-bureaucrat h1{font-size:clamp(45px,9vw,70px);overflow-wrap:normal}
 .game-hero-infernal-bureaucrat .game-hero-content>p{font-size:23px;margin-top:14px}
 .game-hero-infernal-bureaucrat .hero-tag{font-size:9px;margin-bottom:12px}
}
/* 125th Floor: the approved claymation illustration (v2: frame from 348px of 1122); the hero's head and bat stand out over the frame. */
.poster-125th-floor .poster-art.poster-art-complete {
  height:auto; background:transparent; overflow:visible;
}
.poster-125th-floor .poster-complete-image {
  position:absolute; width:100%; max-width:none; height:126.649%; left:0; top:-26.649%; object-fit:fill; z-index:1;
}
.poster-125th-floor .poster-complete-heading {
  position:absolute; bottom:25px; left:23px; z-index:3; max-width:175px;
  font:700 43px/.95 var(--display); letter-spacing:-1px; text-transform:uppercase;
  color:var(--paper-light); text-shadow:2px 3px #0005;
}
@media(max-width:700px) {
  .poster-125th-floor .poster-complete-heading {font-size:49px; left:22px; bottom:26px; max-width:190px;}
}
@media(max-width:370px) {
  .poster-125th-floor .poster-complete-heading {font-size:44px; max-width:170px;}
}
/* Equal poster frames, as Paper Bastion's: the frame keeps the shared height, the picture its proportions. */
.poster-125th-floor .poster-art.poster-art-complete {
  container-type:inline-size; background:#25273a;
}
.poster-125th-floor .poster-complete-image {
  height:auto; top:calc(-100cqw * 348 / 1122); object-fit:contain;
  mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
}
/* In one column the bat rises higher than the neighbours' heroes: room above it for the card before. */
@media(max-width:780px){.main-projects .poster-125th-floor{margin-top:calc((100vw - 44px) * 333 / 1122 - 39px)}}
/* The owner's choice (14.11): over 125th Floor's raised bat the hand note stays on top. Stacking only, its look and place unchanged. */
#games:has(.poster-125th-floor) .section-title .hand-note{z-index:3}


/* Catalogue collection: approved studio catalogue, 14 November 2026. */
.catalog-page--collection{max-width:1440px;width:calc(100% - 96px);padding-top:35px;padding-bottom:65px}
.catalog-page--collection .catalog-collection-heading{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:27px;border-bottom:1px solid var(--rule);padding-bottom:27px;margin-bottom:31px}
.catalog-page--collection .catalog-collection-heading h1{font:700 clamp(43px,4.6vw,64px)/1.05 var(--display);text-transform:uppercase;letter-spacing:-1.5px;color:var(--red);white-space:nowrap}
.catalog-page--collection .catalog-collection-heading>p{font:italic 18px/1.6 var(--serif);padding-left:27px;border-left:1px solid var(--ink);max-width:350px}
.catalog-page--collection .catalog-collection-controls{padding:0;margin:0;border:0;gap:23px;align-items:center}
.catalog-page--collection .catalog-collection-controls button{font-size:18px;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
.catalog-page--collection .catalog-collection-controls button[aria-pressed=true]{border-color:var(--red)}
.catalog-page--collection .catalog-collection-controls small{font-size:10px;margin-left:5px}
.catalog-page--collection .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:0;align-items:stretch}
.catalog-page--collection .catalog-paper-card{min-width:0;--card-tilt:-.45deg;--catalog-position:50% 50%;filter:drop-shadow(0 3px 2px #322b2220)}
.catalog-page--collection .catalog-paper-card:nth-child(2n){--card-tilt:.45deg}
.catalog-page--collection .catalog-paper-card:nth-child(3n){--card-tilt:-.25deg}
.catalog-page--collection .catalog-paper-link{display:flex;flex-direction:column;height:100%;padding:10px 12px 14px;position:relative;isolation:isolate;transform:rotate(var(--card-tilt));transition:transform .2s ease,filter .2s ease;color:var(--ink);border-radius:4px}
.catalog-page--collection .catalog-paper-link::before{content:'';position:absolute;inset:0;z-index:-1;background-color:#f8f2e6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.055' filter='url(%23grain)'/%3E%3C/svg%3E");clip-path:polygon(.4% .5%,9% .2%,17% .6%,26% .1%,35% .5%,44% .15%,56% .55%,65% .1%,77% .45%,88% 0,99.5% .55%,99.8% 12%,99.5% 24%,100% 36%,99.6% 49%,99.9% 61%,99.5% 73%,100% 87%,99.45% 99.4%,88% 99.8%,76% 99.4%,65% 100%,53% 99.55%,41% 99.85%,29% 99.45%,17% 99.9%,6% 99.45%,.35% 99.8%,.1% 88%,.55% 75%,.05% 61%,.45% 47%,.05% 33%,.45% 19%);box-shadow:inset 0 0 0 1px #ffffffcc}
.catalog-page--collection .catalog-paper-link:hover,.catalog-page--collection .catalog-paper-link:focus-visible{transform:rotate(0) translateY(-4px)}
.catalog-page--collection .catalog-paper-top{display:flex;align-items:center;justify-content:space-between;font:italic 15px/1 var(--serif);padding:0 3px 9px;min-height:26px}
.catalog-page--collection .catalog-paper-mark{font:25px/.65 var(--serif);color:var(--red);transform:rotate(-12deg);padding-right:3px}
.catalog-page--collection .catalog-paper-art{aspect-ratio:1;overflow:hidden;border:1px solid #232220dd;background:#e2d8c4;flex:none;position:relative}
.catalog-page--collection .catalog-paper-art img{width:100%;height:100%;object-fit:cover;object-position:var(--catalog-position);transition:transform .3s ease}
.catalog-page--collection .catalog-paper-link:hover .catalog-paper-art img{transform:scale(1.025)}
.catalog-page--collection .catalog-paper-caption{padding:12px 3px 0;flex:1;display:flex;flex-direction:column}
.catalog-page--collection .catalog-paper-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding-bottom:9px}
.catalog-page--collection .catalog-paper-title-row h2{font:700 clamp(21px,1.8vw,29px)/1.1 var(--display);text-transform:uppercase;letter-spacing:-.65px;min-width:0;overflow-wrap:anywhere;margin:0}
.catalog-page--collection .catalog-paper-platform{font:500 11px/1.2 var(--display);letter-spacing:.3px;color:var(--red);border:1px solid currentColor;border-radius:2px;display:inline-block;padding:4px 6px;white-space:nowrap;transform:rotate(-2deg);flex:none;margin-top:2px}
.catalog-page--collection .catalog-paper-meta{border-top:1px solid #a89e8877;padding-top:9px;margin-top:auto;display:flex;gap:7px 9px;flex-wrap:wrap;align-items:baseline}
.catalog-page--collection .catalog-paper-meta p{font:12px/1.5 var(--serif);margin:0;color:#555045;flex:1 1 130px;max-width:none}
.catalog-page--collection .catalog-paper-status{font:italic 12px/1.5 var(--serif);color:var(--red);white-space:nowrap}
.catalog-page--collection .catalog-paper-status::before{content:'·';padding-right:7px;color:var(--ink)}
.catalog-page--collection .catalog-paper-card--final-heroes{--catalog-position:72% 50%}
.catalog-page--collection .catalog-paper-card--paper-bastion{--catalog-position:80% 50%}
.catalog-page--collection .catalog-collection-note{font:13px/1.7 var(--serif);color:var(--muted);margin-top:34px;border-top:1px solid var(--rule);padding-top:19px}
@media(min-width:1051px) and (max-width:1250px){.catalog-page--collection .catalog-collection-heading{grid-template-columns:auto 1fr}.catalog-page--collection .catalog-collection-heading>p{justify-self:end}.catalog-page--collection .catalog-collection-controls{grid-column:1/-1}.catalog-page--collection .catalog-paper-title-row{display:block}.catalog-page--collection .catalog-paper-platform{margin-top:8px}}
@media(max-width:1050px){.catalog-page--collection{width:calc(100% - 64px);padding-top:24px}.catalog-page--collection .catalog-collection-heading{grid-template-columns:1fr auto;gap:18px}.catalog-page--collection .catalog-collection-heading>p{grid-column:1/-1;grid-row:2;padding-left:0;border:0;max-width:none;font-size:17px}.catalog-page--collection .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.catalog-page--collection .catalog-paper-title-row{display:block}.catalog-page--collection .catalog-paper-platform{margin-top:8px}.catalog-page--collection .catalog-paper-title-row h2{font-size:26px}}
@media(max-width:700px){.catalog-page--collection{width:calc(100% - 32px);padding-top:20px;padding-bottom:36px}.catalog-page--collection .catalog-collection-heading{grid-template-columns:1fr;gap:13px;padding-bottom:18px;margin-bottom:22px}.catalog-page--collection .catalog-collection-heading h1{font-size:45px}.catalog-page--collection .catalog-collection-heading>p{grid-column:auto;grid-row:auto;font-size:16px;line-height:1.5}.catalog-page--collection .catalog-collection-controls{gap:25px;justify-content:flex-start}.catalog-page--collection .catalog-collection-controls button{font-size:17px}.catalog-page--collection .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px}.catalog-page--collection .catalog-paper-link{padding:8px 8px 11px}.catalog-page--collection .catalog-paper-top{font-size:13px;padding-bottom:7px;min-height:23px}.catalog-page--collection .catalog-paper-caption{padding:10px 2px 0}.catalog-page--collection .catalog-paper-title-row h2{font-size:23px;line-height:1.12;letter-spacing:-.4px}.catalog-page--collection .catalog-paper-platform{font-size:10px;padding:3px 5px;margin-top:7px}.catalog-page--collection .catalog-paper-meta{padding-top:7px;gap:3px}.catalog-page--collection .catalog-paper-meta p{font-size:11px;flex-basis:100%}.catalog-page--collection .catalog-paper-status{font-size:11px}.catalog-page--collection .catalog-paper-status::before{display:none}.catalog-page--collection .catalog-collection-note{font-size:12px;margin-top:25px}}
@media(max-width:359px){.catalog-page--collection{width:calc(100% - 24px)}.catalog-page--collection .catalog-grid{gap:17px 11px}.catalog-page--collection .catalog-paper-title-row h2{font-size:20px}.catalog-page--collection .catalog-collection-controls{gap:18px}}
@media(prefers-reduced-motion:reduce){.catalog-page--collection .catalog-paper-link,.catalog-page--collection .catalog-paper-art img{transition:none}.catalog-page--collection .catalog-paper-link:hover,.catalog-page--collection .catalog-paper-link:focus-visible{transform:none}}



/* Home hand note: leave clear space above and left of the raised bat. */
@media(min-width:1101px){
 #games.featured>.section-title>.hand-note{left:-130px;top:-85px}
}


/* Catalogue genre stamps: combined platform and genre filtering. */
.catalog-page--collection .catalog-genre-filters{margin-top:-8px;margin-bottom:27px;padding-bottom:17px;border-bottom:1px solid var(--rule)}
.catalog-page--collection .catalog-genre-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.catalog-page--collection .catalog-genre-label{font:10px/1.5 StudioSans,Arial,sans-serif;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin-right:8px}
.catalog-page--collection .catalog-genre-button{font:500 14px/1.25 var(--display);letter-spacing:.15px;background:transparent;color:var(--ink);padding:7px 8px;border:1px solid #79756877;border-radius:2px;transition:background .15s,color .15s,border-color .15s}
.catalog-page--collection .catalog-genre-button:hover{border-color:var(--red);color:var(--red);background:#f8f2e6}
.catalog-page--collection .catalog-genre-button[aria-pressed=true]{border-color:var(--red);background:var(--red);color:var(--paper-light)}
.catalog-page--collection .catalog-filter-count{font:11px/1.6 StudioSans,Arial,sans-serif;color:var(--muted);text-align:right;margin-top:10px}
.catalog-page--collection .catalog-no-results{padding:45px 24px;text-align:center;background:#f8f2e6;border:1px solid var(--rule)}
.catalog-page--collection .catalog-no-results p{font:18px/1.7 var(--serif);max-width:500px;margin:0 auto 20px}
.catalog-page--collection .catalog-no-results button{font:500 16px/1.3 var(--display);border:1px solid var(--red);padding:9px 17px;background:transparent;color:var(--red)}
.catalog-page--collection .catalog-no-results button:hover{color:var(--paper-light);background:var(--red)}
@media(max-width:700px){.catalog-page--collection .catalog-genre-filters{margin-top:-4px;margin-bottom:22px;padding-bottom:13px}.catalog-page--collection .catalog-genre-controls{gap:7px 6px}.catalog-page--collection .catalog-genre-label{flex-basis:100%;margin:0 0 2px}.catalog-page--collection .catalog-genre-button{font-size:14px;padding:7px 9px}.catalog-page--collection .catalog-filter-count{font-size:10px;margin-top:9px}.catalog-page--collection .catalog-no-results{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){.catalog-page--collection .catalog-genre-button{transition:none}}
/* 125th Floor: approved full-width corridor banner (game page hero). */
.game-hero-125th-floor {height:auto;aspect-ratio:3/1;min-height:320px;background:#16151a;}
.game-hero-125th-floor .game-hero-image {object-position:right center;}
.game-hero-125th-floor .game-hero-shade {background:linear-gradient(90deg,#0e0d12b0 0%,#0e0d1250 34%,transparent 56%);}
.game-hero-125th-floor .game-hero-content {position:absolute;left:clamp(24px,5.5vw,160px);top:0;bottom:0;width:38%;max-width:none;margin:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;}
.game-hero-125th-floor h1 {font-size:clamp(48px,5vw,104px);line-height:1.04;max-width:100%;}
.game-hero-125th-floor .game-hero-content>p {font-size:clamp(19px,1.6vw,27px);max-width:100%;margin-top:20px;}
.game-hero-125th-floor .hero-tag {line-height:1.7;}
@media(max-width:900px) {
 .game-hero-125th-floor {aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;}
 .game-hero-125th-floor .game-hero-image {position:relative;display:block;height:clamp(180px,50vw,360px);object-position:right center;}
 .game-hero-125th-floor .game-hero-shade {top:0;bottom:auto;height:clamp(180px,50vw,360px);background:linear-gradient(0deg,#16151a,transparent 25%);}
 .game-hero-125th-floor .game-hero-content {position:relative;left:auto;top:auto;bottom:auto;width:auto;padding:20px 24px 32px;}
 .game-hero-125th-floor h1 {font-size:clamp(45px,9vw,70px);}
 .game-hero-125th-floor .game-hero-content>p {margin-top:14px;font-size:23px;}
}