@font-face{font-family:Space;src:url('assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--desk:#dcd7d0;--paper:#eee9dc;--ink:#242126;--red:#c63549;--pink:#a53274;--cyan:#408f92;--violet:#75578b;--hand:Caveat,'Segoe Print',cursive;--type:Space,Arial,sans-serif;--paper-grain: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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' filter='url(%23p)' opacity='.08'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:auto}body{margin:0;background:var(--desk);color:var(--ink);font-family:var(--type);font-size:15px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 40% 20%,#faf8f2c0,transparent 65%),linear-gradient(120deg,#ffffff20,#9b939329)}body:before{content:'';position:fixed;inset:0;background-image:var(--paper-grain);opacity:.17;pointer-events:none;z-index:100}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:0;background:none}button:disabled{opacity:.28;cursor:default}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink);outline-offset:5px}img,video{display:block;max-width:100%}p,h1,h2,h3,figure,dl,dd{margin:0}p{line-height:1.65}h2,h3{font-weight:700}em{font-weight:700;font-style:normal;font-family:var(--hand);color:var(--pink)}[hidden]{display:none!important}::selection{background:#bfcede;color:#242126}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.hand{font-family:var(--hand);font-size:25px;font-weight:600;line-height:1.05}.skip-link{position:fixed;top:-80px;left:20px;z-index:120;background:var(--paper);padding:12px}.skip-link:focus{top:12px}
.desk-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 3.5% 0;font-size:10px;font-weight:600;letter-spacing:.1em;gap:20px;position:relative;z-index:1}.desk-heading>span:last-child{font-size:9px;color:#716865}.desk{min-height:calc(100svh - 50px);padding:38px 0 25px;display:flex;align-items:center;justify-content:center;position:relative;overflow:clip}.book-scene{width:min(1160px,calc(100vw - 210px));position:relative;perspective:1900px;z-index:2}.book-object{height:clamp(590px,calc(100svh - 205px),735px);position:relative;transform:rotate(-5deg) rotateX(5deg) rotateY(-3deg);transform-style:preserve-3d;isolation:isolate;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(5px 28px 17px #3c2b2528)}.book-open .book-object{transform:rotate(-.5deg)}
.paper-stack{position:absolute;inset:4px -7px -9px 4px;background:repeating-linear-gradient(0deg,#bcb4a8 0 1px,#ebe6d9 1px 3px);border:1px solid #a29a90;border-radius:2px 8px 8px 3px;box-shadow:2px 2px 2px #493b3340,8px 22px 26px #53443a26;transform:translateZ(-5px)}.paper-stack:after{content:'';position:absolute;inset:4px -4px -5px 0;border-bottom:5px solid #b32b3f;border-right:3px solid #962335;border-radius:0 7px 6px 0;z-index:-1}.red-binding{position:absolute;left:-3px;top:0;bottom:-2px;width:26px;background:linear-gradient(90deg,#a21d31,#d24a56 45%,#c12d41 85%,#872337);box-shadow:1px 0 3px #4b161a70;z-index:15;transform:translateZ(3px)}
.book-pages{position:absolute;inset:0;background:var(--paper);perspective:1800px;border-radius:2px 5px 4px 0;box-shadow:inset 20px 0 12px #645c4d1c,inset -2px 0 #b9afa2;isolation:isolate}.folio{position:absolute;inset:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:29px 43px 35px 53px;background-color:var(--paper);background-image:var(--paper-grain),linear-gradient(90deg,#7a6e5720,transparent 4%,transparent 96%,#8974580a);scrollbar-width:thin;scrollbar-color:#8f807255 transparent;border:1px solid #ccc4b6;border-radius:2px 5px 4px 0;touch-action:pan-y;overscroll-behavior:contain}.folio:before{content:'';position:absolute;left:50%;top:60px;bottom:30px;width:1px;background:#75644c0a;pointer-events:none}.folio-meta,.folio-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;font-weight:600;letter-spacing:.075em;line-height:1.5}.folio-meta{padding-bottom:19px;border-bottom:1px solid #463c312b}.folio-meta>span:last-child{text-align:right}.folio-footer{margin-top:25px;border-top:1px solid #463c3124;padding-top:12px;color:#6d6158;font-size:9px}.folio-footer>span:last-child{font-family:var(--hand);font-size:23px;transform:rotate(-7deg);color:var(--ink)}.folio-layout{display:grid;gap:6%;min-height:calc(100% - 99px);padding-top:28px}.ink-title{font-size:clamp(37px,4.25vw,62px);line-height:.98;letter-spacing:-.065em}.ink-title em{font-size:1.12em;letter-spacing:-.045em;line-height:.9;display:inline-block;transform:rotate(-2deg);position:relative}.ink-title em:after{content:'';height:2px;background:currentColor;position:absolute;left:0;right:0;bottom:-6px;transform:rotate(-1deg);clip-path:polygon(0 25%,97% 0,100% 100%,2% 70%)}.small-tag{font-size:22px;color:#6e6458;display:block;margin-bottom:15px;transform:rotate(-3deg)}.intro-layout{grid-template-columns:49% 45%}.intro-copy>p{font-size:14px;max-width:445px;margin:24px 0 19px}.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.game-facts .genre-fact{grid-column:1/-1}.game-facts dt{font-size:9px;font-weight:700;letter-spacing:.06em;color:#6e635a;margin-bottom:3px}.game-facts dd{font-size:12px;line-height:1.35;font-weight:600}.genre-fact dd{font-size:14px;max-width:405px}.intro-collage{position:relative;min-height:440px}
.taped-photo{position:relative;background:#f4f1e7;padding:8px 8px 30px;box-shadow:2px 4px 7px #34271524;border:1px solid #cbc0b150;isolation:isolate}.taped-photo:before,.taped-photo:after{content:'';position:absolute;z-index:3;top:-11px;width:68px;height:24px;background:#cabd9aac;box-shadow:0 1px 2px #87795830;clip-path:polygon(2% 0,100% 8%,96% 100%,0 91%);pointer-events:none}.taped-photo:before{left:18px;transform:rotate(-13deg)}.taped-photo:after{right:12px;transform:rotate(9deg);width:50px}.taped-photo>img,.taped-photo>video{width:100%;object-fit:cover}.taped-photo figcaption{position:absolute;bottom:7px;left:10px;right:7px;font-family:var(--hand);font-size:17px;line-height:1;color:#575047}.photo-button{position:relative;display:block;width:100%;padding:0;overflow:hidden;text-align:left}.photo-button img{width:100%;object-fit:cover}.photo-button>span{position:absolute;right:6px;bottom:5px;color:var(--paper);background:#242126b5;padding:0 5px;font-size:20px}.city-print{position:absolute;width:100%;top:13px;transform:rotate(5deg);padding-bottom:30px}.city-print img{aspect-ratio:16/10}.maikol-sticker{position:absolute;height:345px;width:auto;left:10%;bottom:-3px;filter:url('#comic-character');transform:rotate(-6deg);z-index:3}.vinyl-sticker{transition:rotate .3s,translate .3s;will-change:auto}.vinyl-sticker:hover{rotate:5deg;translate:0 -3px}.chile-sticker{position:absolute;right:0;bottom:20px;width:111px;height:111px;border-radius:50%;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(125deg,#d9e9dd,#c5d5e6 23%,#d2c3e4 50%,#e5d8ad 72%,#b3d8cd);background-size:220% 220%;border:2px solid #f6eee0;outline:1px solid #a5a69d;box-shadow:2px 4px 6px #2f233324;transform:rotate(12deg);z-index:5}.chile-sticker strong{font-size:18px;font-weight:700;line-height:.95;letter-spacing:-.05em;margin:5px 0}.chile-sticker>span{font-size:6px;font-weight:700;letter-spacing:.02em}.collage-note{position:absolute;bottom:8px;left:-16%;z-index:4;font-size:24px;transform:rotate(-8deg);color:var(--pink);max-width:220px}
.movement-layout{grid-template-columns:57% 37%;align-items:center}.movement-photos{position:relative;padding-top:15px}.motion-print{transform:rotate(-3deg)}.motion-print video{aspect-ratio:16/10;object-fit:cover}.photo-pair{display:flex;gap:15px;width:87%;margin:14px auto 0}.photo-pair>.photo-button{padding:5px 5px 15px;background:#f7f1e4;box-shadow:2px 4px 5px #54453622;transform:rotate(5deg)}.photo-pair>.photo-button:nth-child(2){transform:rotate(-5deg)}.photo-pair img{aspect-ratio:16/10}.movement-copy .ink-title{font-size:clamp(35px,3.9vw,56px)}.movement-copy h3{font-size:20px;font-weight:600;letter-spacing:-.04em;line-height:1.1;margin-top:24px}.movement-copy p{font-size:14px;margin:13px 0 20px}.key-guide{display:grid;gap:9px;font-size:12px}.key-guide>span{display:flex;gap:13px;align-items:center}.key-guide kbd{min-width:70px;font:600 10px var(--type);padding:5px 8px;border:1px solid #6c625a;box-shadow:2px 2px 0 #6c625a33;background:#f6f1e5;transform:rotate(-2deg)}.drawn-arrow{width:140px;height:55px;margin:6px 0 0 -15px;fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.corner-note{color:var(--pink);font-size:24px;display:block;transform:rotate(-4deg)}
.paint-folio{background-color:#e9e3d6}.paint-layout{grid-template-columns:41% 53%;align-items:start}.paint-copy .ink-title{font-size:clamp(35px,3.8vw,54px)}.paint-copy>p{font-size:14px;margin-top:23px}.colour-tests{display:flex;gap:8px;margin-top:16px}.colour-tests i{width:42px;height:22px;background:var(--pink);border-radius:50% 10% 40% 15%;transform:rotate(-15deg);opacity:.85}.colour-tests i:nth-child(2){background:#6c5086;rotate:7deg}.colour-tests i:nth-child(3){background:#418e95;rotate:-4deg}.colour-tests i:nth-child(4){background:#acb65c;rotate:10deg}.colour-tests i:nth-child(5){background:#d29a4c;rotate:-8deg}.paint-copy>.hand{font-size:19px;margin-top:6px;display:block}.paint-detail{margin-top:22px;width:91%;transform:rotate(-4deg)}.paint-detail img{aspect-ratio:16/9}.paint-detail figcaption{font-size:14px}.blackbook-collage{padding-top:4px}.blackbook-note{display:block;text-align:right;color:var(--pink);margin-bottom:21px;transform:rotate(2deg)}.blackbook-print{transform:rotate(3deg);width:100%;padding-bottom:25px}.blackbook-print img{aspect-ratio:16/9}.freehand-print{width:53%;margin-top:-6px;margin-left:13px;transform:rotate(-8deg);padding-bottom:8px;z-index:2}.freehand-print img{aspect-ratio:16/10}.freehand-print:after{display:none}.paint-caption{font-size:12px;max-width:290px;margin:14px 0 0 18px;line-height:1.5}
.film-folio{background-color:#e2ddd2}.film-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:24px 0 21px}.film-heading .ink-title{font-size:clamp(35px,4vw,58px);line-height:1.04}.film-heading>.hand{font-size:22px;max-width:200px;transform:rotate(3deg)}.film-frame{background:#252226;padding:0 11px;transform:rotate(-.7deg);box-shadow:4px 6px 9px #44352e27}.film-perforations{height:19px;background-image:repeating-linear-gradient(90deg,transparent 0 10px,#e5dfd0 10px 20px,transparent 20px 35px);background-size:auto 8px;background-repeat:repeat-x;background-position:center}.film-frame video,.gameplay-frame video{width:100%;aspect-ratio:16/9;background:#15131a;object-fit:contain}.film-notes{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}.film-notes p{font-size:10px;max-width:280px;text-transform:uppercase;letter-spacing:.04em}.film-notes>.hand{font-size:23px;max-width:270px;transform:rotate(-2deg);color:var(--pink)}.film-folio .folio-footer,.gameplay-folio .folio-footer{margin-top:17px}.gameplay-folio{background-color:#ede8dd}.gameplay-frame{position:relative;padding:7px;background:#f6f0e4;border:1px solid #c6bbac;box-shadow:3px 5px 7px #44352e20;transform:rotate(.45deg)}.gameplay-frame:before{content:'';position:absolute;width:90px;height:23px;background:#d1c2a8c0;top:-12px;right:15%;rotate:-5deg;z-index:2;pointer-events:none}.rec-note{position:absolute;top:18px;left:20px;background:#231f24c9;color:#f4f0e6;padding:4px 7px;font-size:9px;font-weight:600;pointer-events:none}.gameplay-notes{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:19px}.gameplay-notes p{font-size:12px;max-width:65%;line-height:1.5}.gameplay-notes>.hand{font-size:22px;color:var(--pink);transform:rotate(3deg)}.media-error{margin-top:10px;font-size:12px;color:#a42541}
.archive-folio{background-color:#ece6d8}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0 25px}.archive-heading .ink-title{font-size:clamp(35px,3.7vw,52px)}.archive-heading>.hand{font-size:21px;transform:rotate(3deg);color:#75675a}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 20px;padding:10px 8px 18px}.archive-grid figure{padding:7px 7px 23px;background:#f7f2e7;box-shadow:2px 4px 6px #51433825;position:relative;transform:rotate(var(--photo-angle,-2deg))}.archive-grid figure:nth-child(even){--photo-angle:2deg}.archive-grid figure:nth-child(3n){--photo-angle:-1deg}.archive-grid figure:before{content:'';position:absolute;width:45px;height:17px;background:#c5b9959e;left:27%;top:-6px;rotate:-5deg;z-index:2;pointer-events:none}.archive-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.archive-grid figcaption{font-size:11px;margin-top:7px;line-height:1.3;font-family:var(--hand);font-size:17px}.archive-grid figcaption small{font:9px var(--type);color:#7e7469;margin-right:4px}
.demo-layout{grid-template-columns:49% 45%;align-items:center}.demo-copy .ink-title{font-size:clamp(44px,5.6vw,80px)}.demo-copy>p{font-size:14px;max-width:390px;margin-top:23px}.paper-button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#27232b;color:#f2edde;border:1px solid #27232b;padding:19px 20px;font-size:12px;font-weight:700;box-shadow:4px 4px 0 #b8324c;transform:rotate(-1deg);transition:translate .2s,box-shadow .2s;margin-top:26px;max-width:410px;position:relative}.paper-button:hover{translate:0 -3px;box-shadow:6px 7px 0 #b8324c}.paper-button>span:last-child{font-size:29px;font-weight:400;line-height:1}.download-meta{display:flex;gap:13px;margin:16px 0 22px;font-size:9px;font-weight:600}.demo-copy .download-note{font-size:12px;line-height:1.65}.demo-copy .download-status{font-size:12px;color:#9f2d56;margin-top:10px}.demo-art{position:relative;min-height:450px}.mask-print{position:absolute;left:4%;top:8%;width:88%;transform:rotate(5deg);padding-bottom:35px}.mask-print img{height:330px;object-fit:cover;object-position:center}.mask-print figcaption{font:600 9px var(--type);letter-spacing:.15em;bottom:11px}.fs-vinyl{position:absolute;bottom:-5px;left:-5%;width:150px;height:150px;object-fit:contain;transform:rotate(-12deg);background:#0b0a0b;padding:7px;border:3px solid #f0e5cd;box-shadow:3px 5px 7px #32202330;z-index:3}.demo-note{position:absolute;bottom:10px;right:-2%;font-size:26px;rotate:-5deg;color:var(--pink)}
.studio-layout{grid-template-columns:58% 36%;align-items:center}.studio-copy .ink-title{font-size:clamp(35px,4.3vw,61px)}.studio-copy .ink-title em{line-height:.92;margin-top:8px}.studio-copy>p{font-size:14px;max-width:490px;margin-top:28px}.contact{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}.contact>span{font-size:9px;font-weight:700;letter-spacing:.07em;margin-bottom:3px}.contact a{font-size:13px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.studio-collage{position:relative;padding:15px 0 0}.studio-mark{width:70%;max-width:210px;margin:auto;background:#100d11;padding:13px 20px 24px;transform:rotate(6deg);box-shadow:5px 6px 7px #37262e26;border:2px solid #f3eee5}.studio-mark img{width:100%;height:260px;object-fit:contain}.studio-mark figcaption{color:#f4e9df;font-size:9px;letter-spacing:.12em;text-align:center;margin-top:12px}.studio-note{font-size:27px;transform:rotate(-6deg);display:block;margin-top:23px;color:var(--pink)}.studio-wordmark{width:100%;filter:invert(1);margin:25px auto 0;transform:rotate(-3deg)}
.book-cover{position:absolute;inset:0;transform-origin:12px 50%;transform-style:preserve-3d;z-index:30;transition:transform 1.25s cubic-bezier(.25,.65,.15,1),opacity .3s .8s;transform:translateZ(7px) rotateY(0deg);border-radius:2px 5px 4px 0}.cover-front,.cover-inner{position:absolute;inset:0;backface-visibility:hidden;border-radius:2px 5px 4px 0}.cover-front{overflow:hidden;background:linear-gradient(125deg,#dad2cec9,#c3b9b9f5 55%,#d1c7c5e8);border:1px solid #b0a5a3;box-shadow:inset 2px 2px 2px #f7f5f0b0,inset -2px -1px 2px #7b6c6c60;padding:40px 45px 35px 58px}.cover-front:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#ffffff48 30%,transparent 48%,#b07c8320 80%);pointer-events:none}.cover-front:after{content:'';position:absolute;inset:0;background-image:var(--paper-grain);opacity:.4;pointer-events:none}.cover-wash{position:absolute;inset:0;background:url('assets/maikol-closeup.webp') center/cover;opacity:.045;filter:grayscale(1) blur(3px);mix-blend-mode:multiply;pointer-events:none}.cover-inner{background:linear-gradient(90deg,#a39b96,#c1b7af);transform:rotateY(180deg);border:1px solid #a0978a}.cover-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:700;line-height:1.25;letter-spacing:.015em;position:relative;z-index:1}.cover-meta>span:last-child{text-align:right}.cover-front h1{font-size:clamp(88px,10.9vw,158px);font-weight:700;letter-spacing:-.087em;line-height:.85;margin:40px 0 17px -8px;filter:blur(.65px);color:#27232b;transform:rotate(-.7deg)}.cover-subtitle{font-size:clamp(16px,2.4vw,34px);font-weight:700;line-height:.97;letter-spacing:-.055em;position:relative;z-index:1;margin-top:10px}.cover-wordmark{position:absolute;left:59%;bottom:30%;width:32%;filter:invert(1) blur(.25px);opacity:.75;transform:rotate(-7deg)}.cover-edition{display:flex;justify-content:space-between;position:absolute;bottom:35px;left:58px;right:45px;font-size:8px;font-weight:700;line-height:1.3;letter-spacing:.03em}.cover-edition>span:last-child{text-align:right}.open-book{position:absolute;right:43px;bottom:78px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 16px;border:1px solid #35303880;background:#ffffff18;font-size:10px;font-weight:700;min-width:240px;transition:background .25s,translate .25s;z-index:4}.open-book>span:last-child{font-size:25px;line-height:1;font-weight:400}.open-book:hover{background:#f2ede7aa;translate:0 -3px}.book-open .book-cover{transform:translateZ(8px) rotateY(-168deg);opacity:0;pointer-events:none}.book-open .book-cover .cover-front{pointer-events:none}.book-cover.is-closing{opacity:1;transition:transform 1.1s cubic-bezier(.2,.65,.15,1),opacity .1s}
.spiral{position:absolute;inset:13px auto 13px -23px;width:49px;z-index:40;pointer-events:none;transform:translateZ(16px)}.spiral i{position:absolute;top:calc(var(--ring)*100%/19);left:0;width:47px;height:15px;border:3px solid #383737;border-left-color:#b0b1aa;border-top-color:#777973;border-bottom-color:#29292a;border-radius:50%;transform:rotate(-14deg);box-shadow:0 2px 1px #fff6,inset 0 1px 1px #ffffffb0,4px 3px 3px #17131455;background:linear-gradient(180deg,transparent 30%,#a4a39b35 60%,transparent 70%)}.spiral i:before{content:'';position:absolute;right:-7px;top:0;width:9px;height:9px;border-radius:50%;background:#3d2728;box-shadow:inset 0 1px 2px #000,1px 1px 1px #d77a7c;z-index:-1}
.book-tabs{position:absolute;top:47px;left:100%;width:70px;display:flex;flex-direction:column;gap:6px;z-index:-1;opacity:0;translate:-30px 0;transition:opacity .4s .65s,translate .5s .55s}.book-open .book-tabs{opacity:1;translate:0 0}.book-tabs a{position:relative;display:block;padding:11px 8px 10px 13px;font-size:8px;font-weight:700;background:var(--tab);box-shadow:2px 2px 3px #4f3b3227;clip-path:polygon(0 0,94% 2%,100% 13%,98% 92%,89% 100%,0 97%);transform:rotate(var(--tab-angle,1deg));transition:translate .2s;white-space:nowrap}.book-tabs a:nth-child(2n){--tab-angle:-2deg}.book-tabs a:hover,.book-tabs a[aria-current=page]{translate:8px 0}.book-tabs a[aria-current=page]{font-weight:700;box-shadow:inset 3px 0 #24212680}.book-toolbar{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:5;font-size:9px;letter-spacing:.06em}.book-utility,.book-settings,.page-navigation{display:flex;align-items:center;gap:20px}.book-toolbar button{font-size:9px;font-weight:600;padding:9px 2px;letter-spacing:.045em}.book-settings{gap:18px}.page-navigation{gap:16px;min-width:250px;justify-content:center}.page-navigation button{width:35px;height:34px;border:1px solid #6f635b60;font-size:23px;line-height:1;transition:background .2s}.page-navigation button:hover:not(:disabled){background:#f1ece4}.page-navigation>span{min-width:148px;text-align:center;font-size:9px;font-weight:600;letter-spacing:.06em}.book-hint{text-align:center;font-size:10px;color:#7e7167;margin:15px auto 0;line-height:1.4}.desk-note{position:absolute;left:2.5%;top:16%;font-family:var(--hand);font-size:26px;line-height:1.05;transform:rotate(-10deg);color:#716260;z-index:0;pointer-events:none}.note-arrow{font-family:var(--hand);font-size:55px;display:block;margin-left:40px;line-height:1}.desk-pencil{position:absolute;width:290px;height:13px;background:linear-gradient(0deg,#763445,#c4626e 45%,#ce7e85 58%,#8a3d4d);bottom:75px;left:-60px;border-radius:3px;transform:rotate(-24deg);box-shadow:2px 5px 5px #37232124;font-size:5px;color:#f6d7c9;letter-spacing:.12em;text-align:right;padding:3px 15px;pointer-events:none}.desk-pencil:after{content:'';position:absolute;right:-27px;top:0;bottom:0;width:28px;background:linear-gradient(90deg,#cfaf80 0 65%,#3e3031 65%);clip-path:polygon(0 0,100% 50%,0 100%)}
.turn-sheet{position:absolute;inset:0;z-index:20;transform-origin:14px 50%;transform-style:preserve-3d;pointer-events:none;will-change:transform}.turn-front,.turn-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:2px 5px 5px 0}.turn-front{background:var(--paper);box-shadow:8px 8px 20px #29202350}.turn-front .folio{display:block!important;overflow:hidden;pointer-events:none}.turn-back{transform:rotateY(180deg);background-color:#e8e1d2;background-image:var(--paper-grain),linear-gradient(90deg,#685a3b22,transparent 10%,#fff2 80%);border:1px solid #c9beaa;box-shadow:-10px 0 35px #3c2b2440}.turn-back:after{content:'FLOWSTATE / FIELD NOTES';position:absolute;bottom:30px;right:35px;font-size:9px;letter-spacing:.2em;color:#a99a8355}.turn-front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#21131820,transparent 24%,transparent 65%,#ffffff46);mix-blend-mode:multiply;pointer-events:none}.book-object.is-turning{cursor:progress}
dialog{color:var(--ink);border:1px solid #a79a89;padding:24px 28px;max-height:90svh;overflow:auto}dialog::backdrop{background:#2820269c;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:23px}.dialog-top>button{padding:8px;font-size:12px;min-width:34px;border:1px solid #76685960}.index-dialog{width:min(540px,91vw);background-color:var(--paper);background-image:var(--paper-grain);transform:rotate(-1deg);box-shadow:8px 11px 0 #b6324c}.index-dialog>.hand{font-size:22px}.index-dialog h2{font-size:49px;line-height:.95;letter-spacing:-.06em;margin:20px 0 27px}.index-dialog h2 em{font-size:1.22em}.index-dialog nav{display:grid}.index-dialog nav a{padding:13px 2px;border-top:1px solid #6d5f4e30;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;font-weight:500}.index-dialog nav a:before{content:attr(data-number);font-size:11px;color:#9f2e56;margin-right:8px}.index-dialog nav a:after{content:'↗';margin-left:auto}.index-dialog nav a:hover{color:var(--pink)}.index-footnote{display:block;font-size:9px;letter-spacing:.12em;margin-top:22px}.gallery-dialog{background:#201c24;color:#eee9dc;width:min(1130px,94vw);border-color:#9b8e95}.gallery-dialog::backdrop{background:#1b1424e8}.gallery-dialog>img{width:100%;max-height:71svh;object-fit:contain}.lightbox-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.lightbox-footer p{font-size:13px;text-align:center}.lightbox-footer button{font-size:24px;border:1px solid #eee9dc60;min-width:40px;height:38px}.gallery-dialog .dialog-top button{border-color:#eee9dc60;font-size:10px}
@media(min-width:1650px){.book-scene{width:min(1260px,calc(100vw - 260px))}.book-object{height:min(770px,calc(100svh - 210px))}.folio{padding-inline:65px 55px}.ink-title{font-size:66px}.intro-copy>p{font-size:15px}.maikol-sticker{height:390px}.intro-collage{min-height:490px}.game-facts dd{font-size:13px}.genre-fact dd{font-size:15px}.cover-front h1{font-size:170px}.movement-copy .ink-title{font-size:62px}.film-heading .ink-title{font-size:59px}.film-frame,.gameplay-frame{max-width:1060px;margin-inline:auto}}
@media(max-width:1180px) and (min-width:768px){.book-scene{width:calc(100vw - 150px)}.book-object{height:650px}.folio{padding:24px 30px 28px 40px}.ink-title{font-size:42px}.intro-copy>p{font-size:13px}.game-facts{gap:10px}.intro-collage{min-height:420px}.maikol-sticker{height:300px;bottom:30px}.chile-sticker{width:91px;height:91px;right:-12px}.chile-sticker strong{font-size:16px}.collage-note{font-size:21px;left:-6%;bottom:4px}.cover-front h1{font-size:125px}.movement-layout{grid-template-columns:53% 41%}.movement-copy .ink-title{font-size:40px}.movement-copy p{font-size:13px}.paint-copy .ink-title{font-size:39px}.paint-copy>p{font-size:13px}.film-heading .ink-title{font-size:42px}.film-heading>.hand{font-size:20px}.archive-heading .ink-title{font-size:39px}.demo-copy .ink-title{font-size:62px}.mask-print img{height:300px}.studio-copy .ink-title{font-size:42px}.studio-copy>p{font-size:13px}.studio-mark img{height:210px}.studio-note{font-size:23px}.contact a{font-size:12px}.desk-note{display:none}}
@media(max-width:767px){
  .desk-heading{margin:19px 20px 0;gap:15px;font-size:8px;letter-spacing:.05em}.desk-heading>span:last-child{font-size:7px;text-align:right;max-width:110px}.desktop-only{display:none}.desk{padding:35px 0 25px;align-items:flex-start;min-height:calc(100svh - 50px);overflow:clip}.book-scene{width:calc(100vw - 48px);margin-left:8px}.book-object{height:max(510px,calc(100svh - 205px));transform:rotate(-3deg) rotateX(2deg);filter:drop-shadow(3px 14px 10px #3c2b252c)}.book-open .book-object{transform:rotate(0deg)}.folio{padding:21px 20px 25px 29px;border-radius:1px 4px 4px 0}.folio:before{display:none}.folio-meta{font-size:8px;gap:10px;padding-bottom:14px}.folio-meta>span:last-child{max-width:45%;font-size:7px}.folio-footer{font-size:8px;gap:14px;margin-top:27px}.folio-footer>span:first-child{max-width:85%}.folio-layout{display:flex;flex-direction:column;gap:26px;padding-top:25px;min-height:0}.ink-title{font-size:clamp(35px,8.8vw,48px)}.small-tag{font-size:21px;margin-bottom:15px}.intro-copy>p{font-size:14px;line-height:1.7;margin:25px 0 21px}.game-facts{gap:16px}.game-facts dt{font-size:8px}.game-facts dd{font-size:12px}.genre-fact dd{font-size:14px}.intro-collage{min-height:365px;margin-top:5px}.city-print{width:93%;right:1%;top:13px}.maikol-sticker{height:290px;left:6%;bottom:0}.chile-sticker{right:0;bottom:34px;width:85px;height:85px;padding:10px}.chile-sticker strong{font-size:15px}.chile-sticker>span{font-size:5px}.collage-note{bottom:-9px;left:0;font-size:22px}.taped-photo figcaption{font-size:16px}.movement-layout{gap:30px}.movement-photos{order:2;padding-top:0}.movement-copy .ink-title{font-size:42px}.movement-copy h3{font-size:22px;margin-top:25px}.movement-copy p{font-size:14px}.movement-copy .small-tag{font-size:20px}.drawn-arrow{height:40px;margin-left:auto}.corner-note{font-size:23px;text-align:right}.key-guide{gap:10px;font-size:13px}.photo-pair{width:92%}.motion-print figcaption{font-size:13px}.paint-copy .ink-title{font-size:43px}.paint-copy>p{font-size:14px}.colour-tests i{width:38px}.paint-detail{width:95%;margin-top:28px}.paint-detail figcaption{font-size:13px}.blackbook-note{font-size:24px}.freehand-print{width:61%;margin-top:3px}.paint-caption{font-size:13px;max-width:none;margin-left:0;margin-top:17px}.film-heading{display:block;padding:23px 0}.film-heading .ink-title{font-size:clamp(34px,8.4vw,47px);line-height:1}.film-heading>.hand{display:block;margin-top:20px;font-size:23px;max-width:none;transform:rotate(-3deg)}.film-frame{padding:0 6px;transform:rotate(-.6deg);margin-inline:-9px}.film-perforations{height:15px;background-size:auto 6px}.film-notes{display:block;margin-top:19px}.film-notes p{font-size:10px;max-width:none}.film-notes>.hand{display:block;margin-top:24px;font-size:25px;max-width:none}.gameplay-frame{margin-inline:-8px;padding:5px}.rec-note{font-size:7px;top:12px;left:12px;padding:3px 5px}.gameplay-notes{display:block}.gameplay-notes p{font-size:13px;max-width:none;line-height:1.65}.gameplay-notes>.hand{display:block;margin-top:22px;font-size:25px}.archive-heading{display:block;margin-top:23px}.archive-heading .ink-title{font-size:38px}.archive-heading>.hand{display:block;font-size:22px;margin-top:22px}.archive-grid{grid-template-columns:1fr 1fr;gap:23px 13px;padding:10px 0 15px}.archive-grid figure{padding:4px 4px 12px}.archive-grid figcaption{font-size:16px;margin-top:5px;line-height:1}.archive-grid figcaption small{display:block;font-size:8px;margin-bottom:5px}.archive-grid figure:before{width:32px;height:12px}.archive-grid .photo-button>span{font-size:17px;bottom:2px;right:2px}.demo-copy .ink-title{font-size:61px}.demo-copy>p{font-size:14px}.paper-button{padding:17px 15px;font-size:10px;gap:12px;margin-top:25px}.download-meta{gap:11px;font-size:8px;margin:17px 0}.demo-copy .download-note{font-size:13px}.demo-art{min-height:380px;margin-top:0}.mask-print{width:86%;left:9%;top:0}.mask-print img{height:275px}.fs-vinyl{width:121px;height:121px;left:0;bottom:6px}.demo-note{font-size:24px;bottom:5px;right:0}.studio-copy .ink-title{font-size:39px}.studio-copy>p{font-size:14px;line-height:1.7;margin-top:25px}.studio-copy .small-tag{font-size:21px}.contact{gap:14px}.contact a{font-size:12px;overflow-wrap:anywhere}.contact>span{font-size:9px}.studio-collage{max-width:260px;margin-inline:auto;padding-bottom:15px}.studio-mark{max-width:170px}.studio-mark img{height:210px}.studio-note{font-size:27px}.studio-wordmark{width:95%}.cover-front{padding:32px 23px 25px 31px}.cover-meta{font-size:7px;gap:15px}.cover-front h1{font-size:clamp(65px,18vw,115px);line-height:.88;letter-spacing:-.085em;margin:55px 0 18px -4px;filter:blur(.35px)}.cover-subtitle{font-size:21px;line-height:.97}.cover-wordmark{left:30px;bottom:25%;width:68%;transform:rotate(-7deg)}.cover-edition{left:31px;right:23px;bottom:24px;font-size:6px}.open-book{bottom:65px;left:31px;right:23px;min-width:0;gap:15px;padding:13px 11px;font-size:8px}.open-book>span:last-child{font-size:25px}.red-binding{width:17px;left:0}.spiral{left:-15px;width:32px;inset-block:14px}.spiral i{width:31px;height:12px;border-width:2px}.spiral i:before{right:-4px;width:6px;height:6px;top:1px}.paper-stack{inset:3px -4px -6px 2px}.paper-stack:after{inset:3px -3px -4px 0;border-bottom-width:4px}.book-tabs{display:none}.book-toolbar{margin-top:22px;gap:10px;flex-wrap:wrap}.book-utility{gap:13px;order:2}.book-settings{gap:14px;order:3}.page-navigation{order:1;width:100%;justify-content:space-between;gap:10px}.page-navigation>span{font-size:10px;min-width:0}.page-navigation button{width:39px;height:36px}.book-toolbar button{font-size:9px;padding:8px 1px}.page-navigation button{font-size:25px}.book-hint{font-size:9px;max-width:270px;margin-top:12px;line-height:1.5}.desk-note,.desk-pencil{display:none}.index-dialog{padding:21px 24px;width:86vw;max-height:86svh}.index-dialog h2{font-size:45px}.index-dialog nav a{font-size:13px;padding-block:12px}.index-dialog>.hand{font-size:22px}.gallery-dialog{padding:14px;width:96vw}.dialog-top{font-size:8px;margin-bottom:16px}.lightbox-footer{gap:10px}.lightbox-footer p{font-size:11px}.lightbox-footer button{min-width:34px;height:34px}.turn-sheet{transform-origin:8px 50%}}
@media(max-height:750px) and (min-width:768px){.desk{padding-top:30px}.book-object{height:590px}.desk-heading{margin-top:19px}.book-hint{margin-top:9px}.book-toolbar{margin-top:23px}}
img{height:auto}
.cover-front{background-color:#c9c0bd;cursor:pointer}
@media(min-width:768px){.book-toolbar{margin-top:60px;transition:margin-top .8s ease}.book-open .book-toolbar{margin-top:30px}}
@media(min-width:768px){.book-object{--book-height:clamp(590px,calc(100svh - 205px),735px)}.film-frame,.gameplay-frame{width:min(100%,calc((var(--book-height) - 300px)*1.77778));margin-inline:auto}.book-tabs a{font-size:9px}}
@media(min-width:1650px){.book-object{--book-height:min(770px,calc(100svh - 210px))}}
@media(max-width:1180px) and (min-width:768px){.book-object{--book-height:650px}}
@media(max-height:750px) and (min-width:768px){.book-object{--book-height:590px}}
@media(max-width:767px){.book-toolbar button{font-size:11px}.page-navigation button{font-size:25px}.page-navigation>span{font-size:11px}.open-book{font-size:10px;min-height:44px}.folio-meta{font-size:9px}.folio-meta>span:last-child{font-size:8px}.book-hint{font-size:10px}}
.intro-collage .maikol-sticker{width:min(78%,280px);height:auto;max-height:none;object-fit:contain}
.intro-collage .chile-sticker{right:0}
.book-tabs a:is([href="#films"],[href="#full-gameplay"]){white-space:normal;line-height:1.35}

/* Cover: the official wordmark, with foil confined to its silhouette. */
.cover-front{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px;padding:36px 42px 30px 57px;background:linear-gradient(130deg,#e4dcd5,#d9cdd0 53%,#d1c9d0);color:#282130;border-color:#b7a5ad;box-shadow:inset 1px 2px 2px #fff9,inset -2px -2px 2px #80677844}
.cover-front:before{background:linear-gradient(115deg,#fff2 10%,transparent 40%,#f0bad320 75%)}
.cover-meta{font-size:10px;line-height:1.45;letter-spacing:.08em;padding-bottom:17px;border-bottom:1px solid #573c4b33}
.cover-main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;position:relative;min-width:0;min-height:0;padding-bottom:16px}
.cover-front .cover-logo{position:relative;width:100%;margin:0;line-height:1;font-size:inherit;letter-spacing:normal;filter:none;transform:rotate(-3deg);isolation:isolate}
.cover-logo>img{display:block;width:100%;height:auto;filter:invert(1);opacity:.94}
.cover-logo .logo-foil,.cover-logo .logo-reflection{position:absolute;inset:0;pointer-events:none;-webkit-mask:url('assets/flowstate-logo.png') center/contain no-repeat;mask:url('assets/flowstate-logo.png') center/contain no-repeat}
.cover-logo .logo-foil{background:linear-gradient(115deg,#3b335d 5%,#476f7f 22%,#706399 35%,#a13a78 47%,#4b6f80 59%,#72649b 72%,#a75488 85%,#3b335d 100%);background-size:230% 100%;background-position:0% 50%;mix-blend-mode:screen;opacity:.88}
.cover-logo .logo-reflection{background:linear-gradient(110deg,transparent 39%,#67d8df44 44%,#b9a6edaa 48%,#f9e1eca6 50%,#abdcdca6 52%,#c485b144 56%,transparent 61%);background-size:330% 100%;background-position:100% 50%;mix-blend-mode:screen;opacity:.8}
.cover-signature{display:block;width:max-content;max-width:100%;font:700 clamp(32px,3.4vw,48px)/1 var(--hand);color:#377d87;transform:rotate(-5deg);position:relative;margin:0}
.cover-signature:after{content:'';position:absolute;left:0;right:-12px;bottom:-6px;height:3px;background:currentColor;opacity:.65;clip-path:polygon(0 10%,100% 50%,98% 100%,0 55%)}
.cover-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #573c4b38;padding-top:20px;position:relative;z-index:3}
.cover-bottom .cover-edition{position:static;display:flex;flex-direction:column;gap:7px;line-height:1.35;letter-spacing:.07em;text-align:left}
.cover-edition strong{font-size:10px;font-weight:700}.cover-edition>span{font-size:8px;text-align:left!important;color:#765c6b}
.cover-front .open-book{position:relative;inset:auto;min-width:255px;min-height:60px;padding:18px 19px;background:#2c2034;color:#f4ebe9;border:1px solid #2c2034;font-size:11px;letter-spacing:.045em;box-shadow:3px 3px 0 #b23878;gap:22px}
.cover-front .open-book:hover{background:#48314e;box-shadow:4px 6px 0 #b23878;translate:0 -2px}
.cover-front .open-book:focus-visible{outline-color:#377d87}
.motion-enabled body:not(.book-open) .cover-logo .logo-foil{animation:logo-hologram 10s ease-in-out infinite}
.motion-enabled body:not(.book-open) .cover-logo .logo-reflection{animation:logo-sheen 7s cubic-bezier(.45,0,.55,1) infinite}
@keyframes logo-hologram{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes logo-sheen{0%,15%{background-position:100% 50%;opacity:0}25%{opacity:.8}70%{opacity:.8}85%,100%{background-position:0% 50%;opacity:0}}
@media(max-width:1180px) and (min-width:768px){.cover-front{padding:30px 31px 26px 43px;gap:18px}.cover-meta{font-size:8px;padding-bottom:14px}.cover-main{gap:36px}.cover-signature{font-size:38px}.cover-front .open-book{min-width:215px;min-height:55px;font-size:10px;padding:15px}.cover-edition strong{font-size:8px}.cover-edition>span{font-size:7px}.cover-bottom{gap:17px;padding-top:17px}}
@media(max-width:767px){
  .cover-front{padding:26px 22px 24px 31px;gap:18px;background:linear-gradient(135deg,#e9ded8,#d7c9d0 55%,#cfced5)}
  .cover-meta{font-size:7px;letter-spacing:.045em;line-height:1.45;padding-bottom:12px;gap:12px}
  .cover-main{gap:33px;padding-bottom:12px}
  .cover-front .cover-logo{width:105%;max-width:none;transform:rotate(-7deg)}
  .cover-signature{font-size:32px}
  .cover-bottom{flex-direction:column;align-items:stretch;gap:13px;padding-top:16px}
  .cover-bottom .cover-edition{gap:4px}.cover-edition strong{font-size:9px;letter-spacing:.04em}.cover-edition>span{font-size:7px}
  .cover-front .open-book{min-width:0;min-height:52px;padding:14px;font-size:10px;gap:15px}
}
@media(max-width:360px){.cover-front{padding-inline:29px 17px;gap:15px}.cover-signature{font-size:29px}.cover-bottom{padding-top:12px;gap:10px}.cover-front .open-book{min-height:48px}.cover-meta{font-size:6px}}
@media(forced-colors:active){.cover-logo>img{forced-color-adjust:none}.cover-logo .logo-foil,.cover-logo .logo-reflection{display:none}}