@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a1e1e2ab4a689572-s.09l8dkp0mha4-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b84cc1c14eba5dc9-s.08792-zi_wurf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4f530f52d514af96-s.p.14jjy3pe-nwsl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9710cef2a2a6ac70-s.1glkedkmkj4ol.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a978fc28c69736ab-s.0jk2f-2yu65-t.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(../media/303804218d80822e-s.p.0j4ssjn_k8z58.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e37557cf0085218d-s.323_pd8dkinxn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/146a3e5eadafdf83-s.3o5kmmd3ujeri.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d9b5d46d9a89ffe6-s.p.0rkprfbp4mv-a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed Fallback;src:local(Arial);ascent-override:130.73%;descent-override:26.15%;line-gap-override:0.0%;size-adjust:76.49%}.UZEj7a_className{font-family:Barlow Condensed,Barlow Condensed Fallback;font-style:normal}.UZEj7a_variable{--font-barlow:"Barlow Condensed", "Barlow Condensed Fallback"}
@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/316b6682b406c2db-s.1c_7chp82d3kz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5e4d537aaa9e154b-s.p.2aqrdzrjzn6ap.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.a0io7q_className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.a0io7q_variable{--font-archivo:"Archivo Black", "Archivo Black Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--tracking-widest:.1em;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-0{z-index:0}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[var\(--p3-cyan\)\]{color:var(--p3-cyan)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:text-\[var\(--p3-white\)\]:hover{color:var(--p3-white)}}@media (min-width:48rem){.md\:px-16{padding-inline:calc(var(--spacing) * 16)}}@media (min-width:64rem){.lg\:px-24{padding-inline:calc(var(--spacing) * 24)}}}:root{--red:#00a5e6;--red-deep:#004ca3;--black:#0b0b0d;--white:#f6f4ef;--ink:#111}@font-face{font-family:New Rodin;src:url("/fonts/NewRodin Pro DB.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:New Rodin;src:url("/fonts/NewRodin Pro EB.otf")format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Rodin Pro;src:url("/fonts/Rodin Pro UB.otf")format("opentype");font-weight:800;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--black);color:var(--white);font-family:var(--font-barlow), "Barlow Condensed", "Arial Narrow", Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}.display{font-family:var(--font-archivo), "Archivo Black", "Arial Black", Impact, sans-serif}#home-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#bg{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-layer{will-change:transform;position:absolute;inset:0}#bg-stripes{background:repeating-linear-gradient(115deg, var(--red) 0 46px, var(--red-deep) 46px 52px, var(--red) 52px 120px, #001dc4 120px 126px);will-change:transform;animation:24s linear infinite stripeDrift;position:absolute;inset:-120px;transform:translateZ(0)}@keyframes stripeDrift{0%{transform:translate(0)}to{transform:translate(140px,60px)}}#bg-halftone{opacity:.4;will-change:transform;background-image:radial-gradient(circle,#00000059 1.6px,#0000 1.7px);background-size:14px 14px;animation:30s linear infinite halftoneDrift;position:absolute;inset:-70px;transform:translateZ(0)}@keyframes halftoneDrift{0%{transform:translate(0)}to{transform:translate(-70px,70px)}}#bg-vignette{background:radial-gradient(at 32% 40%,#0000 30%,#000000b8 100%)}.bg-star{opacity:.16;transform-origin:50%;will-change:transform;animation:60s linear infinite spin;position:absolute}.bg-star.s2{opacity:.1;will-change:transform;animation-duration:90s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}#slash{z-index:1;pointer-events:none;background:var(--black);clip-path:polygon(58% 0,100% 0,100% 100%,40% 100%,52% 62%,45% 60%,60% 24%,51% 22%);transition:clip-path .8s cubic-bezier(.8,0,.15,1);position:fixed;inset:0}body[data-screen]:not([data-screen=home]) #slash{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 62%,0 60%,0 24%,0 22%)}#shell{z-index:2;flex-direction:column;height:100dvh;min-height:100vh;display:flex;position:relative}#hud-top{letter-spacing:.14em;justify-content:space-between;align-items:flex-start;padding:18px 26px 0;font-weight:600;display:flex}.hud-tag{background:var(--black);color:var(--white);text-transform:uppercase;padding:5px 14px;font-size:14px;transform:rotate(-2deg);box-shadow:4px 4px #00000059}.hud-tag.alt{background:var(--white);color:var(--black);transform:rotate(1.5deg)}#hud-bottom{letter-spacing:.18em;text-transform:uppercase;opacity:.95;align-items:center;gap:22px;padding:0 26px 16px;font-size:13px;display:flex}#hud-bottom .key{background:var(--white);color:var(--black);border-radius:2px;margin-right:6px;padding:2px 8px;font-weight:700;display:inline-block;transform:skew(-8deg)}#stage{flex:1;position:relative;overflow:hidden}.screen{scrollbar-width:thin;scrollbar-color:var(--red) transparent;padding:2vh 4vw;display:none;position:absolute;inset:0;overflow:hidden auto}.screen.active{display:block}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--red)}#screen-home{padding:0 4vw;display:none}#screen-home.active{flex-direction:column;justify-content:center;display:flex}#intro-eyebrow{letter-spacing:.5em;text-transform:uppercase;text-shadow:2px 2px 0 var(--black);margin-bottom:1.2vh;font-size:clamp(14px,1.6vw,20px);font-weight:700}#big-name{cursor:pointer;width:max-content;margin-bottom:2.5vh;line-height:.92}#big-name .ransom{font-size:clamp(44px,8.5vw,124px);display:block}#big-name .ch.box{background:var(--black);color:var(--white);box-shadow:4px 4px 0 var(--red);border:1px solid #ffffff40;padding:.04em .12em}#big-name .ch.boxw{background:var(--white);color:var(--black);box-shadow:4px 4px 0 var(--black);padding:.04em .12em}#big-name .ch.red{color:var(--red);text-shadow:2px 2px 0 var(--black)}#tagline{background:var(--black);max-width:520px;padding:12px 18px;font-size:clamp(15px,1.5vw,20px);line-height:1.45;transform:rotate(-1deg);box-shadow:6px 6px #0000004d}#menu{flex-direction:column;align-items:flex-start;gap:.6vh;margin-top:4vh;display:flex}.menu-item{cursor:pointer;color:var(--white);text-align:left;opacity:0;background:0 0;border:0;padding:2px 14px 2px 4px;position:relative;transform:translate(-60px)}.menu-item .ransom{font-size:clamp(26px,4.2vw,56px)}.loaded .menu-item{animation:.55s cubic-bezier(.2,1.2,.3,1) forwards menuIn}.menu-item:first-child{animation-delay:.15s}.menu-item:nth-child(2){animation-delay:.25s}.menu-item:nth-child(3){animation-delay:.35s}.menu-item:nth-child(4){animation-delay:.45s}@keyframes menuIn{to{opacity:1;transform:translate(0)}}.menu-item:before{content:"";background:var(--black);z-index:-1;width:0;height:70%;transition:width .18s cubic-bezier(.7,0,.3,1);position:absolute;top:18%;left:-4%;transform:skew(-16deg)}.menu-item.sel:before{width:108%}.menu-item.sel{transform:translate(14px)!important}.menu-item.sel .ch{color:var(--white)}.menu-item.sel .ch.box{background:var(--red);color:var(--white)}.menu-item.sel .ch.boxw{background:var(--white);color:var(--black)}.menu-item:focus-visible{outline:3px dashed var(--white);outline-offset:4px}.cursor-mark{opacity:0;color:var(--white);text-shadow:2px 2px 0 var(--black);font-size:clamp(18px,2.4vw,30px);transition:opacity .12s;position:absolute;top:50%;right:-46px;transform:translateY(-50%)rotate(8deg)}.menu-item.sel .cursor-mark{opacity:1;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.ransom{white-space:nowrap;display:inline-block}.ransom .ch{margin-right:-.15em;padding:0;line-height:1;transition:transform .15s;display:inline-block}.ransom .ch.box{background:var(--black);color:var(--white);margin:0 -.02em;padding:.02em .08em}.ransom .ch.boxw{background:var(--white);color:var(--black);margin:0 .03em;padding:.02em .08em}.ransom .ch.red{color:var(--red);text-shadow:1px 1px 0 var(--black)}.menu-item:hover .ch,.menu-item.sel .ch{animation:.35s both jitter}.menu-item:hover .ch:nth-child(odd){animation-delay:30ms}.menu-item:hover .ch:nth-child(3n){animation-delay:60ms}@keyframes jitter{0%{transform:var(--t) translateY(0)}35%{transform:var(--t) translateY(-6px) rotate(3deg)}70%{transform:var(--t) translateY(2px) rotate(-2deg)}to{transform:var(--t) translateY(0)}}.pause-menu{width:min(62vw,760px);min-height:390px;font-family:var(--font-archivo), "Arial Black", sans-serif;margin-top:2vh;position:relative}.pause-menu-options{flex-direction:column;align-items:flex-start;gap:0;height:330px;margin-left:clamp(70px,8vw,150px);display:flex}.pause-option{width:min(100%,640px);height:84px;transform:translate(var(--option-x), var(--option-y)) rotate(var(--option-rotation));transform-origin:25%;opacity:0;animation:.55s cubic-bezier(.2,1.2,.3,1) forwards pauseOptionIn;animation-delay:calc(.15s + var(--option-delay));transition:transform .16s cubic-bezier(.2,1.2,.3,1),z-index;position:relative}@keyframes pauseOptionIn{0%{opacity:0;transform:translate(calc(var(--option-x) - 80px), var(--option-y)) rotate(var(--option-rotation))}to{opacity:1}}.pause-option.is-selected{transform:translate(calc(var(--option-x) + 20px), var(--option-y)) rotate(var(--option-rotation)) scale(1.06)}.pause-option-hitbox{z-index:3;cursor:default;pointer-events:none;background:0 0;border:0;position:absolute;inset:0}.pause-option-label{z-index:1;color:#16cffb;letter-spacing:-.1em;text-shadow:0 2px 6px #00000080;font-size:clamp(32px,4.3vw,68px);font-style:italic;line-height:1;transition:color .12s,transform .12s,text-shadow .12s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pause-option:nth-child(2) .pause-option-label{color:#7de6fd}.pause-option:nth-child(3) .pause-option-label{color:#77fefc}.pause-option:nth-child(4) .pause-option-label{color:#16cffb}.pause-option-decoration{clip-path:polygon(7% 45%,100% 0,77% 100%);background:#fd77d9;width:0;height:52px;transition:width .14s cubic-bezier(.7,0,.3,1);position:absolute;top:17px;left:-42px}.pause-option.is-selected .pause-option-decoration{width:190px}.pause-option.is-selected .pause-option-label{color:#111;text-shadow:3px 0 red,0 2px 6px #00000080;animation:.28s both pauseLabelBounce}@keyframes pauseLabelBounce{0%{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.5)}to{transform:translateY(-50%)scale(1)}}.pause-option-cursor{z-index:4;color:#fff;opacity:0;text-shadow:2px 2px #000;font-size:clamp(20px,2vw,30px);position:absolute;top:50%;left:-58px;transform:translateY(-50%)rotate(8deg)}.pause-option.is-selected .pause-option-cursor{opacity:1;animation:.9s ease-in-out infinite pauseCursorPulse}@keyframes pauseCursorPulse{0%,to{transform:translateY(-50%)rotate(8deg)scale(1)}50%{transform:translateY(-50%)rotate(8deg)scale(1.18)}}.pause-option-hitbox:focus-visible{outline-offset:5px;outline:3px dashed #fff}.pause-menu-status{width:min(32vw,360px);font-family:var(--font-barlow), sans-serif;text-shadow:0 1px 6px #00000080;position:absolute;bottom:0;right:-18vw}.pause-menu-status p{margin-bottom:4px;font-size:clamp(16px,1.8vw,27px);font-style:italic}.pause-menu-command{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;display:flex}.pause-menu-command hr{border:0;border-top:1px solid;flex:1}.pause-menu-controls{letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;gap:14px;margin-top:12px;font-size:12px;display:flex}.pause-menu-controls b{color:#111;background:#f6f4ef;margin-right:3px;padding:2px 6px;font-size:10px}.pause-menu-index{color:#80808061;font-family:var(--font-archivo), sans-serif;letter-spacing:-.16em;pointer-events:none;font-size:clamp(130px,21vw,310px);font-style:italic;line-height:1;position:absolute;top:-170px;left:-4.2vw;transform:rotate(90deg)}@media (max-width:900px){.pause-menu{width:min(85vw,650px)}.pause-menu-status{width:100%;margin:12px 0 0 20px;position:relative;bottom:auto;right:auto}.pause-menu-index{display:none}}@media (prefers-reduced-motion:reduce){.pause-option{opacity:1;animation:none}.pause-option.is-selected .pause-option-cursor{animation:none}}.sub{background:0 0}.sub .screen-head{margin:1vh 0 3.5vh;display:inline-block;position:relative}.sub .screen-head .ransom{font-size:clamp(38px,6vw,84px)}.sub .screen-head:after{content:"";background:var(--red);width:105%;height:10px;position:absolute;bottom:-10px;left:-6px;transform:skew(-24deg)}#screen-projects .screen-head .ransom .ch:nth-child(-n+4){-webkit-text-stroke:2px var(--red-deep);paint-order:stroke fill}.back-hint{vertical-align:middle;letter-spacing:.2em;text-transform:uppercase;background:var(--white);color:var(--black);cursor:pointer;border:0;margin-left:22px;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.back-hint:hover{background:var(--red);color:var(--white)}#repo-status{letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-bottom:2vh;font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 34px;padding-top:14px;display:grid}#repo-grid{padding-bottom:6vh}.card{color:var(--ink);cursor:pointer;transform:rotate(var(--tilt)) translateY(24px);opacity:0;filter:drop-shadow(7px 7px #00000080);padding:20px 22px 18px;text-decoration:none;transition:transform .18s cubic-bezier(.7,0,.3,1),filter .18s;display:block;position:relative}.card:before{content:"";background:var(--white);clip-path:polygon(0 6%,3% 0,100% 0,100% 88%,97% 100%,0 100%);position:absolute;inset:0}.card>*{position:relative}.screen.active .card{animation:.5s cubic-bezier(.2,1.1,.3,1) forwards cardIn;animation-delay:var(--d)}@keyframes cardIn{to{transform:rotate(var(--tilt)) translateY(0);opacity:1}}.card:hover{filter:drop-shadow(10px 10px 0 var(--black));z-index:3;transform:rotate(0)scale(1.03)!important}.card .lang{background:var(--black);color:var(--white);letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;top:-12px;right:14px;transform:rotate(2deg)}.card .lang:before{content:"";background:var(--lc,var(--red));border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.card h3{text-transform:uppercase;word-break:break-word;margin-bottom:10px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:21px;line-height:1.05}.card h3 em{color:var(--red);font-style:normal}.card p{color:#2c2c2c;min-height:44px;font-size:15.5px;line-height:1.4}.card .meta{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;font-weight:700;display:flex}.card .meta .go{background:var(--red);color:var(--white);padding:4px 12px;transition:background .15s;transform:skew(-10deg)}.card:hover .meta .go{background:var(--black)}.card.feat{color:var(--white);filter:drop-shadow(7px 7px 0 var(--red-deep))}.card.feat:before{background:var(--black)}.card.feat:hover{filter:drop-shadow(10px 10px 0 var(--red))}.card.feat p{color:#d8d5cf}.card.feat h3{color:var(--white)}.card.feat .lang{background:var(--red)}.card.feat .meta .go{background:var(--white);color:var(--black)}.card.feat:hover .meta .go{background:var(--red);color:var(--white)}#feat-grid,.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 34px;padding-top:14px;display:grid}#repo-grid{padding-top:14px}.live-dot{background:#3dff6e;border-radius:50%;width:9px;height:9px;margin-right:7px;animation:1.1s ease-in-out infinite liveBlink;display:inline-block}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.25}}.grid-label{text-transform:uppercase;letter-spacing:.12em;text-shadow:2px 2px 0 var(--black);margin:3.5vh 0 2vh;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(15px,1.7vw,20px)}.grid-label .bar{background:var(--white);vertical-align:baseline;width:34px;height:12px;margin-right:12px;display:inline-block;transform:skew(-24deg)}#screen-projects .grid-label,#screen-projects #repo-status{color:var(--red-deep);text-shadow:1px 1px 0 var(--white), -1px -1px 0 var(--white)}#screen-projects .grid-label .bar{background:var(--red-deep)}.skill-group{max-width:920px;margin-bottom:5vh}.skill-group h3{background:var(--white);color:var(--black);text-transform:uppercase;box-shadow:5px 5px 0 var(--black);margin-bottom:2.4vh;padding:6px 16px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(18px,2.2vw,26px);display:inline-block;transform:rotate(-1.5deg)}.skill-row{align-items:center;gap:18px;margin-bottom:12px;display:flex}.skill-row .name{letter-spacing:.1em;text-transform:uppercase;width:220px;text-shadow:1px 1px 0 var(--black);flex-shrink:0;font-size:17px;font-weight:700}.skill-bar{background:#0000008c;flex:1;max-width:520px;height:20px;position:relative;overflow:hidden;transform:skew(-18deg)}.skill-bar .fill{background:var(--white);background-image:repeating-linear-gradient(90deg,#0000 0 26px,#e6001238 26px 30px);width:0;transition:width .9s cubic-bezier(.2,1,.3,1);position:absolute;inset:0}.skill-row .lv{text-align:right;width:70px;text-shadow:2px 2px 0 var(--black);font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:15px}.paper{background:var(--white);max-width:760px;color:var(--ink);clip-path:polygon(0 4%,2% 0,100% 0,100% 94%,98% 100%,0 100%);margin-bottom:4vh;padding:30px 34px;font-size:18px;line-height:1.55;transform:rotate(-.6deg);box-shadow:10px 10px #0000008c}.paper strong{color:var(--red)}.paper .stamp{background:var(--black);color:var(--white);padding:2px 8px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.contact-list{color:var(--white);text-shadow:2px 2px #000000b3;flex-direction:column;align-items:flex-start;gap:8px;padding:4px 0 6vh;font-size:clamp(17px,2vw,23px);line-height:1.35;display:flex}.contact-list p{margin:0}.contact-list strong{color:var(--red)}.contact-list a{color:var(--white);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.contact-list a:hover{color:var(--red)}#hero-art{z-index:1;object-fit:contain;object-position:bottom right;filter:drop-shadow(-14px 10px #0049e6d9)drop-shadow(-4px 4px 12px #0009);pointer-events:none;max-width:46vw;height:min(92vh,900px);transition:transform .8s cubic-bezier(.8,0,.15,1),opacity .5s;position:fixed;bottom:0;right:0}body[data-screen]:not([data-screen=home]) #hero-art{opacity:0;transform:translate(60%)skew(-6deg)}@media (max-width:900px){#hero-art{opacity:.5;max-width:70vw}}.card .thumb{clip-path:polygon(0 0,100% 0,100% 82%,0 100%);background:var(--black);height:150px;margin:-20px -22px 14px;position:relative;overflow:hidden}.card .thumb img{object-fit:cover;filter:grayscale(.9)contrast(1.15);width:100%;height:100%;transition:filter .2s,transform .3s}.card:hover .thumb img{filter:grayscale(0)contrast(1.05);transform:scale(1.05)}.card .thumb:after{content:"";background:linear-gradient(115deg, transparent 78%, var(--red) 78.5%);position:absolute;inset:0}.about-photo{float:right;background:var(--white);width:min(240px,38%);margin:0 0 14px 22px;padding:10px 10px 34px;position:relative;transform:rotate(3deg);box-shadow:8px 8px #00000059}.about-photo img{filter:contrast(1.05);width:100%;display:block}.about-photo:before{content:"";background:var(--red);opacity:.9;clip-path:polygon(4% 0,96% 8%,100% 92%,0 100%);width:90px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg)}.about-photo figcaption{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:8px;font-size:12px;font-weight:700}#wipe{z-index:50;pointer-events:none;position:fixed;inset:-10%}#wipe .pane{position:absolute;inset:0;transform:translate(-130%)skew(-14deg)}#wipe .p1{background:var(--red)}#wipe .p2{background:var(--black)}#wipe .p3{background:var(--white)}#wipe.go .pane{animation:.7s cubic-bezier(.75,0,.2,1) forwards wipeAcross}#wipe.go .p2{animation-delay:60ms}#wipe.go .p1{animation-delay:.12s}#wipe.leave .pane{animation:.34s cubic-bezier(.75,0,.2,1) forwards wipeOut}#wipe.leave .p2{animation-delay:40ms}#wipe.leave .p1{animation-delay:80ms}@keyframes wipeAcross{0%{transform:translate(-130%)skew(-14deg)}45%{transform:translate(0%)skew(-14deg)}55%{transform:translate(0%)skew(-14deg)}to{transform:translate(130%)skew(-14deg)}}@keyframes wipeOut{0%{transform:translate(0)skew(-14deg)}to{transform:translate(130%)skew(-14deg)}}#wipe .flash{background:var(--white);opacity:0;position:absolute;inset:0}#wipe.go .flash{animation:.7s linear forwards flash}@keyframes flash{0%,44%{opacity:0}48%{opacity:1}56%{opacity:0}to{opacity:0}}@media (pointer:fine){body.cursor-on,body.cursor-on *,body[data-screen=home],body[data-screen=home] *{cursor:none!important}body[data-screen=home] #cursor{display:none!important}}#cursor{z-index:100000;pointer-events:none;filter:hue-rotate(210deg);background-image:url(/assets/cursors/normal.png);background-position:0 0;background-repeat:no-repeat;width:48px;height:48px;margin:-3px 0 0 -4px;display:none;position:fixed;top:0;left:0}#cursor.link{background-image:url(/assets/cursors/link.png);margin:-6px 0 0 -6px}#big-name{cursor:pointer;width:max-content}#big-name:hover .ch{animation:.35s both jitter}#big-name:hover .ch:nth-child(odd){animation-delay:30ms}#big-name:hover .ch:nth-child(3n){animation-delay:60ms}#big-name:active{transform:scale(.985)}.menu-art{object-fit:cover;opacity:0;will-change:transform;pointer-events:none;width:100%;height:100%;transition:opacity .55s;position:absolute;inset:0}body[data-screen=home] #art-home,body[data-screen=projects] #art-projects,body[data-screen=skills] #art-skills,body[data-screen=about] #art-about,body[data-screen=contact] #art-contact{opacity:1}body.has-art-home #slash{display:none}body.has-art-home[data-screen=home] #bg-halftone,body.has-art-projects[data-screen=projects] #bg-halftone,body.has-art-skills[data-screen=skills] #bg-halftone,body.has-art-about[data-screen=about] #bg-halftone,body.has-art-contact[data-screen=contact] #bg-halftone{opacity:.5}body.has-art-home[data-screen=home] #bg-vignette,body.has-art-skills[data-screen=skills] #bg-vignette{background:linear-gradient(100deg,#0000006b 0%,#0000001f 36%,#0000 58%),radial-gradient(at 32% 40%,#0000 30%,#0000008c 100%)}body.has-art-contact[data-screen=contact] #bg-vignette{background:linear-gradient(260deg,#0000007a 0%,#00000024 38%,#0000 60%),radial-gradient(at 68% 40%,#0000 30%,#0000008c 100%)}body.has-art-about[data-screen=about] #bg-vignette{background:linear-gradient(260deg,#000000b8 0%,#0000004d 42%,#0000 64%),radial-gradient(at 68% 40%,#0000 25%,#0009 100%)}body.has-art-home #menu .ch:not(.box):not(.boxw),body.has-art-home #big-name .ch:not(.box):not(.boxw){text-shadow:2px 2px #0009}.screen.align-right.active{flex-direction:column;align-items:flex-end;display:flex}.screen.align-right .contact-list{justify-content:flex-end}.screen.align-right .paper{transform:rotate(.6deg)}.screen.align-right .about-photo{float:left;margin:0 22px 14px 0;transform:rotate(-3deg)}@media (max-width:820px){.screen.align-right.active{align-items:stretch}.screen.align-right .contact-list{justify-content:flex-start}}.cv-btn{background:var(--red);color:var(--white);text-transform:uppercase;letter-spacing:.06em;box-shadow:7px 7px 0 var(--black);margin-bottom:6vh;padding:16px 30px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(17px,2.2vw,24px);text-decoration:none;transition:transform .15s,background .15s,color .15s,box-shadow .15s;display:inline-block;transform:skew(-8deg)rotate(-1deg)}.cv-btn span{display:inline-block;transform:skew(8deg)}.cv-btn:hover{background:var(--white);color:var(--red);box-shadow:10px 10px 0 var(--black);transform:skew(-8deg)rotate(0)scale(1.05)}.cv-btn:active{transform:skew(-8deg)scale(.97)}#contact-form{width:100%}.form-head{text-transform:uppercase;margin-bottom:18px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(18px,2.2vw,24px);display:inline-block;position:relative}.form-head:after{content:"";background:var(--red);width:100%;height:7px;position:absolute;bottom:-6px;left:0;transform:skew(-24deg)}.field{margin-bottom:14px;display:block}.field span{letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.field input,.field textarea{border:3px solid var(--black);width:100%;color:var(--ink);background:#fff;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s;transform:skew(-2deg)}.field input:focus,.field textarea:focus{border-color:var(--red);box-shadow:4px 4px 0 var(--red);outline:none}.field textarea{resize:vertical;min-height:110px}.form-foot{flex-wrap:wrap;align-items:center;gap:18px;margin-top:6px;display:flex}.form-send{cursor:pointer;border:0;margin-bottom:0;padding:12px 26px;font-size:17px}.form-send:disabled{opacity:.55;cursor:wait}#form-status{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:13px;font-weight:700}.paper a{color:var(--red);font-weight:700}.paper a:hover{background:var(--red);color:var(--white);text-decoration:none}.paper .quote em{background:var(--black);color:var(--white);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 6px;font-style:italic;line-height:1.7;display:inline}@media (max-width:700px){.skill-row .name{width:130px;font-size:14px}#hud-bottom{flex-wrap:wrap;gap:12px;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 34px;padding-top:14px;display:grid}#repo-grid{grid-template-columns:1fr}.cursor-mark{right:-34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}body[data-screen=home] #art-home,body[data-screen=home] #bg-stripes,body[data-screen=home] #hud-top,body[data-screen=home] #hud-bottom{display:none}body[data-screen=home] #bg-halftone{opacity:0}body[data-screen=home] #bg-vignette,body.has-art-home[data-screen=home] #bg-halftone{display:none}#screen-home.active{justify-content:center;align-items:center;padding:0}#screen-home .pause-menu{--menu-x:38rem;--menu-y:-6rem;pointer-events:none;top:var(--menu-y);left:var(--menu-x);width:950px;height:100%;min-height:0;font-family:"New Rodin", var(--font-barlow), sans-serif;position:absolute;transform:translate(-40px,-25px)}#screen-home .pause-menu-options{justify-content:center;align-items:flex-start;height:100%;margin:0;overflow:visible}#screen-home .pause-option{width:950px;height:200px;transform:translate(var(--option-x), var(--option-y)) rotate(var(--option-rotation));transform-origin:25%;flex:0 0 200px;margin:0 0 -128px}#screen-home .pause-option-svg{pointer-events:none;width:950px;height:200px;display:block;overflow:visible}#screen-home .pause-option-svg-label{letter-spacing:-.14em;text-shadow:0 1px 3px #00000073;font-family:Rodin Pro,New Rodin,sans-serif;font-size:72px;font-style:italic;font-weight:800}#screen-home .pause-option-svg-label-selected{fill:red;transform-box:fill-box;transform-origin:25%;text-shadow:0 1px 3px #00000073}#screen-home .pause-option-selector-pink{fill:#fd77d9;transform-box:fill-box;transform-origin:52px 100px;animation:.9s linear infinite pauseSelectorPulse}#screen-home .pause-option-selector-fg{fill:#fff}@keyframes pauseSelectorPulse{0%,80%{transform:scale(1)}93.333%{transform:scale(1.05)}to{transform:scale(1)}}#screen-home .pause-option.is-selected{transform:translate(calc(var(--option-x) + 20px), var(--option-y)) rotate(var(--option-rotation)) scale(1.06)}#screen-home .pause-menu-status{width:360px;bottom:24px;right:80px}@media (max-width:900px){#screen-home .pause-menu{left:var(--menu-x);width:950px}}#home-video{object-fit:cover;object-position:left center;z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#skills-video{object-fit:cover;object-position:left center;z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-screen=skills] #skills-video{display:block}body[data-screen=skills] #art-skills{display:none}#projects-video{object-fit:cover;object-position:left center;z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-screen=projects] #projects-video{display:block}body[data-screen=projects] #art-projects{display:none}#about-contact-video{object-fit:cover;object-position:center;z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-screen=about] #about-contact-video,body[data-screen=contact] #about-contact-video{display:block}body[data-screen=about] #art-about,body[data-screen=contact] #art-contact{display:none}body[data-screen=about] #screen-about.active,body[data-screen=contact] #screen-contact.active{align-items:flex-start}body[data-screen=about] #screen-about .paper,body[data-screen=contact] #screen-contact .paper,body[data-screen=contact] #screen-contact .cv-btn{margin-left:0;margin-right:auto}body[data-screen=contact] #screen-contact .contact-list{justify-content:flex-start}body[data-screen]:not([data-screen=home]) #home-video{display:none!important}#shell{z-index:2;position:relative}#big-name .ransom:nth-child(2){letter-spacing:-.08em}#art-skills{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}body[data-screen=skills] #bg-halftone{display:none!important}.about-highlight{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#050505;margin:1px 2px;padding:2px 7px;font-weight:800;display:inline;box-shadow:4px 4px #00aeea}.about-highlight:nth-of-type(2n){transform:rotate(1deg)}.about-quote{color:#fff;background:#050505;border-left:7px solid #00aeea;margin-top:10px;padding:14px 18px;font-size:1.05em;font-weight:700;display:block;transform:rotate(-1deg);box-shadow:7px 7px #00aeea}#screen-about .paper p{line-height:1.65}#screen-about .paper .quote{font-size:1.05em;font-weight:700}#screen-about .about-highlight{color:#fff!important;background:#050505!important}#audio-toggle{z-index:99999;color:#fff;cursor:pointer;background:#000;border:2px solid #fff;width:50px;height:42px;font-size:18px;font-weight:700;position:fixed;bottom:50px;right:25px;box-shadow:5px 5px #00aeef}#audio-toggle:hover{transform:translate(3px,3px);box-shadow:2px 2px #00aeef}#clock{font-weight:700;color:#000!important;opacity:1!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
:root{--red:#00a5e6;--red-deep:#004ca3;--black:#0b0b0d;--white:#f6f4ef;--ink:#111}@font-face{font-family:New Rodin;src:url("/fonts/NewRodin Pro DB.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:New Rodin;src:url("/fonts/NewRodin Pro EB.otf")format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Rodin Pro;src:url("/fonts/Rodin Pro UB.otf")format("opentype");font-weight:800;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--black);color:var(--white);font-family:var(--font-barlow), "Barlow Condensed", "Arial Narrow", Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}.display{font-family:var(--font-archivo), "Archivo Black", "Arial Black", Impact, sans-serif}#home-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#bg{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-layer{will-change:transform;position:absolute;inset:0}#bg-stripes{background:repeating-linear-gradient(115deg, var(--red) 0 46px, var(--red-deep) 46px 52px, var(--red) 52px 120px, #001dc4 120px 126px);will-change:transform;animation:24s linear infinite stripeDrift;position:absolute;inset:-120px;transform:translateZ(0)}@keyframes stripeDrift{0%{transform:translate(0,0)}to{transform:translate(140px,60px)}}#bg-halftone{opacity:.4;will-change:transform;background-image:radial-gradient(circle,#00000059 1.6px,#0000 1.7px);background-size:14px 14px;animation:30s linear infinite halftoneDrift;position:absolute;inset:-70px;transform:translateZ(0)}@keyframes halftoneDrift{0%{transform:translate(0,0)}to{transform:translate(-70px,70px)}}#bg-vignette{background:radial-gradient(at 32% 40%,#0000 30%,#000000b8 100%)}.bg-star{opacity:.16;transform-origin:50%;will-change:transform;animation:60s linear infinite spin;position:absolute}.bg-star.s2{opacity:.1;will-change:transform;animation-duration:90s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}#slash{z-index:1;pointer-events:none;background:var(--black);clip-path:polygon(58% 0,100% 0,100% 100%,40% 100%,52% 62%,45% 60%,60% 24%,51% 22%);transition:clip-path .8s cubic-bezier(.8,0,.15,1);position:fixed;inset:0}body[data-screen]:not([data-screen=home]) #slash{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 62%,0 60%,0 24%,0 22%)}#shell{z-index:2;flex-direction:column;height:100dvh;min-height:100vh;display:flex;position:relative}#hud-top{letter-spacing:.14em;justify-content:space-between;align-items:flex-start;padding:18px 26px 0;font-weight:600;display:flex}.hud-tag{background:var(--black);color:var(--white);text-transform:uppercase;padding:5px 14px;font-size:14px;transform:rotate(-2deg);box-shadow:4px 4px #00000059}.hud-tag.alt{background:var(--white);color:var(--black);transform:rotate(1.5deg)}#hud-bottom{letter-spacing:.18em;text-transform:uppercase;opacity:.95;align-items:center;gap:22px;padding:0 26px 16px;font-size:13px;display:flex}#hud-bottom .key{background:var(--white);color:var(--black);border-radius:2px;margin-right:6px;padding:2px 8px;font-weight:700;display:inline-block;transform:skew(-8deg)}#stage{flex:1;position:relative;overflow:hidden}.screen{scrollbar-width:thin;scrollbar-color:var(--red) transparent;padding:2vh 4vw;display:none;position:absolute;inset:0;overflow:hidden auto}.screen.active{display:block}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--red)}#screen-home{padding:0 4vw;display:none}#screen-home.active{flex-direction:column;justify-content:center;display:flex}#intro-eyebrow{letter-spacing:.5em;text-transform:uppercase;text-shadow:2px 2px 0 var(--black);margin-bottom:1.2vh;font-size:clamp(14px,1.6vw,20px);font-weight:700}#big-name{cursor:pointer;width:max-content;margin-bottom:2.5vh;line-height:.92}#big-name .ransom{font-size:clamp(44px,8.5vw,124px);display:block}#big-name .ch.box{background:var(--black);color:var(--white);box-shadow:4px 4px 0 var(--red);border:1px solid #ffffff40;padding:.04em .12em}#big-name .ch.boxw{background:var(--white);color:var(--black);box-shadow:4px 4px 0 var(--black);padding:.04em .12em}#big-name .ch.red{color:var(--red);text-shadow:2px 2px 0 var(--black)}#tagline{background:var(--black);max-width:520px;padding:12px 18px;font-size:clamp(15px,1.5vw,20px);line-height:1.45;transform:rotate(-1deg);box-shadow:6px 6px #0000004d}#menu{flex-direction:column;align-items:flex-start;gap:.6vh;margin-top:4vh;display:flex}.menu-item{cursor:pointer;color:var(--white);text-align:left;opacity:0;background:0 0;border:0;padding:2px 14px 2px 4px;position:relative;transform:translate(-60px)}.menu-item .ransom{font-size:clamp(26px,4.2vw,56px)}.loaded .menu-item{animation:.55s cubic-bezier(.2,1.2,.3,1) forwards menuIn}.menu-item:first-child{animation-delay:.15s}.menu-item:nth-child(2){animation-delay:.25s}.menu-item:nth-child(3){animation-delay:.35s}.menu-item:nth-child(4){animation-delay:.45s}@keyframes menuIn{to{opacity:1;transform:translate(0)}}.menu-item:before{content:"";background:var(--black);z-index:-1;width:0;height:70%;transition:width .18s cubic-bezier(.7,0,.3,1);position:absolute;top:18%;left:-4%;transform:skew(-16deg)}.menu-item.sel:before{width:108%}.menu-item.sel{transform:translate(14px)!important}.menu-item.sel .ch{color:var(--white)}.menu-item.sel .ch.box{background:var(--red);color:var(--white)}.menu-item.sel .ch.boxw{background:var(--white);color:var(--black)}.menu-item:focus-visible{outline:3px dashed var(--white);outline-offset:4px}.cursor-mark{opacity:0;color:var(--white);text-shadow:2px 2px 0 var(--black);font-size:clamp(18px,2.4vw,30px);transition:opacity .12s;position:absolute;top:50%;right:-46px;transform:translateY(-50%)rotate(8deg)}.menu-item.sel .cursor-mark{opacity:1;animation:.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:translateY(-50%)rotate(8deg)scale(1)}50%{transform:translateY(-50%)rotate(8deg)scale(1.18)}}.ransom{white-space:nowrap;display:inline-block}.ransom .ch{margin-right:-.15em;padding:0;line-height:1;transition:transform .15s;display:inline-block}.ransom .ch.box{background:var(--black);color:var(--white);margin:0 -.02em;padding:.02em .08em}.ransom .ch.boxw{background:var(--white);color:var(--black);margin:0 .03em;padding:.02em .08em}.ransom .ch.red{color:var(--red);text-shadow:1px 1px 0 var(--black)}.menu-item:hover .ch,.menu-item.sel .ch{animation:.35s both jitter}.menu-item:hover .ch:nth-child(odd){animation-delay:30ms}.menu-item:hover .ch:nth-child(3n){animation-delay:60ms}@keyframes jitter{0%{transform:var(--t) translateY(0)}35%{transform:var(--t) translateY(-6px) rotate(3deg)}70%{transform:var(--t) translateY(2px) rotate(-2deg)}to{transform:var(--t) translateY(0)}}.pause-menu{width:min(62vw,760px);min-height:390px;font-family:var(--font-archivo), "Arial Black", sans-serif;margin-top:2vh;position:relative}.pause-menu-options{flex-direction:column;align-items:flex-start;gap:0;height:330px;margin-left:clamp(70px,8vw,150px);display:flex}.pause-option{width:min(100%,640px);height:84px;transform:translate(var(--option-x), var(--option-y)) rotate(var(--option-rotation));transform-origin:25%;opacity:0;animation:.55s cubic-bezier(.2,1.2,.3,1) forwards pauseOptionIn;animation-delay:calc(.15s + var(--option-delay));transition:transform .16s cubic-bezier(.2,1.2,.3,1),z-index;position:relative}@keyframes pauseOptionIn{0%{opacity:0;transform:translate(calc(var(--option-x) - 80px), var(--option-y)) rotate(var(--option-rotation))}to{opacity:1}}.pause-option.is-selected{transform:translate(calc(var(--option-x) + 20px), var(--option-y)) rotate(var(--option-rotation)) scale(1.06)}.pause-option-hitbox{z-index:3;cursor:default;pointer-events:none;background:0 0;border:0;position:absolute;inset:0}.pause-option-label{z-index:1;color:#16cffb;letter-spacing:-.1em;text-shadow:0 2px 6px #00000080;font-size:clamp(32px,4.3vw,68px);font-style:italic;line-height:1;transition:color .12s,transform .12s,text-shadow .12s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pause-option:nth-child(2) .pause-option-label{color:#7de6fd}.pause-option:nth-child(3) .pause-option-label{color:#77fefc}.pause-option:nth-child(4) .pause-option-label{color:#16cffb}.pause-option-decoration{clip-path:polygon(7% 45%,100% 0,77% 100%);background:#fd77d9;width:0;height:52px;transition:width .14s cubic-bezier(.7,0,.3,1);position:absolute;top:17px;left:-42px}.pause-option.is-selected .pause-option-decoration{width:190px}.pause-option.is-selected .pause-option-label{color:#111;text-shadow:3px 0 red,0 2px 6px #00000080;animation:.28s both pauseLabelBounce}@keyframes pauseLabelBounce{0%{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.5)}to{transform:translateY(-50%)scale(1)}}.pause-option-cursor{z-index:4;color:#fff;opacity:0;text-shadow:2px 2px #000;font-size:clamp(20px,2vw,30px);position:absolute;top:50%;left:-58px;transform:translateY(-50%)rotate(8deg)}.pause-option.is-selected .pause-option-cursor{opacity:1;animation:.9s ease-in-out infinite pauseCursorPulse}@keyframes pauseCursorPulse{0%,to{transform:translateY(-50%)rotate(8deg)scale(1)}50%{transform:translateY(-50%)rotate(8deg)scale(1.18)}}.pause-option-hitbox:focus-visible{outline-offset:5px;outline:3px dashed #fff}.pause-menu-status{width:min(32vw,360px);font-family:var(--font-barlow), sans-serif;text-shadow:0 1px 6px #00000080;position:absolute;bottom:0;right:-18vw}.pause-menu-status p{margin-bottom:4px;font-size:clamp(16px,1.8vw,27px);font-style:italic}.pause-menu-command{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;display:flex}.pause-menu-command hr{border:0;border-top:1px solid;flex:1}.pause-menu-controls{letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;gap:14px;margin-top:12px;font-size:12px;display:flex}.pause-menu-controls b{color:#111;background:#f6f4ef;margin-right:3px;padding:2px 6px;font-size:10px}.pause-menu-index{color:#80808061;font-family:var(--font-archivo), sans-serif;letter-spacing:-.16em;pointer-events:none;font-size:clamp(130px,21vw,310px);font-style:italic;line-height:1;position:absolute;top:-170px;left:-4.2vw;transform:rotate(90deg)}@media (max-width:900px){.pause-menu{width:min(85vw,650px)}.pause-menu-status{width:100%;margin:12px 0 0 20px;position:relative;bottom:auto;right:auto}.pause-menu-index{display:none}}@media (prefers-reduced-motion:reduce){.pause-option{opacity:1;animation:none}.pause-option.is-selected .pause-option-cursor{animation:none}}.sub{background:0 0}.sub .screen-head{margin:1vh 0 3.5vh;display:inline-block;position:relative}.sub .screen-head .ransom{font-size:clamp(38px,6vw,84px)}.sub .screen-head:after{content:"";background:var(--red);width:105%;height:10px;position:absolute;bottom:-10px;left:-6px;transform:skew(-24deg)}#screen-projects .screen-head .ransom .ch:nth-child(-n+4){-webkit-text-stroke:2px var(--red-deep);paint-order:stroke fill}.back-hint{vertical-align:middle;letter-spacing:.2em;text-transform:uppercase;background:var(--white);color:var(--black);cursor:pointer;border:0;margin-left:22px;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.back-hint:hover{background:var(--red);color:var(--white)}#repo-status{letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-bottom:2vh;font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 34px;padding-top:14px;display:grid}#repo-grid{padding-bottom:6vh}.card{color:var(--ink);cursor:pointer;transform:rotate(var(--tilt)) translateY(24px);opacity:0;filter:drop-shadow(7px 7px #00000080);padding:20px 22px 18px;text-decoration:none;transition:transform .18s cubic-bezier(.7,0,.3,1),filter .18s;display:block;position:relative}.card:before{content:"";background:var(--white);clip-path:polygon(0 6%,3% 0,100% 0,100% 88%,97% 100%,0 100%);position:absolute;inset:0}.card>*{position:relative}.screen.active .card{animation:.5s cubic-bezier(.2,1.1,.3,1) forwards cardIn;animation-delay:var(--d)}@keyframes cardIn{to{transform:rotate(var(--tilt)) translateY(0);opacity:1}}.card:hover{filter:drop-shadow(10px 10px 0 var(--black));z-index:3;transform:rotate(0)scale(1.03)!important}.card .lang{background:var(--black);color:var(--white);letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;top:-12px;right:14px;transform:rotate(2deg)}.card .lang:before{content:"";background:var(--lc,var(--red));border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.card h3{text-transform:uppercase;word-break:break-word;margin-bottom:10px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:21px;line-height:1.05}.card h3 em{color:var(--red);font-style:normal}.card p{color:#2c2c2c;min-height:44px;font-size:15.5px;line-height:1.4}.card .meta{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;font-weight:700;display:flex}.card .meta .go{background:var(--red);color:var(--white);padding:4px 12px;transition:background .15s;transform:skew(-10deg)}.card:hover .meta .go{background:var(--black)}.card.feat{color:var(--white);filter:drop-shadow(7px 7px 0 var(--red-deep))}.card.feat:before{background:var(--black)}.card.feat:hover{filter:drop-shadow(10px 10px 0 var(--red))}.card.feat p{color:#d8d5cf}.card.feat h3{color:var(--white)}.card.feat .lang{background:var(--red)}.card.feat .meta .go{background:var(--white);color:var(--black)}.card.feat:hover .meta .go{background:var(--red);color:var(--white)}#feat-grid,.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 34px;padding-top:14px;display:grid}#repo-grid{padding-top:14px}.live-dot{background:#3dff6e;border-radius:50%;width:9px;height:9px;margin-right:7px;animation:1.1s ease-in-out infinite liveBlink;display:inline-block}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.25}}.grid-label{text-transform:uppercase;letter-spacing:.12em;text-shadow:2px 2px 0 var(--black);margin:3.5vh 0 2vh;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(15px,1.7vw,20px)}.grid-label .bar{background:var(--white);vertical-align:baseline;width:34px;height:12px;margin-right:12px;display:inline-block;transform:skew(-24deg)}#screen-projects .grid-label,#screen-projects #repo-status{color:var(--red-deep);text-shadow:1px 1px 0 var(--white), -1px -1px 0 var(--white)}#screen-projects .grid-label .bar{background:var(--red-deep)}.skill-group{max-width:920px;margin-bottom:5vh}.skill-group h3{background:var(--white);color:var(--black);text-transform:uppercase;box-shadow:5px 5px 0 var(--black);margin-bottom:2.4vh;padding:6px 16px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(18px,2.2vw,26px);display:inline-block;transform:rotate(-1.5deg)}.skill-row{align-items:center;gap:18px;margin-bottom:12px;display:flex}.skill-row .name{letter-spacing:.1em;text-transform:uppercase;width:220px;text-shadow:1px 1px 0 var(--black);flex-shrink:0;font-size:17px;font-weight:700}.skill-bar{background:#0000008c;flex:1;max-width:520px;height:20px;position:relative;overflow:hidden;transform:skew(-18deg)}.skill-bar .fill{background:var(--white);background-image:repeating-linear-gradient(90deg,#0000 0 26px,#e6001238 26px 30px);width:0;transition:width .9s cubic-bezier(.2,1,.3,1);position:absolute;inset:0}.skill-row .lv{text-align:right;width:70px;text-shadow:2px 2px 0 var(--black);font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:15px}.paper{background:var(--white);max-width:760px;color:var(--ink);clip-path:polygon(0 4%,2% 0,100% 0,100% 94%,98% 100%,0 100%);margin-bottom:4vh;padding:30px 34px;font-size:18px;line-height:1.55;transform:rotate(-.6deg);box-shadow:10px 10px #0000008c}.paper strong{color:var(--red)}.paper .stamp{background:var(--black);color:var(--white);padding:2px 8px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.contact-list{color:var(--white);text-shadow:2px 2px #000000b3;flex-direction:column;align-items:flex-start;gap:8px;padding:4px 0 6vh;font-size:clamp(17px,2vw,23px);line-height:1.35;display:flex}.contact-list p{margin:0}.contact-list strong{color:var(--red)}.contact-list a{color:var(--white);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.contact-list a:hover{color:var(--red)}#hero-art{z-index:1;object-fit:contain;object-position:bottom right;filter:drop-shadow(-14px 10px #0049e6d9)drop-shadow(-4px 4px 12px #0009);pointer-events:none;max-width:46vw;height:min(92vh,900px);transition:transform .8s cubic-bezier(.8,0,.15,1),opacity .5s;position:fixed;bottom:0;right:0}body[data-screen]:not([data-screen=home]) #hero-art{opacity:0;transform:translate(60%)skew(-6deg)}@media (max-width:900px){#hero-art{opacity:.5;max-width:70vw}}.card .thumb{clip-path:polygon(0 0,100% 0,100% 82%,0 100%);background:var(--black);height:150px;margin:-20px -22px 14px;position:relative;overflow:hidden}.card .thumb img{object-fit:cover;filter:grayscale(.9)contrast(1.15);width:100%;height:100%;transition:filter .2s,transform .3s}.card:hover .thumb img{filter:grayscale(0)contrast(1.05);transform:scale(1.05)}.card .thumb:after{content:"";background:linear-gradient(115deg, transparent 78%, var(--red) 78.5%);position:absolute;inset:0}.about-photo{float:right;background:var(--white);width:min(240px,38%);margin:0 0 14px 22px;padding:10px 10px 34px;position:relative;transform:rotate(3deg);box-shadow:8px 8px #00000059}.about-photo img{filter:contrast(1.05);width:100%;display:block}.about-photo:before{content:"";background:var(--red);opacity:.9;clip-path:polygon(4% 0,96% 8%,100% 92%,0 100%);width:90px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg)}.about-photo figcaption{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:8px;font-size:12px;font-weight:700}#wipe{z-index:50;pointer-events:none;position:fixed;inset:-10%}#wipe .pane{position:absolute;inset:0;transform:translate(-130%)skew(-14deg)}#wipe .p1{background:var(--red)}#wipe .p2{background:var(--black)}#wipe .p3{background:var(--white)}#wipe.go .pane{animation:.7s cubic-bezier(.75,0,.2,1) forwards wipeAcross}#wipe.go .p2{animation-delay:60ms}#wipe.go .p1{animation-delay:.12s}#wipe.leave .pane{animation:.34s cubic-bezier(.75,0,.2,1) forwards wipeOut}#wipe.leave .p2{animation-delay:40ms}#wipe.leave .p1{animation-delay:80ms}@keyframes wipeAcross{0%{transform:translate(-130%)skew(-14deg)}45%{transform:translate(0%)skew(-14deg)}55%{transform:translate(0%)skew(-14deg)}to{transform:translate(130%)skew(-14deg)}}@keyframes wipeOut{0%{transform:translate(0)skew(-14deg)}to{transform:translate(130%)skew(-14deg)}}#wipe .flash{background:var(--white);opacity:0;position:absolute;inset:0}#wipe.go .flash{animation:.7s linear forwards flash}@keyframes flash{0%,44%{opacity:0}48%{opacity:1}56%{opacity:0}to{opacity:0}}@media (pointer:fine){body.cursor-on,body.cursor-on *,body[data-screen=home],body[data-screen=home] *{cursor:none!important}body[data-screen=home] #cursor{display:none!important}}#cursor{z-index:100000;pointer-events:none;filter:hue-rotate(210deg);background-image:url(/assets/cursors/normal.png);background-position:0 0;background-repeat:no-repeat;width:48px;height:48px;margin:-3px 0 0 -4px;display:none;position:fixed;top:0;left:0}#cursor.link{background-image:url(/assets/cursors/link.png);margin:-6px 0 0 -6px}#big-name{cursor:pointer;width:max-content}#big-name:hover .ch{animation:.35s both jitter}#big-name:hover .ch:nth-child(odd){animation-delay:30ms}#big-name:hover .ch:nth-child(3n){animation-delay:60ms}#big-name:active{transform:scale(.985)}.menu-art{object-fit:cover;opacity:0;will-change:transform;pointer-events:none;width:100%;height:100%;transition:opacity .55s;position:absolute;inset:0}body[data-screen=home] #art-home,body[data-screen=projects] #art-projects,body[data-screen=skills] #art-skills,body[data-screen=about] #art-about,body[data-screen=contact] #art-contact{opacity:1}body.has-art-home #slash{display:none}body.has-art-home[data-screen=home] #bg-halftone,body.has-art-projects[data-screen=projects] #bg-halftone,body.has-art-skills[data-screen=skills] #bg-halftone,body.has-art-about[data-screen=about] #bg-halftone,body.has-art-contact[data-screen=contact] #bg-halftone{opacity:.5}body.has-art-home[data-screen=home] #bg-vignette,body.has-art-skills[data-screen=skills] #bg-vignette{background:linear-gradient(100deg,#0000006b 0%,#0000001f 36%,#0000 58%),radial-gradient(at 32% 40%,#0000 30%,#0000008c 100%)}body.has-art-contact[data-screen=contact] #bg-vignette{background:linear-gradient(260deg,#0000007a 0%,#00000024 38%,#0000 60%),radial-gradient(at 68% 40%,#0000 30%,#0000008c 100%)}body.has-art-about[data-screen=about] #bg-vignette{background:linear-gradient(260deg,#000000b8 0%,#0000004d 42%,#0000 64%),radial-gradient(at 68% 40%,#0000 25%,#0009 100%)}body.has-art-home #menu .ch:not(.box):not(.boxw),body.has-art-home #big-name .ch:not(.box):not(.boxw){text-shadow:2px 2px #0009}.screen.align-right.active{flex-direction:column;align-items:flex-end;display:flex}.screen.align-right .contact-list{justify-content:flex-end}.screen.align-right .paper{transform:rotate(.6deg)}.screen.align-right .about-photo{float:left;margin:0 22px 14px 0;transform:rotate(-3deg)}@media (max-width:820px){.screen.align-right.active{align-items:stretch}.screen.align-right .contact-list{justify-content:flex-start}}.cv-btn{background:var(--red);color:var(--white);text-transform:uppercase;letter-spacing:.06em;box-shadow:7px 7px 0 var(--black);margin-bottom:6vh;padding:16px 30px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(17px,2.2vw,24px);text-decoration:none;transition:transform .15s,background .15s,color .15s,box-shadow .15s;display:inline-block;transform:skew(-8deg)rotate(-1deg)}.cv-btn span{display:inline-block;transform:skew(8deg)}.cv-btn:hover{background:var(--white);color:var(--red);box-shadow:10px 10px 0 var(--black);transform:skew(-8deg)rotate(0)scale(1.05)}.cv-btn:active{transform:skew(-8deg)scale(.97)}#contact-form{width:100%}.form-head{text-transform:uppercase;margin-bottom:18px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(18px,2.2vw,24px);display:inline-block;position:relative}.form-head:after{content:"";background:var(--red);width:100%;height:7px;position:absolute;bottom:-6px;left:0;transform:skew(-24deg)}.field{margin-bottom:14px;display:block}.field span{letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.field input,.field textarea{border:3px solid var(--black);width:100%;color:var(--ink);background:#fff;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s;transform:skew(-2deg)}.field input:focus,.field textarea:focus{border-color:var(--red);box-shadow:4px 4px 0 var(--red);outline:none}.field textarea{resize:vertical;min-height:110px}.form-foot{flex-wrap:wrap;align-items:center;gap:18px;margin-top:6px;display:flex}.form-send{cursor:pointer;border:0;margin-bottom:0;padding:12px 26px;font-size:17px}.form-send:disabled{opacity:.55;cursor:wait}#form-status{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:13px;font-weight:700}.paper a{color:var(--red);font-weight:700}.paper a:hover{background:var(--red);color:var(--white);text-decoration:none}.paper .quote em{background:var(--black);color:var(--white);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 6px;font-style:italic;line-height:1.7;display:inline}@media (max-width:700px){.skill-row .name{width:130px;font-size:14px}#hud-bottom{flex-wrap:wrap;gap:12px;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px 34px;padding-top:14px;display:grid}#repo-grid{grid-template-columns:1fr}.cursor-mark{right:-34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}body[data-screen=home] #art-home,body[data-screen=home] #bg-stripes,body[data-screen=home] #hud-top,body[data-screen=home] #hud-bottom{display:none}body[data-screen=home] #bg-halftone{opacity:0}body[data-screen=home] #bg-vignette,body.has-art-home[data-screen=home] #bg-halftone{display:none}#screen-home.active{justify-content:center;align-items:center;padding:0}#screen-home .pause-menu{--menu-x:38rem;--menu-y:-6rem;pointer-events:none;top:var(--menu-y);left:var(--menu-x);width:950px;height:100%;min-height:0;font-family:"New Rodin", var(--font-barlow), sans-serif;position:absolute;transform:translate(-40px,-25px)}#screen-home .pause-menu-options{justify-content:center;align-items:flex-start;height:100%;margin:0;overflow:visible}#screen-home .pause-option{width:950px;height:200px;transform:translate(var(--option-x), var(--option-y)) rotate(var(--option-rotation));transform-origin:25%;flex:0 0 200px;margin:0 0 -128px}#screen-home .pause-option-svg{pointer-events:none;width:950px;height:200px;display:block;overflow:visible}#screen-home .pause-option-svg-label{letter-spacing:-.14em;text-shadow:0 1px 3px #00000073;font-family:Rodin Pro,New Rodin,sans-serif;font-size:72px;font-style:italic;font-weight:800}#screen-home .pause-option-svg-label-selected{fill:red;transform-box:fill-box;transform-origin:25%;text-shadow:0 1px 3px #00000073}#screen-home .pause-option-selector-pink{fill:#fd77d9;transform-box:fill-box;transform-origin:52px 100px;animation:.9s linear infinite pauseSelectorPulse}#screen-home .pause-option-selector-fg{fill:#fff}@keyframes pauseSelectorPulse{0%,80%{transform:scale(1)}93.333%{transform:scale(1.05)}to{transform:scale(1)}}#screen-home .pause-option.is-selected{transform:translate(calc(var(--option-x) + 20px), var(--option-y)) rotate(var(--option-rotation)) scale(1.06)}#screen-home .pause-menu-status{width:360px;bottom:24px;right:80px}@media (max-width:900px){#screen-home .pause-menu{left:var(--menu-x);width:950px}}#home-video{object-fit:cover;object-position:left center;z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#skills-video{object-fit:cover;object-position:left center;z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-screen=skills] #skills-video{display:block}body[data-screen=skills] #art-skills{display:none}#projects-video{object-fit:cover;object-position:left center;z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-screen=projects] #projects-video{display:block}body[data-screen=projects] #art-projects{display:none}#about-contact-video{object-fit:cover;object-position:center;z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-screen=about] #about-contact-video,body[data-screen=contact] #about-contact-video{display:block}body[data-screen=about] #art-about,body[data-screen=contact] #art-contact{display:none}body[data-screen=about] #screen-about.active,body[data-screen=contact] #screen-contact.active{align-items:flex-start}body[data-screen=about] #screen-about .paper,body[data-screen=contact] #screen-contact .paper,body[data-screen=contact] #screen-contact .cv-btn{margin-left:0;margin-right:auto}body[data-screen=contact] #screen-contact .contact-list{justify-content:flex-start}body[data-screen]:not([data-screen=home]) #home-video{display:none!important}#shell{z-index:2;position:relative}#big-name .ransom:nth-child(2){letter-spacing:-.08em}#art-skills{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}body[data-screen=skills] #bg-halftone{display:none!important}.about-highlight{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#050505;margin:1px 2px;padding:2px 7px;font-weight:800;display:inline;box-shadow:4px 4px #00aeea}.about-highlight:nth-of-type(2n){transform:rotate(1deg)}.about-quote{color:#fff;background:#050505;border-left:7px solid #00aeea;margin-top:10px;padding:14px 18px;font-size:1.05em;font-weight:700;display:block;transform:rotate(-1deg);box-shadow:7px 7px #00aeea}#screen-about .paper p{line-height:1.65}#screen-about .paper .quote{font-size:1.05em;font-weight:700}#screen-about .about-highlight{color:#fff!important;background:#050505!important}#audio-toggle{z-index:99999;color:#fff;cursor:pointer;background:#000;border:2px solid #fff;width:50px;height:42px;font-size:18px;font-weight:700;position:fixed;bottom:50px;right:25px;box-shadow:5px 5px #00aeef}#audio-toggle:hover{transform:translate(3px,3px);box-shadow:2px 2px #00aeef}#clock{font-weight:700;color:#000!important;opacity:1!important}