#demo{position:relative;isolation:isolate;background:var(--page-base)}.page-surface{position:absolute;inset:0;z-index:0;overflow:clip;pointer-events:none}.page-surface:not([data-ready]){visibility:hidden}.page-surface:before,.page-surface:after{content:"";position:absolute;inset:0}.page-surface:before{background:radial-gradient(ellipse 74vw 105svh at 54% var(--hero-light-y),rgb(163 151 187 / .025),rgb(163 151 187 / .01) 42%,rgb(163 151 187 / 0) 80%),radial-gradient(ellipse 90vw 190svh at 8% var(--reading-light-y),rgb(157 149 180 / .032),rgb(157 149 180 / .013) 38%,rgb(157 149 180 / 0) 84%),radial-gradient(ellipse 68vw 76svh at 50% var(--contact-light-y),rgb(190 179 212 / .036),rgb(190 179 212 / .017) 35%,rgb(190 179 212 / .004) 62%,rgb(190 179 212 / 0) 90%)}.page-surface:after{background-image:radial-gradient(circle,#a399b829 .65px,#a399b800 1px);background-size:34px 34px;background-position:0 0;-webkit-mask-image:var(--dot-presence),radial-gradient(ellipse var(--reader-rx) var(--reader-ry) at var(--reader-x) var(--reader-y),rgb(255 255 255 / .2),rgb(255 255 255 / .25) 40%,rgb(255 255 255 / .65) 75%,#fff 100%),radial-gradient(ellipse 44vw 40svh at 50% var(--contact-light-y),rgb(255 255 255 / .3),rgb(255 255 255 / .55) 50%,#fff 100%);mask-image:var(--dot-presence),radial-gradient(ellipse var(--reader-rx) var(--reader-ry) at var(--reader-x) var(--reader-y),rgb(255 255 255 / .2),rgb(255 255 255 / .25) 40%,rgb(255 255 255 / .65) 75%,#fff 100%),radial-gradient(ellipse 44vw 40svh at 50% var(--contact-light-y),rgb(255 255 255 / .3),rgb(255 255 255 / .55) 50%,#fff 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#demo .demo-nav{background:linear-gradient(to bottom,var(--page-base) 0%,rgb(16 16 21 / 1) 45%,rgb(16 16 21 / .96) 72%,rgb(16 16 21 / .65) 90%,rgb(16 16 21 / 0) 100%)}.mark-field{position:fixed;inset:0;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,#fff 18vw,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .2)) 29vw,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .76)) 44vw,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .88)) 58vw),linear-gradient(to bottom,#fff 42svh,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .08)) 56svh,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .38)) 77svh,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .78)) 100svh),linear-gradient(to bottom,#fff 25svh,rgb(255 255 255 / calc(1 - var(--project-shade, 0) * .93)) 70svh,rgb(255 255 255 / calc(1 - var(--project-shade, 0) * .99)) 100svh);mask-image:linear-gradient(to right,#fff 18vw,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .2)) 29vw,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .76)) 44vw,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .88)) 58vw),linear-gradient(to bottom,#fff 42svh,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .08)) 56svh,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .38)) 77svh,rgb(255 255 255 / calc(1 - var(--writing-shade, 0) * .78)) 100svh),linear-gradient(to bottom,#fff 25svh,rgb(255 255 255 / calc(1 - var(--project-shade, 0) * .93)) 70svh,rgb(255 255 255 / calc(1 - var(--project-shade, 0) * .99)) 100svh);-webkit-mask-composite:source-in;mask-composite:intersect}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/roboto-latin-900-normal-93zEKV3C.woff2) format("woff2"),url(/assets/roboto-latin-900-normal-BcoNiyza.woff) format("woff")}.away-chapter{--away-ink: rgb(230 228 237 / .92);--away-title-size: max(68px, min(5.8vw, 8svh));--category-size: calc(var(--away-title-size) * .77);--away-nav: 0px;position:relative;z-index:2;padding-inline:clamp(24px,3.5vw,80px);background:transparent}.away-chapter--embedded{--away-nav: 100px;padding-block:32px 48px}.away-breath--before{height:19svh}.away-breath--after{height:65svh}.away-composition{max-width:2200px;margin:0 auto;position:relative;display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:clamp(24px,2.5vw,54px)}.collage-heading{grid-column:2;grid-row:1;align-self:start;position:sticky;z-index:5;top:calc(var(--away-nav) + clamp(28px,6svh,72px));width:fit-content;text-align:right}.collage-heading :is(h1,h2){margin:0;font-size:var(--away-title-size);font-weight:650;line-height:.97;letter-spacing:-.075em}.collage-heading .title-line{display:block;color:inherit}.collage-heading .title-period{color:var(--purple)}.away-editorial{grid-column:1;grid-row:1;position:relative;min-width:0;container-type:inline-size;padding-block:12px 40px}.scene-group{position:relative;width:100%}.scene-group,.interest-cluster{-webkit-mask-image:linear-gradient(to bottom,transparent var(--exit-clear, -80px),#000 var(--exit-solid, -40px));mask-image:linear-gradient(to bottom,transparent var(--exit-clear, -80px),#000 var(--exit-solid, -40px))}.collage-games{height:164cqw}.collage-films{height:182cqw}.scene-fragment,.collage-piece{position:absolute;margin:0;min-width:0}.scene-fragment img,.collage-piece img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.collage-label{position:absolute;z-index:8;margin:0;color:var(--away-ink);font-size:var(--category-size);line-height:1.08;font-weight:520;letter-spacing:-.045em;white-space:nowrap}.group-caption{position:absolute;z-index:8}.group-caption .collage-label{position:relative;font-size:min(calc(var(--category-size) * 1.12),7cqw);letter-spacing:.115em;font-weight:540;color:#ebe9f0e0}.collage-games .group-caption{left:6%;top:20cqw}.scene-elden-ring{left:2%;top:0;width:67%;z-index:3}.scene-red-dead-redemption-2{left:0;top:26cqw;width:45%;z-index:3}.scene-octopath-traveler-2{left:29%;top:33cqw;width:48%;z-index:4}.scene-terraria{left:51%;top:14cqw;width:47%;z-index:2}.scene-terraria img{filter:saturate(.82) brightness(.89)}.scene-hitman{left:0;top:70cqw;width:39%;z-index:5}.scene-sekiro{left:37%;top:52cqw;width:44%;z-index:3}.scene-kingdom-come-deliverance-2{left:20%;top:66cqw;width:75%;z-index:4}.scene-katana-zero{left:60%;top:101cqw;width:40%;z-index:5}.scene-katana-zero img{filter:saturate(.83) brightness(.91)}.scene-titanfall-2{left:-3%;top:97cqw;width:70%;z-index:4}.scene-cyberpunk-2077{left:0;top:50cqw;width:48%;z-index:2}.scene-cyberpunk-2077 img{filter:saturate(.79) brightness(.9)}.scene-grand-theft-auto-v{left:57%;top:35cqw;width:43%;z-index:3}.scene-grand-theft-auto-v img{filter:saturate(.86) brightness(.93)}.scene-007-first-light{left:16%;top:119cqw;width:79%;z-index:3}.scene-detail{z-index:6;pointer-events:none}.interest-cluster{position:relative;width:100%;margin-block:clamp(70px,7cqw,116px) clamp(76px,8cqw,126px)}.interest-map{position:relative;container-type:inline-size;width:min(88%,calc((100svh - var(--away-nav) - 100px) / .75));aspect-ratio:1 / .75}.interest-cluster .collage-label{font-size:min(calc(var(--category-size) * .82),6cqw)}.collage-football{width:62%;left:0;top:0;z-index:4}.collage-football .collage-label{left:2%;top:3%}.collage-piano{width:75%;left:13%;top:42.667%;z-index:3}.collage-piano .collage-label{left:75%;top:74%}.collage-training{width:57%;left:43%;top:4%;z-index:4}.collage-training .collage-label{left:84%;top:42%}.collage-films .group-caption{left:12%;top:11cqw}.scene-scent-of-a-woman{left:0;top:8cqw;width:42%;z-index:3}.scene-the-intouchables{left:26%;top:14cqw;width:40%;z-index:4}.scene-scarface{left:44.5%;top:0;width:37%;z-index:2}.scene-taxi-driver{left:64%;top:35cqw;width:36%;z-index:3}.scene-se7en{left:42%;top:53cqw;width:58%;z-index:2}.scene-the-usual-suspects{left:0;top:52cqw;width:50%;z-index:3}.scene-the-godfather{left:45%;top:73cqw;width:52%;z-index:3}.scene-reservoir-dogs{left:50%;top:96cqw;width:47%;z-index:2}.scene-lord-of-war{left:0;top:106cqw;width:58%;z-index:3}.scene-lock-stock{left:0;top:126cqw;width:50%;z-index:4}.scene-fight-club{left:38%;top:141cqw;width:62%;z-index:5}@media(max-width:900px){.away-chapter{--away-title-size: clamp(32px, 4.8vw, 43px);padding-inline:22px}.away-composition{display:block}.collage-heading{top:calc(var(--away-nav) + 14px);margin-left:auto;margin-bottom:32px}.collage-heading :is(h1,h2){line-height:1.08}.collage-heading .title-line{display:inline}.away-editorial{padding-top:12px}.interest-cluster{margin-block:64px 76px}}@media(max-width:560px){.away-chapter{--away-title-size: clamp(24px, 7.2vw, 32px);padding-inline:18px}.collage-heading{margin-bottom:28px}.collage-games{height:350cqw}.collage-games .group-caption{top:35cqw;left:3%}.scene-elden-ring{left:0;top:0;width:100%}.scene-red-dead-redemption-2{left:0;top:45cqw;width:67%}.scene-terraria{left:42%;top:53cqw;width:58%}.scene-octopath-traveler-2{left:2%;top:73cqw;width:80%}.scene-grand-theft-auto-v{left:30%;top:109cqw;width:70%}.scene-cyberpunk-2077{left:0;top:147cqw;width:80%;z-index:4}.scene-hitman{left:0;top:189cqw;width:58%}.scene-sekiro{left:36%;top:193cqw;width:64%}.scene-kingdom-come-deliverance-2{left:4%;top:213cqw;width:93%}.scene-titanfall-2{left:0;top:255cqw;width:90%}.scene-katana-zero{left:45%;top:302cqw;width:55%}.scene-007-first-light{left:0;top:292cqw;width:94%}.interest-map{width:100%;aspect-ratio:1 / 1.06}.interest-cluster .collage-label{font-size:calc(var(--category-size) * .95)}.collage-football{width:76%}.collage-football .collage-label{left:3%;top:4%}.collage-training{width:50%;left:36%;top:21%}.collage-training .collage-label{left:84%;top:42%}.collage-piano{width:91%;left:4%;top:49%}.collage-piano .collage-label{left:78%;top:77%}.collage-films{height:452cqw}.collage-films .group-caption{left:21%;top:25cqw}.scene-scent-of-a-woman{left:0;top:16cqw;width:66%}.scene-scarface{left:40%;top:0;width:60%}.scene-the-intouchables{left:29%;top:67cqw;width:65%}.scene-taxi-driver{left:-7%;top:114cqw;width:57%;z-index:5}.scene-se7en{left:0;top:144cqw;width:100%}.scene-the-usual-suspects{left:0;top:167cqw;width:84%}.scene-the-godfather{left:29%;top:253cqw;width:71%}.scene-reservoir-dogs{left:30%;top:289cqw;width:66%}.scene-lord-of-war{left:0;top:349cqw;width:79%}.scene-lock-stock{left:0;top:380cqw;width:66%}.scene-fight-club{left:32%;top:408cqw;width:68%}}