@font-face{font-family:"Redaction 20";src:url(../fonts/Redaction_20-Regular.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Geist Pixel;src:url(../fonts/typography-study/GeistPixel-Grid.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Geist;src:url(../fonts/typography-study/Geist-Variable.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}:root{--night:#0e0e0e;--white:#fff;--grey:#868686;--yellow:#fcfc56;--bios-blue:#6a5aff;color-scheme:dark}*{box-sizing:border-box}html{height:100%;background:var(--night)}body{min-height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--white);font-family:Geist,Arial,sans-serif}button,a{color:inherit}.crt-clip{position:absolute;pointer-events:none}.holding{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.holding__backdrop{position:absolute;z-index:-1;inset:100px;overflow:hidden;background:#090909;clip-path:url(#crt-screen-clip)}.holding__backdrop:before{position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 52px #000000c2;content:"";pointer-events:none}.holding__backdrop:after{position:absolute;z-index:3;inset:0;background:radial-gradient(circle at 50% 45%,#0e0e0ec2 0 16%,#0e0e0e57 38%,#0e0e0e14 68%),linear-gradient(to bottom,#0e0e0e1f,#0e0e0e61);content:""}.holding__image{position:absolute;z-index:1;inset:0;opacity:0;background-position:center;background-repeat:no-repeat;background-size:cover;filter:grayscale(1) contrast(1.35) brightness(.52);animation:holding-image-cycle 2.5s ease-in-out infinite;will-change:opacity}.holding__image--clouds{background-image:url(../images/world/clouds.png)}.holding__image--lan{background-image:url(../images/world/lan.png);animation-delay:.5s}.holding__image--port{background-image:url(../images/world/port.png);animation-delay:1s}.holding__image--watt{background-image:url(../images/world/watt.png);animation-delay:1.5s}.holding__image--woods{background-image:url(../images/world/woods.png);animation-delay:2s}@keyframes holding-image-cycle{0%{opacity:0}6%,20%{opacity:.5}26%,to{opacity:0}}.system-text{font-family:Geist Pixel,ui-monospace,monospace;font-size:16px;line-height:1.35;letter-spacing:.02em}.holding__status{position:relative;z-index:40;display:flex;justify-content:space-between;color:var(--grey)}.holding__centre{min-height:0;display:grid;place-items:center;padding:18px 0}.living-lockup{display:flex;flex-direction:column;align-items:center;transform:translateY(2vh)}.boy-anchor{position:relative;width:clamp(132px,14vw,172px);height:clamp(190px,20vw,248px)}.now-axis{position:relative;width:72px;height:clamp(188px,22vw,246px);margin-top:8px}.now-axis img{position:absolute;top:50%;left:50%;width:clamp(188px,22vw,246px);height:auto;display:block;transform:translate(-50%,-50%) rotate(90deg);filter:brightness(0) invert(1)}.holding__footer{position:relative;z-index:5;text-align:center}.holding__footer h1{margin:0 0 12px;font-family:"Redaction 20",Georgia,serif;font-size:clamp(52px,5.625vw,72px);font-weight:400;line-height:.9;letter-spacing:-.035em}.holding__footer p{max-width:54ch;margin:0;color:var(--grey);font-size:18px;line-height:1.45}.speech{position:absolute;z-index:6;top:0;left:0;max-width:220px;padding:11px 14px;background:var(--yellow);color:var(--night);font-family:Geist Pixel,ui-monospace,monospace;font-size:16px;line-height:1.25;pointer-events:none;will-change:transform}.speech:empty{display:none}.speech:after{position:absolute;bottom:-20px;left:20px;width:24px;height:20px;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 4px,20px 4px,20px 8px,16px 8px,16px 12px,12px 12px,12px 16px,8px 16px,8px 20px,4px 20px,4px 4px,0 4px);content:""}.speech[data-side=left]:after{right:20px;left:auto;transform:scaleX(-1)}.speech.is-offstage{visibility:hidden}.ok-boy-world{position:absolute;z-index:30;top:0;left:0;overflow:visible;pointer-events:none}.ok-boy-world .speech{position:absolute;z-index:2}.ok-boy{--ok-boy-size:clamp(132px,14vw,172px);width:var(--ok-boy-size);height:auto;min-width:48px;display:block;color:var(--white);overflow:visible}.ok-boy--world{position:absolute;z-index:1;top:0;left:0;max-width:none;pointer-events:none}.ok-boy--interactive{cursor:url(../cursors/win95-hand.cur),pointer;outline:none}.ok-boy--draggable{cursor:url(../cursors/win95-hand.cur),grab;touch-action:none;-webkit-user-select:none;user-select:none}.ok-boy--dragging{cursor:url(../cursors/win95-move.cur),grabbing;will-change:transform}.ok-boy--dragging .boy-rig{will-change:transform}html.ok-boy-is-hovering,html.ok-boy-is-hovering *{cursor:url(../cursors/win95-hand.cur),pointer!important}html.ok-boy-is-grabbing,html.ok-boy-is-grabbing *{cursor:url(../cursors/win95-move.cur),grabbing!important;-webkit-user-select:none!important;user-select:none!important}.ok-boy--interactive:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.boy-rig,.presence-rig,.attention-rig,.head-rig,.body-rig,.torso,.arm,.forearm,.leg,.leg-section,.eyes,.eye-tracker,.eye,.star{transform-box:fill-box}.boy-rig{transform-origin:center bottom}.presence-rig{transform-origin:center center}.attention-rig,.head-rig{transform-origin:center 80%}.body-rig{transform-origin:center top}.torso{transform-origin:center bottom}.arm--left{transform-origin:right center}.arm--right{transform-origin:left center}.forearm--left{transform-origin:right center}.forearm--right{transform-origin:left center}.leg{transform-origin:center top}.leg-section,.eye-tracker,.eye{transform-origin:center}.eye.is-blinking{animation:ok-boy-blink .3s steps(1,end)}.eye.is-blinking-double{animation:ok-boy-blink-double .56s steps(1,end)}.eye.is-blinking-long{animation:ok-boy-blink-long .52s steps(1,end)}.star-field{opacity:0}@keyframes ok-boy-blink{0%,32%,68%,to{transform:scaleY(1)}33%,67%{transform:scaleY(.08)}}@keyframes ok-boy-blink-double{0%,18%,36%,54%,to{transform:scaleY(1)}19%,35%,55%,70%{transform:scaleY(.08)}}@keyframes ok-boy-blink-long{0%,20%,80%,to{transform:scaleY(1)}21%,79%{transform:scaleY(.08)}}@media(max-width:640px){.holding{padding:18px 16px 20px}.holding__backdrop{inset:72px 24px 96px}.holding__status span:last-child{display:none}.holding__centre{padding:12px 0}.living-lockup{transform:none}.boy-anchor{width:126px;height:182px}.now-axis{width:62px;height:176px;margin-top:8px}.now-axis img{width:176px}.holding__footer h1{font-size:52px}.holding__footer p{max-width:34ch;font-size:16px}.speech{max-width:190px;font-size:16px}}@media(max-height:680px)and (min-width:641px){.boy-anchor{width:118px;height:170px}.now-axis{height:160px;margin-top:8px}.now-axis img{width:160px}.holding__footer h1{font-size:52px}}@media(prefers-reduced-motion:reduce){.ok-boy{scroll-behavior:auto}.holding__image{animation:none}.holding__image--clouds{opacity:.5}}