:is(html:has(.about-page),body:has(.about-page)){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0a0b}.about-page{--color-background:#0a0a0b;--color-primary:#f5f5f2;--color-secondary:#a0a0a6;--color-card:#141518;--color-border:#292b30;background:var(--color-background);min-height:100svh;color:var(--color-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overflow:clip}.about-page .page-shell{width:86.6667%;max-width:1664px}.about-page>.site-header-sticky:before{content:"";z-index:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0a0a0b7a;height:92px;transition:opacity .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 0 auto}.about-page>.site-header-sticky.is-scrolled:before{opacity:1}.about-page>.site-header-sticky .site-header{z-index:2;position:relative}@supports (animation-timeline:scroll()){.about-page>.site-header-sticky.is-scroll-driven:before{animation:linear both about-header-backdrop;animation-timeline:scroll(root);animation-range:0 17px}@keyframes about-header-backdrop{0%{opacity:0}to{opacity:1}}}.about-page .section-title{font-size:clamp(40px,3.33333vw,64px)}.about-hero{padding-top:clamp(104px,8.75vw,168px)}.about-hero-grid{grid-template-columns:minmax(0,591fr) minmax(0,702fr);align-items:center;gap:clamp(72px,13.3333vw,256px);margin-top:clamp(64px,5.20833vw,100px);display:grid}.about-portrait{aspect-ratio:591/708;background:var(--color-card);border-radius:24px;width:100%;max-width:591px;position:relative;overflow:hidden}.about-portrait-image{z-index:1;transform-origin:50%;will-change:transform;position:absolute;inset:0;transform:scale(1.06)}.about-portrait-image img{object-fit:cover}@supports (animation-timeline:view()){.about-portrait-image{animation:linear both about-portrait-parallax;animation-timeline:view();animation-range:entry exit}@keyframes about-portrait-parallax{0%{transform:translateY(-30px)scale(1.06)}to{transform:translateY(30px)scale(1.06)}}}.about-hero-copy{justify-self:end;max-width:700px}.about-hero-copy h1{letter-spacing:-.035em;margin:0;font-size:clamp(46px,3.75vw,72px);font-weight:600;line-height:1.02}.about-hero-copy p{max-width:620px;color:var(--color-secondary);letter-spacing:-.01em;margin:28px 0 0;font-size:clamp(17px,1.04167vw,20px);line-height:1.55}.about-process{margin-top:var(--section-spacing)}.about-process-list{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(56px,5.20833vw,100px);display:grid}.about-process-list article{min-width:0;padding:clamp(32px,3.33333vw,64px) clamp(24px,3.33333vw,64px) clamp(40px,4.16667vw,80px) 0}.about-process-list article+article{border-left:1px solid var(--color-border);padding-left:clamp(24px,3.33333vw,64px)}.about-process-list span{color:var(--color-secondary);font-size:14px;line-height:1.5}.about-process-list h3{color:var(--color-primary);letter-spacing:-.02em;margin:40px 0 0;font-size:clamp(24px,1.66667vw,32px);font-weight:600;line-height:1.2}.about-process-list p{max-width:420px;color:var(--color-secondary);margin:16px 0 0;font-size:16px;line-height:1.6}.about-toolkit{margin-top:var(--section-spacing)}.about-toolkit-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:fit-content;max-width:100%;margin:64px auto 0;display:flex;position:relative;overflow:visible}.about-toolkit-reveal{width:64px;height:64px;position:relative;overflow:visible}.about-toolkit-item{z-index:1;transform-origin:50%;will-change:transform;border-radius:14px;place-items:center;width:64px;height:64px;display:grid;position:relative}.about-toolkit-item img{object-fit:contain;width:64px;height:64px}.about-toolkit-pill{z-index:20;color:#0a0a0b;letter-spacing:.72px;opacity:0;pointer-events:none;transform:translateX(calc(var(--tool-pill-x,0px) - 50%)) scale(.92);transform-origin:bottom;white-space:nowrap;will-change:opacity, transform;background:#f5f5f2;border-radius:6px;padding:10px;font-size:12px;font-weight:400;line-height:1.2;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .21s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(50% + 70.4px);left:0}.about-outside{margin-top:var(--section-spacing)}.about-outside-intro{max-width:560px;color:var(--color-secondary);text-align:center;margin:24px auto 0;font-size:18px;line-height:1.55}.about-bento{grid-template-columns:minmax(0,728fr) repeat(2,minmax(0,446fr));align-items:stretch;gap:24px;margin-top:clamp(56px,5.20833vw,100px);display:grid}.about-bento-column{gap:24px;min-width:0;min-height:0;display:grid}.about-bento-column-middle{grid-template-rows:minmax(0,487fr) minmax(0,350fr)}.about-bento-column-right{grid-template-rows:minmax(0,350fr) minmax(0,487fr)}.about-bento-card{contain:paint;color:#0a0a0b;background:#f5f5f2;border-radius:24px;min-width:0;transition:transform .38s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.about-bento-gallery{aspect-ratio:728/861}.about-bento-label{z-index:4;color:#0a0a0b;background:#e4e4e1;border-radius:4px;align-items:center;min-height:31px;padding:5px 15px;font-size:14px;line-height:1.5;display:inline-flex;position:absolute;top:24px;left:24px}.about-bento-app-icon{z-index:4;object-fit:contain;width:60px;height:60px;position:absolute;top:24px;right:24px}.about-bento-app-icon-steam,.about-bento-app-icon-maps{border-radius:14px;overflow:hidden}.about-bento-app-icon-maps{background:#fff}.about-bento-playing-visual{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.about-bento-playing-bg{z-index:0;object-fit:cover;filter:blur(12px)brightness(.5)saturate(.82);transition:transform .42s cubic-bezier(.22,1,.36,1);transform:scale(1.12)}.about-bento-playing-frame{z-index:2;position:absolute;inset:58px 14px 54px}.about-bento-playing-art{object-fit:contain;object-position:center;transition:transform .38s cubic-bezier(.22,1,.36,1)}.about-bento-video-visual{z-index:0;border-radius:inherit;background:#0a0a0b;position:absolute;inset:0;overflow:hidden}.about-bento-video-bg{z-index:0;object-fit:cover;filter:blur(12px)brightness(.42)saturate(.82);transition:transform .42s cubic-bezier(.22,1,.36,1);transform:scale(1.12)}.about-bento-video-frame{z-index:2;position:absolute;inset:clamp(8px,1.2vw,18px)}.about-bento-video-thumbnail{object-fit:contain;object-position:center;transition:transform .38s cubic-bezier(.22,1,.36,1)}.about-bento-detail{z-index:4;color:#0a0a0b;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.about-bento-detail strong{letter-spacing:-.025em;font-size:clamp(18px,1.25vw,24px);font-weight:600;line-height:1.16}.about-bento-detail small{color:#6f6f73;font-size:13px;line-height:1.35}.about-bento-game-title{color:#fff;text-shadow:0 1px 12px #00000070}.about-bento-link{text-decoration:none;display:block}.about-bento-link:focus-visible{outline-offset:4px;outline:2px solid #36f}.about-bento-video:after{content:"";z-index:1;pointer-events:none;background:#0a0a0b29;position:absolute;inset:0}.about-video-play{z-index:3;color:#0a0a0b;background:#f5f5f2f0;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-video-play>span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;margin-left:4px}.about-static-map{z-index:0;background:#e4e4e1;position:absolute;inset:0;overflow:hidden}.about-static-map:after{content:"";background:#f5f5f21f;position:absolute;inset:0}.about-static-map-grid{grid-template-rows:repeat(3,256px);grid-template-columns:repeat(3,256px);width:768px;height:768px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-399px,-317px)}.about-static-map-grid img{width:256px;max-width:none;height:256px;display:block}.about-map-pin{z-index:2;background:#36f;border:4px solid #fff;border-radius:50% 50% 50% 0;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)rotate(-45deg);box-shadow:0 4px 14px #0a0a0b38}.about-map-pin>span{background:#fff;border-radius:50%;position:absolute;inset:10px}.about-map-credit{z-index:3;color:#292b30;background:#f5f5f2db;border-radius:3px;padding:2px 4px;font-size:8px;line-height:1.2;position:absolute;bottom:7px;right:8px}.about-bento-location .about-bento-detail{background:#f5f5f2e6;border-radius:8px;padding:10px 12px}.about-bento-listening .about-bento-label{min-height:29px;padding:4px 12px;font-size:13px}.about-bento-listening .about-bento-app-icon{width:52px;height:52px}.about-listening-rings{z-index:0;aspect-ratio:1;pointer-events:none;width:clamp(220px,65%,320px);position:absolute;top:55%;left:-20px;transform:translateY(-50%)}.about-listening-rings>span{border:1px solid #0a0a0b06;border-radius:50%;position:absolute}.about-listening-rings>span:first-child{inset:0}.about-listening-rings>span:nth-child(2){inset:12%}.about-listening-rings>span:nth-child(3){inset:24%}.about-listening-rings>span:nth-child(4){inset:36%}.about-listening-content{z-index:3;grid-template-columns:clamp(140px,50%,200px) minmax(0,1fr);align-items:center;gap:clamp(14px,4%,22px);display:grid;position:absolute;top:55%;left:24px;right:24px;transform:translateY(-50%)}.about-vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#181818 0 2px,#222 3px 4px,#111 5px 8px);border-radius:50%;width:100%;position:relative;overflow:hidden}.about-vinyl:after{content:"";z-index:3;background:#f5f5f2;border-radius:50%;position:absolute;inset:47%;box-shadow:0 0 0 2px #111}.about-vinyl-label{z-index:2;border-radius:50%;position:absolute;inset:23.5%;overflow:hidden}.about-vinyl-label img{object-fit:cover}.about-track{flex-direction:column;gap:14px;min-width:0;display:flex}.about-track-copy{min-width:0;color:inherit;flex-direction:column;gap:6px;display:flex}.about-track strong{letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(15px,1vw,18px);line-height:1.2;display:-webkit-box;overflow:hidden}.about-track small{color:#6f6f73;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.about-spotify-link{color:#fff;background:#0a0a0b;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:7px 11px;font-size:10px;font-weight:600;line-height:1.2;transition:background-color .25s ease-out,transform .25s ease-out;display:inline-flex}.about-spotify-link:focus-visible{outline-offset:3px;outline:2px solid #36f}.about-carousel,.about-carousel-slide{position:absolute;inset:0}.about-carousel{overflow:hidden}.about-carousel-slide{z-index:1;touch-action:pan-y}.about-carousel-slide img{object-fit:cover;transition:transform .38s cubic-bezier(.22,1,.36,1)}.about-carousel-dots{z-index:5;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;bottom:12px;left:24px;right:24px}.about-carousel-dot{background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:relative}.about-carousel-dot:after{content:"";border-radius:50%;position:absolute;inset:-3px}.about-carousel-dot:before{content:"";background:#f5f5f285;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1)}.about-carousel-dot[aria-current=true]:before{background:#36f;transform:scale(1.04)}.about-carousel-dot:focus-visible{outline-offset:-2px;outline:2px solid #fff}.about-page .contact-wrap{padding-top:var(--section-spacing);padding-bottom:64px}.about-page .contact-panel{color:#0a0a0b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5f2;min-height:clamp(560px,36.9792vw,710px);padding:clamp(180px,13.5417vw,260px) 24px 36px;position:relative}.about-page .contact-copy h2{--code-comment-text-color:#0a0a0b;color:#0a0a0b;letter-spacing:0;font-size:clamp(64px,5vw,96px);line-height:.958333}.about-page .contact-copy p{color:#292b30}.about-page .email-button{color:#f5f5f2;background:#0a0a0b}.about-page .site-footer{padding-top:48px}.about-page .social-links{gap:12px}.about-page .social-links a,.about-page .social-links span{border:0}.about-page .social-links li:last-child img{width:33px;height:21px}.about-page .site-footer p{color:#a0a0a6;margin:0;position:absolute;top:calc(100% + 24px);left:0;right:0}@media (hover:hover) and (pointer:fine){.about-spotify-link:hover{background:#36f;transform:translateY(-1px)}.about-toolkit-item{z-index:var(--tool-z,1);transform:translateX(var(--tool-translate,0)) scale(var(--tool-scale,1));transition:transform .21s cubic-bezier(.22,1,.36,1)}.about-toolkit-pill.is-visible{opacity:1;transform:translateX(calc(var(--tool-pill-x,0px) - 50%)) scale(1)}.about-bento-card:hover{transform:translateY(-4px)}.about-bento-gallery:hover .about-carousel-slide img{transform:scale(1.025)}.about-bento-playing:hover .about-bento-playing-bg{transform:scale(1.14)}.about-bento-playing:hover .about-bento-playing-art{transform:scale(1.015)}.about-bento-video:hover .about-bento-video-bg{transform:scale(1.14)}.about-bento-video:hover .about-bento-video-thumbnail{transform:scale(1.015)}.about-bento-video:hover .about-video-play{color:#fff;background:#36f;transform:translate(-50%,-50%)scale(1.08)}}@media (max-width:1279px){.about-hero-grid{gap:72px}}@media (max-width:1023px){.about-hero{padding-top:112px}.about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.about-process-list{grid-template-columns:minmax(0,1fr)}.about-process-list article{padding:32px 0 40px}.about-process-list article+article{border-top:1px solid var(--color-border);border-left:0;padding-left:0}.about-process-list h3{margin-top:28px}.about-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.about-bento-gallery{aspect-ratio:16/9;grid-column:1/-1}.about-bento-column{aspect-ratio:auto}.about-bento-column-middle,.about-bento-column-right{grid-template-rows:none}.about-bento-playing,.about-bento-location{aspect-ratio:446/487}.about-bento-listening,.about-bento-video{aspect-ratio:446/350}}@media (max-width:767px){.about-page .page-shell{width:calc(100% - 40px)}.about-page .section-title{font-size:clamp(30px,9vw,44px)}.about-page .code-comment-title{gap:.14em}.about-hero{padding-top:80px}.about-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:48px}.about-portrait{border-radius:18px;max-width:none}.about-hero-copy{justify-self:start}.about-hero-copy h1{font-size:clamp(40px,12vw,58px)}.about-hero-copy p{margin-top:22px;font-size:16px}.about-process,.about-toolkit,.about-outside{margin-top:var(--section-spacing)}.about-process-list{margin-top:48px}.about-toolkit-list{gap:16px;margin-top:48px}.about-toolkit-reveal,.about-toolkit-item,.about-toolkit-item img{width:54px;height:54px}.about-toolkit-pill{bottom:calc(50% + 61.9px)}.about-outside-intro{margin-top:18px;font-size:16px}.about-bento{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:20px;margin-top:48px}.about-bento-gallery{aspect-ratio:4/5;order:1;grid-column:1;width:100%;min-width:0;min-height:calc(125vw - 50px);display:block}.about-carousel,.about-carousel-slide{width:100%;height:100%}.about-bento-column{aspect-ratio:auto;gap:20px}.about-bento-column-middle{order:2}.about-bento-column-right{order:3}.about-bento-column-middle,.about-bento-column-right{grid-template-rows:repeat(2,auto)}.about-bento-playing{aspect-ratio:4/5}.about-bento-listening,.about-bento-video,.about-bento-location{aspect-ratio:4/3}.about-bento-label{top:18px;left:18px}.about-bento-app-icon{width:52px;height:52px;top:18px;right:18px}.about-bento-playing-frame{inset:62px 18px 56px}.about-bento-detail{bottom:18px;left:18px;right:18px}.about-bento-listening .about-bento-app-icon{width:48px;height:48px}.about-listening-rings{width:clamp(200px,66%,250px);top:56%;left:-18px}.about-listening-content{grid-template-columns:clamp(122px,44%,150px) minmax(0,1fr);gap:14px;top:56%;left:18px;right:18px}.about-track{gap:12px}.about-carousel-dots{bottom:8px}.about-page .contact-wrap{padding-top:var(--section-spacing);padding-bottom:64px}.about-page .contact-panel{min-height:500px;padding-top:156px;padding-bottom:32px}}@media (max-width:390px){.about-page .section-title{font-size:29px}.about-page .page-shell>.section-title .code-comment-copy{white-space:normal}}@media (prefers-reduced-motion:reduce){.about-portrait-image{will-change:auto;animation:none;transform:none}.about-bento-card,.about-toolkit-item,.about-toolkit-pill,.about-carousel-slide img,.about-bento-playing-bg,.about-bento-playing-art,.about-bento-video-bg,.about-bento-video-thumbnail,.about-video-play,.about-carousel-dot:before,.about-spotify-link{transition-duration:.01ms}}
