.rad-grid{display:flex;flex-wrap:wrap;gap:4px}#rad-grid-txt{height:53px;width:74px}#rad-grid-crcl{height:44px;width:44px}.scroll-reveal{opacity:.1;transform:translateY(8px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal-text{font:var(--f-PARAGRAPH);text-transform:none;margin:0}.gradual-blur-inner{position:relative;width:100%;height:100%}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not (backdrop-filter: blur(1px)){.gradual-blur-inner>div{background:#0000004d;opacity:.5}}.gradual-blur-fixed{position:fixed!important;inset:0;pointer-events:none;z-index:1000}.loading-screen{position:fixed;inset:0;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease-out;pointer-events:none}.loading-screen.hidden{opacity:0}.loading-screen.visible{opacity:1;pointer-events:all}.loading-logo{width:80px;height:80px;margin-bottom:2rem;opacity:0;transform:scale(.8);transition:opacity .4s ease-out,transform .4s ease-out}.loading-screen.visible .loading-logo{opacity:1;transform:scale(1)}.loading-bar-container{width:300px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loading-bar{height:100%;background:linear-gradient(90deg,#29d8ff,#46a);width:0%;transition:width .3s ease-out;box-shadow:0 0 10px #29d8ff80}.loading-text{margin-top:1rem;font:var(--f-CAPTION);color:#fff9;letter-spacing:.1em}.curtain-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:20;overflow:hidden}.curtain-transition[data-active]{pointer-events:auto}.curtain-layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.laser-flow-container{width:100vw;height:100vh;position:fixed;pointer-events:none;z-index:10;mix-blend-mode:exclusion}.staggered-menu-wrapper{position:relative;width:fit-content;height:fit-content;z-index:100;pointer-events:none}.staggered-menu-wrapper>*{pointer-events:auto}.fixed-wrapper{position:fixed;top:0;right:0;width:26vw;height:100vh;overflow:hidden}.fixed-wrapper:not([data-open]){pointer-events:none}.fixed-wrapper:not([data-open]) .staggered-menu-header{pointer-events:auto}.staggered-menu-header{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:right;padding:1em;z-index:20}.sm-toggle{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;color:var(--c-LGHT);font:var(--f-FUNCTIONAL);transition:color .25s}.sm-toggle-textWrap,.sm-glitch-stack{position:relative;display:inline-block}.sm-glitch-layer{display:block;font-weight:600;letter-spacing:.5px}.sm-glitch-layer.main{position:relative;z-index:3}.sm-glitch-layer.red,.sm-glitch-layer.blue{position:absolute;top:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:0}.sm-glitch-layer.red{color:#ff2d62;text-shadow:0 0 3px #ff2d62}.sm-glitch-layer.blue{color:#32d4ff;text-shadow:0 0 3px #32d4ff}.sm-icon{position:relative;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center}.sm-icon-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:calc(100% - 11em);background:linear-gradient(var(--c-DRK) 80%,var(--c-DRK_TRNS));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em;overflow-y:auto;z-index:10}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-panel-inner{flex:1;display:flex;flex-direction:column}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.sm-panel-item{position:relative;color:var(--c-LGHT);font:var(--f-FUNCTIONAL);font-weight:600;font-size:3.5rem;line-height:1;letter-spacing:-2px;text-transform:uppercase;text-decoration:none;display:inline-block;transition:color .3s}.sm-panel-item:hover{color:var(--c-BRND)}.sm-panel-item-bg{position:relative;height:100%;overflow:hidden}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;font-size:1rem;font-weight:400;color:var(--c-BRND);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none}.sm-socials{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.sm-socials h3{font:var(--f-FUNCTIONAL);color:var(--c-BRND)}.sm-socials ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}.sm-socials a{font:var(--f-FUNCTIONAL);color:var(--c-LGHT);transition:color .2s ease,opacity .2s ease}.sm-socials a:hover{color:var(--c-BRND)}.sm-socials a:focus-visible{outline:2px solid var(--c-BRND);outline-offset:.25rem}.sm-socials ul:hover a{opacity:.4}.sm-socials ul:hover a:hover,.sm-socials ul:focus-within a:focus-visible{opacity:1}.sm-socials ul:focus-within a{opacity:.4}@media(max-width:1024px){.staggered-menu-panel,.sm-prelayers{width:100%}}.home-page{height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-behavior:smooth}.home-section{display:flex;height:100vh;width:100vw;box-sizing:border-box;padding:64px 0 0 64px;position:fixed}.home-content{flex:1;display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"rp-name . nav-menu" "quote . ." ". hero-title ." ". hero-flavour ." ". home-deco .";mix-blend-mode:difference;align-items:start}.home-logo-link{display:block;width:fit-content;height:fit-content;grid-area:rp-logo}.home-name{grid-area:rp-name;align-self:start}.home-quote{grid-area:quote}.home-accents-bottom{grid-area:home-deco;display:flex;justify-content:space-between}.home-accent-decal{margin:0 0 auto;width:4rem;aspect-ratio:52/18}.home-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:flex-end;gap:24px;padding:0 0 16px;width:64px;mix-blend-mode:difference;flex-shrink:0}.home-side-rotation-wrapper{width:64px;height:256px}.home-side-flavour-text{display:flex;justify-content:center;flex-direction:column}.home-side-flavour-text p{text-align:left;white-space:nowrap}.home-side-text-brand{color:var(--c-BRND)}.home-side-divider{display:flex;flex-direction:column;align-items:center;gap:4px}.home-side-deco-text{text-align:center}.home-transition-section{padding-top:100vh;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.home-canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.work-card-wrap{perspective:900px}.work-card{display:block;width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;transform-origin:center;transition:transform .25s ease,box-shadow .25s ease;will-change:transform;cursor:pointer}.work-card:hover{box-shadow:0 20px 50px var(--c-BRND_TRNS)}.work-card-content{position:absolute;left:16px;bottom:16px;width:40%;height:40%;display:grid;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"title software" "project software" "deco deco" "client date";padding:8px;color:var(--c-LGHT);border:1px solid var(--c-LGHT);background:var(--c-DRK_TRNS)}#project-number{grid-area:project;align-self:start;justify-self:start;font:var(--f-DECORATIONAL_SMALL)}#project-name{grid-area:title;align-self:start;justify-self:start;font:var(--f-DECORATIONAL)}#project-software{grid-area:software;align-self:start;justify-self:end;font:var(--f-DECORATIONAL_TINY)}#project-client{grid-area:client;align-self:end;justify-self:start;font:var(--f-DECORATIONAL_SMALL)}#project-year{grid-area:date;align-self:end;justify-self:end;font:var(--f-DECORATIONAL)}.pixel-card-inner{position:relative;width:100%;height:100%;display:block;z-index:1;pointer-events:auto}.pixel-card-inner .pixel-canvas{position:absolute;inset:0;z-index:1}.work-cylinder-canvas{width:100vw;height:100vh;background:linear-gradient(180deg,var(--c-DRK) 70%,var(--c-BRND_TRNS) 100%);overflow:hidden}.work-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.work-canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:all}.hero-section{display:flex;height:100vh}.hero-content{flex:1;display:flex;justify-content:end;align-items:end}.hero-banner{position:fixed;object-fit:cover;width:100%;height:100%;z-index:-1;top:0}.hero-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 0 4rem;width:4rem;mix-blend-mode:difference}.icon-array-vertical{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px}.text-array{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:end;align-items:center;gap:4px;padding:0 12px;height:230px}.text-array p{height:fit-content;width:fit-content}.hero-side-text{display:flex;align-items:baseline;gap:4px}.hero-side-decal{width:48px;height:48px}.hero-title-wrapper{display:flex;gap:8px;margin:0 3rem 4rem 0;mix-blend-mode:difference}.work-section{background-color:var(--c-DRK)}.work-header{display:flex;flex-direction:column;gap:32px;padding:0 96px;margin:0 auto;max-width:60%}.work-synopsis{display:flex;flex-direction:column;gap:8px;margin-top:96px}.work-synopsis-subtitle{display:flex;align-items:center;gap:8px;text-transform:uppercase}.work-synopsis-subtitle img{height:16px}.work-header-chapter{display:flex;align-items:center;gap:4px;padding:0 4px;background-color:var(--c-LGHT);color:var(--c-DRK)}.work-header-chapter img{height:24px;mix-blend-mode:difference}.work-full{margin-top:96px;width:100vw;height:80vh}.work-full img{object-fit:cover;width:100%;height:100%}.work-double{margin-top:96px;width:100vw;display:flex;justify-content:space-between;height:60vh}.work-double img{object-fit:contain;width:calc(50vw - 12px);height:100%}.work-full-thin{margin-top:96px;width:100vw;height:40vh}.work-full-thin img{object-fit:cover;width:100%;height:100%}:root{--c-BRND: #2AD0D5;--c-LGHT: #EEE;--c-DRK: #0A0A0A;--c-BRND_TRNS: rgba(42, 208, 213, .15);--c-DRK_TRNS: rgba(17, 17, 17, .6);--c-LGHT_TRNS: rgba(238, 238, 238, .6);--c-TRNS: rgba(0, 0, 0, 0);--c-BRND-CNTRST: #d52a2a;--c-GOLD: radial-gradient(90deg. #FFBB00 0%, #A95B17 100%);--f-TITLE: 4em "Kode Mono", monospace;--f-HEADER: 3rem "Orbitron", sans-serif;--f-H3: 1.5rem "Orbitron", sans-serif;--f-PARAGRAPH: 1rem "Alata", sans-serif;--f-FUNCTIONAL: 1rem "Kode Mono", monospace;--f-FUNCTIONAL_SMALL: .75rem "Kode Mono", monospace;--f-FUNCTIONAL_TINY: .5rem "Kode Mono", monospace;--f-DECORATIONAL: 2rem "Kode Mono", monospace;--f-DECORATIONAL_SMALL: 1rem "Kode Mono", monospace;--f-DECORATIONAL_TINY: .75rem "Kode Mono", monospace;--s-SHDW: 0px 0px 20px var(--c-DRK_TRNS)}html{scrollbar-width:none}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--c-DRK);color:var(--c-LGHT)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}h1,h2,h3,h4,h5,h6,p,a,span,li,ul,ol{margin:0}h1{font:var(--f-TITLE);text-transform:uppercase;text-shadow:0 0 20px var(--c-LGHT_TRNS)}h2{font:var(--f-HEADER);text-transform:uppercase}h3{font:var(--f-H3);text-transform:uppercase}p{font:var(--f-PARAGRAPH)}.functional{font:var(--f-FUNCTIONAL)}.functional-small{font:var(--f-FUNCTIONAL_SMALL)}.functional-tiny{font:var(--f-FUNCTIONAL_TINY)}.deco{font:var(--f-DECORATIONAL)}.deco-small{font:var(--f-DECORATIONAL_SMALL)}.deco-tiny{font:var(--f-DECORATIONAL_TINY)}.r90{rotate:90deg}.r-90{rotate:-90deg}.tr90{writing-mode:sideways-lr}.logo-home-link{display:flex;width:64px;height:64px;align-items:center;justify-content:center}.logo-header{width:fit-content;height:fit-content}body[data-phase=ready] main{opacity:1;transition:opacity .4s ease}body[data-phase=transitioning] main{opacity:0}body[data-phase=entering] main{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}