html.home-history-restore{overflow-anchor:none}body:has(.motion-journey) #main-content{max-width:none;padding:0}html.home-intro-booting,html.home-intro-booting body{overscroll-behavior-y:none;touch-action:none;overflow:hidden}html.motion-fullpage-locked,html.motion-fullpage-locked body{touch-action:pan-x pinch-zoom;overscroll-behavior-y:none}.motion-journey{height:calc(100svh - 80px);position:relative}.motion-journey.is-enhanced{z-index:30;pointer-events:auto;height:100svh;position:fixed;inset:0}.motion-journey.is-works-active:not(.is-works-handoff){visibility:hidden;pointer-events:none}.motion-stage{isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#090d17;height:calc(100svh - 80px);position:relative;top:80px;overflow:hidden}.motion-journey.is-works-handoff .motion-stage{inset-inline:0;z-index:40;pointer-events:auto;touch-action:none;will-change:clip-path;width:100%;position:fixed;top:80px}.motion-journey.is-works-handoff .motion-scene__canvas--pixel{will-change:transform}.motion-scene{opacity:0;pointer-events:none;--scene-fg:#f3f0e5;--scene-muted:#a8aba6;--scene-accent:#d9fa73;--scene-bg:#090d17;width:100%;height:100%;color:var(--scene-fg);background:var(--scene-bg);position:absolute;inset:0}.motion-scene--pixel{opacity:1}.motion-scene__sticky{isolation:isolate;background:var(--scene-bg);height:100%;position:relative;overflow:hidden}.motion-scene__sticky:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.motion-scene--pixel .motion-scene__sticky{background:radial-gradient(at 72% 48%,#1b3441 0%,#101e2d 44%,#090d17 83%)}.motion-scene__pixel-poster{width:min(62vw,840px);height:auto;image-rendering:pixelated;pointer-events:none;position:absolute;top:51%;left:73%;transform:translate(-50%,-50%)}.motion-scene__pixel-poster--phone{width:min(21vw,278px);top:33%;left:90%}.motion-scene__pixel-poster--slime{width:min(16vw,215px);top:79%;left:54%}.motion-scene--pixel.is-sprite-ready .motion-scene__pixel-poster{visibility:hidden}.motion-scene__canvas--intro{display:none}html.home-intro-pending .motion-scene--pixel .motion-scene__pixel-poster,html.home-intro-pending .motion-scene--pixel .motion-scene__canvas--pixel{visibility:hidden}html.home-intro-pending .motion-scene__canvas--intro,.motion-journey.is-intro-holding .motion-scene__canvas--intro{display:block}.motion-journey.is-intro-holding .motion-scene--pixel .motion-scene__pixel-poster,.motion-journey.is-intro-holding .motion-scene--pixel .motion-scene__canvas--pixel{visibility:hidden}.motion-scene--pixel .motion-scene__sticky:after{background:linear-gradient(90deg,#090d17f2 0%,#090d17cc 27%,#090d1733 57%,#0000 83%)}@media (width<=650px){.motion-scene--pixel .motion-scene__sticky:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#090d17c4,#0000);height:100px;position:absolute;inset:0 0 auto}}.motion-scene__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.motion-scene__canvas--pixel{image-rendering:pixelated}.motion-stage,.motion-stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.motion-scene__copy{z-index:2;pointer-events:none;max-width:min(76vw,1050px);position:absolute;top:50%;left:clamp(26px,6vw,112px);transform:translateY(-49%)}.motion-scene__copy h1{font-family:var(--font-display);color:var(--scene-fg);letter-spacing:-.058em;margin:0;font-size:clamp(61px,8.2vw,124px);font-weight:400;line-height:1.16}.motion-scene__copy em{color:var(--scene-accent);font-style:normal}.motion-scene__copy--pixel h1{font-size:clamp(48px,6.1vw,90px)}body:has(.motion-journey) .home-content-grid{max-width:1440px;margin:0 auto;padding:0 clamp(24px,5vw,76px)}@media (width>=1025px) and (prefers-reduced-motion:no-preference){body:has(.motion-journey.is-enhanced) .home-content-grid{margin-top:-80px}}body:has(.motion-journey) .home-content-section:first-child{padding-top:clamp(80px,10vw,148px)}body:has(.motion-journey) .home-content-section{padding-bottom:clamp(75px,9vw,132px)}body:has(.motion-journey) .home-section-head{align-items:center;margin-bottom:40px}body:has(.motion-journey) .home-section-head h2{letter-spacing:-.075em;font-size:clamp(42px,6vw,84px);font-weight:800}body:has(.motion-journey) .home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,65px) clamp(16px,2vw,30px)}body:has(.motion-journey) .home-project-card{background:0 0;border:0;border-radius:0;overflow:visible}body:has(.motion-journey) .home-project-thumb{background:#e8eae7;border:0;border-radius:3px;overflow:hidden}body:has(.motion-journey) .home-project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}body:has(.motion-journey) .home-project-card:hover .home-project-thumb img,body:has(.motion-journey) .home-project-card:focus-visible .home-project-thumb img{transform:scale(1.04)}body:has(.motion-journey) .home-project-copy{padding:18px 0 0}body:has(.motion-journey) .home-project-copy h3{color:var(--ink);letter-spacing:-.04em;margin:8px 0;font-size:clamp(19px,1.9vw,25px);font-weight:700;line-height:1.25}body:has(.motion-journey) .home-note-list{gap:0 42px}@media (width<=1024px){.motion-journey,.motion-journey.is-enhanced{height:100svh}.motion-stage{height:100svh;top:0}.motion-journey.is-works-handoff .motion-stage{top:0}.motion-scene__copy{max-width:82vw}.motion-scene__copy h1{font-size:clamp(58px,8vw,116px)}body:has(.motion-journey) .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.motion-scene__pixel-poster--macbook{width:min(105vw,440px);top:34%;left:50%}.motion-scene__pixel-poster--phone{width:min(45vw,176px);top:18.5%;left:83%}.motion-scene__pixel-poster--slime{width:min(29vw,116px);top:45.5%;left:23%}.motion-scene__copy--pixel{bottom:18%}.motion-scene__copy{max-width:calc(100% - 42px);top:auto;bottom:27%;left:22px;transform:none}.motion-scene__copy h1{letter-spacing:-.06em;font-size:clamp(35px,9.4vw,60px);line-height:1.18}.motion-scene__copy--pixel h1{font-size:clamp(24px,7.3vw,42px)}.motion-scene--pixel .motion-scene__sticky:after{background:linear-gradient(0deg, var(--scene-bg) 12%, color-mix(in srgb, var(--scene-bg) 76%, transparent) 35%, transparent 67%)}body:has(.motion-journey) .home-content-grid{padding-inline:22px}body:has(.motion-journey) .home-content-section:first-child{padding-top:65px}body:has(.motion-journey) .home-section-head{gap:12px;margin-bottom:26px}body:has(.motion-journey) .home-section-head h2{font-size:clamp(27px,8vw,37px)}body:has(.motion-journey) .home-section-head{flex-wrap:wrap}body:has(.motion-journey) .home-section-all{font-size:11px}body:has(.motion-journey) .home-project-grid,body:has(.motion-journey) .home-note-list{gap:31px;grid-template-columns:1fr!important}body:has(.motion-journey) .home-project-copy{padding-top:14px}body:has(.motion-journey) .home-note-list{gap:0}}@media (prefers-reduced-motion:reduce){.motion-journey,.motion-journey.is-enhanced{z-index:auto;height:min(690px,100svh - 80px);position:relative;inset:auto}.motion-stage{height:100%;position:relative;top:0}}@media (prefers-reduced-motion:reduce) and (width<=1024px){.motion-journey,.motion-journey.is-enhanced{height:min(690px,100svh)}}@media (width<=1024px){body:has(.motion-journey) .mobile-island{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .3s,visibility;transform:translate(-50%,22px)}html.motion-hero-complete body:has(.motion-journey) .mobile-island{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s,transform .3s,visibility;transform:translate(-50%)}}body:has(.motion-journey) .home-works-character{pointer-events:none;width:clamp(250px,29vw,360px);margin:clamp(-95px,-7vw,-50px) 0 -12px clamp(4px,3vw,44px)}.home-works-character img{image-rendering:auto;width:100%;height:auto;display:block}.home-works-character .home-works-character__animation{opacity:0;position:absolute;inset:0}.home-works-character.is-animation-ready .home-works-character__animation{opacity:1}.home-works-character.is-animation-ready .home-works-character__poster{visibility:hidden}@media (width<=650px){body:has(.motion-journey) .home-works-character{width:clamp(225px,65vw,280px);margin:-50px 0 -10px}}body:has(.motion-journey) .home-project-card:has(.home-dangling-character){position:relative}@media (width>=1025px){html.character-visibility-managed body:has(.motion-journey) .home-project-grid:has(>.home-project-card:nth-child(4) .home-dangling-character)>.home-project-card:nth-child(n+4):nth-child(-n+6){margin-top:150px}}@media (width>=651px) and (width<=1024px){html.character-visibility-managed body:has(.motion-journey) .home-project-grid:has(>.home-project-card:nth-child(4) .home-dangling-character)>.home-project-card:nth-child(3),html.character-visibility-managed body:has(.motion-journey) .home-project-grid:has(>.home-project-card:nth-child(4) .home-dangling-character)>.home-project-card:nth-child(4){margin-top:132px}}body:has(.motion-journey) .home-dangling-character{z-index:3;pointer-events:none;transform-origin:50% 58%;width:clamp(120px,12vw,164px);animation:5.6s ease-in-out infinite purple-girl-dangle;position:absolute;top:calc(-1*clamp(106px,15vw,166px));right:12px}.home-dangling-character img,.home-making-character img{image-rendering:auto;width:100%;height:auto;display:block}body:has(.motion-journey) .home-project-card:hover .home-dangling-character img,body:has(.motion-journey) .home-project-card:focus-visible .home-dangling-character img{transform:none}body:has(.motion-journey) .home-making-character{pointer-events:none;height:clamp(218px,23vw,288px);position:relative}body:has(.motion-journey) .home-making-character img{width:clamp(235px,24vw,330px);animation:6.2s ease-in-out infinite purple-girl-type;position:absolute;bottom:0;left:clamp(0px,2vw,28px)}@keyframes purple-girl-dangle{0%,12%,to{transform:rotate(-1deg)translateY(0)}40%{transform:rotate(1.4deg)translateY(-2px)}70%{transform:rotate(-.6deg)translateY(1px)}}@keyframes purple-girl-type{0%,19%,28%,38%,60%,to{transform:translateY(0)}23%,33%{transform:translateY(2px)}46%{transform:translateY(-1px)}}@media (width<=650px){body:has(.motion-journey) .home-project-card:has(.home-dangling-character){padding-top:145px}body:has(.motion-journey) .home-dangling-character{width:132px;top:0;right:5px}body:has(.motion-journey) .home-making-character{height:214px}body:has(.motion-journey) .home-making-character img{width:218px;left:0}}@media (prefers-reduced-motion:reduce){body:has(.motion-journey) .home-dangling-character,body:has(.motion-journey) .home-making-character img{animation:none;transform:none}}