.os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;scroll-behavior:auto!important;visibility:hidden}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}.os-size-observer{border:inherit;bottom:0;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;transform:scale(.1);z-index:-1}.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:initial;display:block;flex:auto;padding:inherit;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;height:0!important;width:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{height:100%;margin:0;width:100%}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{align-items:stretch!important;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){border:none;box-sizing:inherit;flex:auto!important;height:auto;margin:0;min-width:0;padding:0;position:relative;width:100%;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport],[data-overlayscrollbars]{overflow:hidden!important}[data-overlayscrollbars-padding~=noClipping],[data-overlayscrollbars~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport~=measuring]{overflow:hidden!important;scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-x:visible!important}[data-overlayscrollbars-viewport~=overflowXHidden]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=overflowXScroll]{overflow-x:scroll!important}[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-y:visible!important}[data-overlayscrollbars-viewport~=overflowYHidden]{overflow-y:hidden!important}[data-overlayscrollbars-viewport~=overflowYScroll]{overflow-y:scroll!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border-width:0!important;white-space:nowrap!important}[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent))*-1)*var(--os-scroll-direction));contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{border:none!important;padding:0!important;position:relative}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional)*100%);transform:translateX(calc(var(--os-scroll-percent-directional)*-100%));width:calc(var(--os-viewport-percent)*100%)}.os-scrollbar-vertical .os-scrollbar-handle{height:calc(var(--os-viewport-percent)*100%);right:0;top:calc(var(--os-scroll-percent-directional)*100%);transform:translateY(calc(var(--os-scroll-percent-directional)*-100%))}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional)*100cqw + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional)*100cqh + var(--os-scroll-percent-directional)*-100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}.os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}.os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}.os-scrollbar-handle:before,.os-scrollbar-track:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@font-face{font-display:fallback;font-family:vcr-osd-mono;font-style:normal;font-weight:400;src:url(../assets/fonts/vcr_osd_mono01.woff2) format("woff2")}@font-face{font-display:fallback;font-family:ibm-plex-mono;font-style:normal;font-weight:400;src:url(../assets/fonts/ibmplexmono.woff2) format("woff2")}@font-face{font-display:fallback;font-family:departure-mono;font-style:normal;font-weight:400;src:url(../assets/fonts/departureMono-Regular.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%}h1,h2,h3,h4,h5,h6,p{font-weight:400;margin:0}li,ul{list-style:none;margin:0;padding:0}a{color:var(--color-black);cursor:none;-webkit-text-decoration:none;text-decoration:none}canvas{display:block}:root{--font1:"vcr-osd-mono",monospace;--font2:"ibm-plex-mono",monospace;--font3:"departure-mono",monospace;--font4:"threedpixel",monospace;--font6:"3DIsometric";--color-white:#fff;--color-lightGray:#d9d9d9;--color-darkGray:#252525;--color-black:#000;--color-yellow:#ffc900;--color-rose:#fac6f7;--color-blue:#90a8ed;--color-green:#90ffa8;--color-ochre:#d3b88c;--color-red2:#e9a2a8;--font-size-normal-text:1rem;--font-size-normal-text2:1rem;--line-height-normal-text:1.5;--padding-text:2rem;--section-padding-v:6rem;--top-height:42px;font-family:var(--font2);font-size:16px;scroll-behavior:smooth}:not(img)::selection{background-color:var(--color-black);color:var(--color-yellow)}img::selection{background-color:#0000}.max-width{margin:0 auto;max-width:1500px}@media screen and (pointer:fine){body{cursor:none}}.new-line:after{content:"\a\a";white-space:pre}.link{display:inline;-webkit-text-decoration:underline;text-decoration:underline}.loading-msg,.no-js-message{display:none}.no-js .no-js-message{align-items:center;background-color:#252525;color:#dadada;display:block;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;font-size:max(1.6svw,1.5rem);height:100svh;inset:0;justify-content:center;overflow:hidden;padding:0 20%;position:fixed;text-align:center;width:100svw;z-index:1000}.no-js .no-js-message span{color:red}.no-js .no-js-message p:last-child{border-top:1px solid #dadada;font-size:max(1.6svw,1.5rem);margin-top:40px;padding-top:40px}.no-js .no-js-message a{color:#3a62e7;-webkit-text-decoration:underline;text-decoration:underline}.no-js body{cursor:unset}.js .no-js-message{display:none}body>.os-scrollbar{z-index:100}.os-scrollbar{--os-size:17px;--os-handle-border-radius:0}.os-scrollbar-handle{background-color:#525252}.cursor{contain:layout size;left:0;pointer-events:none;position:fixed;top:0;transform:translate(-50px,-50px);-webkit-user-select:none;user-select:none;width:50px;will-change:transform;z-index:101}.cursor .pointerHand,.cursor .pointerHand2{display:none;transform:translateX(-10px)}.cursor .pointerHand2{height:65px;width:55px}.color-yellow{color:var(--color-yellow)}@media(pointer:coarse){.cursor{display:none}}.btn-small{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px 0 0 #000,4px 4px 0 0 #000;display:flex;font-family:var(--font1);font-size:1.1rem;padding:6px 25px;position:relative;text-transform:uppercase;transition:translate .3s,box-shadow .3s;-webkit-user-select:none;user-select:none;width:fit-content}.btn-small img.btn-arrow{height:18px;transition:translate .5s}.btn-small .btn-text{margin-right:7px;-webkit-user-select:none;user-select:none}.btn-small:hover{box-shadow:0 0 0 0 #000,0 0 0 0 #000;translate:4px 4px}.btn-small:hover img.btn-arrow{translate:10px}.btn-small:active{translate:6px 6px}.btn-small-vertical{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);box-shadow:4px 4px 0 0 #000,6px 6px 0 0 #000;display:flex;font-family:var(--font1);font-size:1.2rem;height:46px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;top:-4px;transition:translate .3s,box-shadow .3s;-webkit-user-select:none;user-select:none;width:fit-content}.btn-small-vertical .btn-text{margin-right:7px;-webkit-user-select:none;user-select:none}.btn-small-vertical .arrow-wrapper{position:relative;top:3px}.btn-small-vertical .btn-arrow-down{margin-left:.5rem}.btn-small-vertical .btn-arrow-down .path1{transform:translateY(-22px);transition:transform .4s cubic-bezier(.17,.67,.65,.41)}.btn-small-vertical .btn-arrow-down .path2{transform:translateY(-30px);transition:transform .4s cubic-bezier(.17,.67,.65,.41)}@media(pointer:fine){.btn-small-vertical:hover{box-shadow:0 0 0 0 #000,0 0 0 0 #000;translate:4px 4px}.btn-small-vertical:hover .btn-arrow-down .path1{transform:translateY(30px)}.btn-small-vertical:hover .btn-arrow-down .path2{transform:translateY(23px)}.btn-small-vertical:active{translate:6px 6px}}@media(pointer:coarse){.btn-small-vertical:active{box-shadow:0 0 0 0 #000,0 0 0 0 #000;translate:4px 4px}.btn-small-vertical:active .btn-arrow-down .path1{transform:translateY(30px)}.btn-small-vertical:active .btn-arrow-down .path2{transform:translateY(23px)}}.btn-rotate{--btnHeight:50px;display:grid;grid-template-areas:"back, front";grid-template-columns:repeat(1fr,2);position:relative;-webkit-user-select:none;user-select:none}.btn-rotate .back{background-color:var(--color-black);grid-area:back}.btn-rotate .front{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:flex;font-family:var(--font1);font-size:1.25rem;grid-area:front;height:var(--btnHeight);padding:0 20px;text-transform:uppercase;transition:translate .5s cubic-bezier(0,.38,.46,1.39)}.btn-rotate .front .text{transition:translate .5s}.btn-rotate .front .arrow-rotate{margin-left:10px;transition:transform .5s}@media(pointer:fine){.btn-rotate:hover .front{translate:8px 8px}.btn-rotate:hover .front .arrow-rotate{transform:rotate(180deg)}.btn-rotate:hover:active .front{translate:18px 8px}}@media(pointer:coarse){.btn-rotate:active .front{translate:8px 8px}.btn-rotate:active .front .arrow-rotate{transform:rotate(180deg)}.btn-rotate:active:active .front{translate:18px 8px}}.btn-big{--btnHeight:50px;display:grid;grid-template-areas:"back, front";grid-template-columns:repeat(1fr,2);position:relative;-webkit-user-select:none;user-select:none}.btn-big .back{background-color:var(--color-black);grid-area:back}.btn-big .front{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:flex;font-family:var(--font1);font-size:1.25rem;grid-area:front;height:var(--btnHeight);padding:0 20px;text-transform:uppercase;transition:translate .5s cubic-bezier(0,.38,.46,1.39)}.btn-big .front .text,.btn-big img.btn-arrow{transition:translate .5s}.btn-big img.btn-arrow{height:20px}.btn-big img.btn-arrow-left{left:0;position:absolute;translate:-20px}.btn-big img.btn-arrow-right{margin-left:10px}@media(pointer:fine){.btn-big:hover .front{translate:8px 8px}.btn-big:hover .front .text{translate:25px}.btn-big:hover .front img.btn-arrow-left{translate:15px}.btn-big:hover .front img.btn-arrow-right{translate:40px}.btn-big:hover:active .front{translate:18px 8px}}@media(pointer:coarse){.btn-big:active .front{translate:8px 0}.btn-big:active .front .text{translate:25px}.btn-big:active .front img.btn-arrow-left{translate:15px}.btn-big:active .front img.btn-arrow-right{translate:40px}.btn-big .front,.btn-big .front .text,.btn-big .front img{transition-duration:.5s}}.btn-wrapper{display:flex;justify-content:flex-end;width:100%}a.link-dark{-webkit-text-decoration:underline;text-decoration:underline}.stack-container .continuous-pattern{background-image:url(../assets/img/c/pattern.svg);background-size:64px;contain:paint size layout;height:100%;left:0;mix-blend-mode:exclusion;opacity:.55;position:absolute;top:0;width:100%;will-change:background-position}.header-nav .header-nav-top{align-items:flex-end;display:flex;flex-direction:row;height:var(--top-height);justify-content:space-between;position:relative;width:100%;z-index:92}.header-nav .logo{caret-color:#0000;display:flex;font-family:var(--font1);font-size:1.1rem;letter-spacing:1px;position:relative;text-transform:uppercase;width:182px}.header-nav .logo .scramble-text{margin:0 10px;position:relative}.header-nav .logo .bracket{opacity:0;transition:transform .3s}.header-nav .logo .bracket:last-child{position:absolute;right:0;top:0}.header-nav .logo:hover .bracket:first-child{transform:translateX(-10px)}.header-nav .logo:hover .bracket:last-child{transform:translateX(10px)}.header-nav .center-links{display:none}.header-nav .menu-btn-wrapper{font-family:var(--font1);font-size:1.1rem;margin-left:auto}.header-nav .menu-btn-wrapper button.menu-btn{background:none;border:none;color:inherit;cursor:none;font:inherit;outline:inherit;padding:0}.header-nav .menu-btn-wrapper .text-btn{caret-color:#0000;display:flex;letter-spacing:1px;line-height:.9;-webkit-user-select:none;user-select:none}.header-nav .menu-btn-wrapper .text-btn .x-sign{font-family:var(--font2);font-size:1.2rem;font-weight:900;opacity:0;position:relative;top:0}.header-nav .menu-btn-wrapper .text-btn .me{transform:translateX(6px)}.header-nav .menu-btn-wrapper .text-btn .nu{transform:translateX(-6px)}.header-nav .menu-btn-wrapper .text-btn .bracket{opacity:0;position:relative;top:1px;transition:transform .3s}.header-nav .menu-btn-wrapper .text-btn:hover .bracket:first-child{transform:translateX(-10px)}.header-nav .menu-btn-wrapper .text-btn:hover .bracket:last-child{transform:translateX(10px)}.header-nav .menu-btn-wrapper .hamburger-btn{cursor:none;display:none;padding:0;position:relative;scale:.9;top:3px;transform-origin:100% 100%;width:35px}.header-nav .menu-btn-wrapper .hamburger-btn path{stroke:var(--color-black);stroke-linecap:round;stroke-miterlimit:1.4;stroke-width:4px;transform-box:fill-box;transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.header-nav .menu-btn-wrapper .hamburger-btn path.top-left{transform-origin:36% 40%}.header-nav .menu-btn-wrapper .hamburger-btn path.m-left{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.header-nav .menu-btn-wrapper .hamburger-btn path.bottom-left{transform-origin:35% 63%}.header-nav .menu-btn-wrapper .hamburger-btn path.top-right{transform-origin:100% 100%}.header-nav .menu-btn-wrapper .hamburger-btn path.m-right{opacity:1;transform-origin:61% 52%;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.header-nav .menu-btn-wrapper .hamburger-btn path.bottom-right{transform-origin:62% 52%}.header-nav .menu-btn-wrapper.active .hamburger-btn path.top-left{transform:translateX(0) translateY(1px) rotate(45deg)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.m-left{opacity:0;transform:translateX(-150%)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.top-right{transform:translateX(-4px) translateY(-1px) rotate(-45deg)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.m-right{opacity:0;transform:translateX(150%)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.bottom-right{transform:translateX(-2px) translateY(-2px) rotate(45deg)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.bottom-left{transform:translateX(0) translateY(-2px) rotate(-45deg)}.header-nav .overlayMenu-c{contain:layout size;content-visibility:hidden;left:0;pointer-events:none;position:fixed;top:0;z-index:90}.header-nav .linkOpen{background:red;opacity:0;pointer-events:none;z-index:9}.header-nav .linkOpen,.header-nav .overlayMenu{height:100svh;inset:0;position:absolute;width:100svw}.header-nav .overlayMenu{--height-first-row:80px;--color-menu:#fff;--color-menu-dark:#000;--color-border:#000;--color-menu-icon:#777;background:var(--color-menu-dark);color:var(--color-menu);display:none;overflow:hidden;pointer-events:auto}.header-nav .overlayMenu .rowContainer{align-items:stretch;display:flex;flex-direction:column;height:100svh;justify-content:flex-start}.header-nav .overlayMenu .row{border-color:var(--color-border);border-style:solid;border-width:2px;border-top:none;flex:1 1 auto;height:12.5%;margin:0 20px;-webkit-user-select:none;user-select:none}.header-nav .overlayMenu .rowFirst{display:flex;justify-content:space-between}.header-nav .overlayMenu .rowSocial{border-bottom:none}.header-nav .overlayMenu .rowFirst,.header-nav .overlayMenu .rowSocial{border-left:none;border-right:none;flex:0 1 auto;height:var(--height-first-row)}.header-nav .overlayMenu .rowEmpty{height:10%}.header-nav .overlayMenu .rowLink:hover{background-color:#0f0f0f}.header-nav .overlayMenu .rowLink{height:20%;transition:background-color .3s}.header-nav .overlayMenu .rowLink .link-w{clip-path:inset(0 0 -10% 0);display:flex;justify-content:center;position:relative;top:50%;transform:translateY(-50%)}.header-nav .overlayMenu .rowLink a{cursor:none;font-size:8rem;perspective:480px;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.header-nav .overlayMenu .rowLink a .spanCube{display:block;font-family:var(--font1);line-height:.9;overflow:visible!important;position:relative;transform:translateZ(0) 0deg;transform-origin:center;transform-style:preserve-3d;transition:transform .35s ease-in-out}.header-nav .overlayMenu .rowLink a .spanCube .req{color:#0000;display:block;position:absolute;width:100%}.header-nav .overlayMenu .rowLink a .spanCube .front{backface-visibility:hidden;color:var(--color-menu);left:0;opacity:1;position:relative;top:0;transition:all .35s ease-in-out}.header-nav .overlayMenu .rowLink a .spanCube .back{backface-visibility:hidden;left:0;letter-spacing:0;opacity:0;position:absolute;top:50%;transform:translateZ(0) rotateX(-90deg)}.header-nav .overlayMenu .rowLink a.active .spanCube .back{background:url(/assets/img/h/s/menuLink.webp);background-attachment:fixed;-webkit-background-clip:text;background-clip:text;background-position:50%;background-size:cover;color:#0000!important;-webkit-text-stroke:1px hsla(0,0%,100%,.486)}.header-nav .overlayMenu .rowLink a.home-link.active .spanCube .front{color:#ed0707}.header-nav .overlayMenu .rowLink a.about-link.active .spanCube .front{color:#ffc900}.header-nav .overlayMenu .rowLink a.work-link.active .spanCube .front{color:#d3b88c}.header-nav .overlayMenu .rowLink a.lab-link.active .spanCube .front{color:#5df57e}.header-nav .overlayMenu .rowLink a.hub-link.active .spanCube .front{color:#cd06bd}.header-nav .overlayMenu .rowLink a.minimal-link.active .spanCube .front{color:#478bf1}.header-nav .overlayMenu .rowLink a.home-link .spanCube .back{color:#ed0707}.header-nav .overlayMenu .rowLink a.about-link .spanCube .back{color:#ffc900}.header-nav .overlayMenu .rowLink a.work-link .spanCube .back{color:#d3b88c}.header-nav .overlayMenu .rowLink a.lab-link .spanCube .back{color:#5df57e}.header-nav .overlayMenu .rowLink a.hub-link .spanCube .back{color:#cd06bd}.header-nav .overlayMenu .rowLink a.minimal-link .spanCube .back{color:#478bf1}@media(hover:none),(pointer:coarse){.header-nav .overlayMenu .rowLink:active{background-color:#161616}}.header-nav .overlayMenu .rowLink a.about .spanCube .back{letter-spacing:5px}.header-nav .overlayMenu .icons-c{align-items:center;display:flex;height:var(--height-first-row);justify-content:space-between}.header-nav .overlayMenu .icons-c a{align-items:center;border-right:2px solid #0000;cursor:none;display:flex;height:100%;justify-content:center;padding:0 1vw;-webkit-user-select:none;user-select:none}.header-nav .overlayMenu .icons-c a svg path{fill:var(--color-menu-icon);transition:fill .3s}.header-nav .overlayMenu .icons-c a:hover svg path{fill:var(--color-menu)}.header-nav .overlayMenu .icons-c a:last-child{border:none}.header-nav .overlayMenu .icons-c svg{width:35px}.header-nav .overlayMenu .icons-c .twitter{width:30px}.header-nav .pixel-grid{height:100vh;width:100svw;grid-column-gap:0;grid-row-gap:0;bottom:0;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:91}@-moz-document url-prefix(){.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto}}.header-nav .pixel-grid div{background-color:var(--color-yellow);height:100%;width:100%}@media(min-width:3000px){.header-nav .overlayMenu{--height-first-row:117px}.header-nav .overlayMenu .rowLink a{font-size:14rem}.header-nav .overlayMenu .icons-c svg{width:60px}}@media(max-width:1921px){:root{--font-size-normal-text2:0.95rem;--padding-text:1rem}.max-width{max-width:min(90svw,1300px)}.header-nav .overlayMenu .rowEmpty{height:5%}}@media(max-width:1600px){:root{--padding-text:1.5rem}.header-nav .overlayMenu .rowLink a{font-size:7rem}}@media(max-width:1100px){.header-nav .overlayMenu .rowLink a{font-size:7rem}.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.header-nav .pixel-grid div{outline:1px solid #1b1b1b}}@media(max-width:800px){:root{--padding-text:1rem;--section-padding-v:4rem}.btn-big .front,.btn-rotate .front{font-size:1.15rem}.header-nav .overlayMenu .rowLink a{font-size:5rem}.header-nav .overlayMenu .row{border-left:none;border-right:none}}@media(max-width:490px){.max-width{max-width:90svw}.os-scrollbar{--os-size:10px}.btn-small-vertical{font-size:1.1rem}.header-nav .logo{scale:.9;transform-origin:0 0;width:180px}.header-nav .logo .scramble-text{position:relative;top:-1px}.header-nav .menu-btn-wrapper .text-btn{display:none}.header-nav .menu-btn-wrapper .hamburger-btn{display:block}.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto auto auto}.header-nav .overlayMenu :is(.rowLink a,#id){font-size:3.5rem}.header-nav .overlayMenu .icons-c svg{width:32px}.hero .hero-inner .content .bottom .introduction-text2 .email-link.email-link{color:var(--color-black);text-shadow:none}.hero .hero-inner .content .scroll-text .bracket{color:var(--color-black)}.site-details .site-details-footer .smiley-thx img{position:relative;top:-35px}}@media(max-width:350px){.header-nav .overlayMenu .rowLink a{font-size:2.5rem}}@media(max-height:1000px){.header-nav .overlayMenu .rowLink a{font-size:5rem}.header-nav .overlayMenu .rowLink a .spanCube{top:5px}}@media(max-height:750px){.header-nav .overlayMenu .rowLink a{font-size:4rem}.header-nav .overlayMenu .rowLink a .spanCube .back{transform:translateZ(0) rotateX(-90deg)}}@media(any-pointer:coarse){.header-nav .overlayMenu .rowLink a{top:-8px}.header-nav .menu-btn-wrapper .text-btn .x-sign{top:2px}}@media(min-width:481px)and (max-width:810px)and (orientation:landscape)and (pointer:coarse){.header-nav .overlayMenu .rowLink{height:14%}.header-nav .overlayMenu .rowLink a{font-size:1.8rem;top:-3px}.header-nav .overlayMenu .rowLink .link-w{top:40%}.header-nav .overlayMenu .rowFirst,.header-nav .overlayMenu .rowSocial,.header-nav .overlayMenu .rowSocial .icons-c{height:40px}.header-nav .overlayMenu .rowSocial .icons-c svg{width:25px}.header-nav .overlayMenu .rowEmpty{display:none}}@media(min-width:811px)and (max-width:1394px)and (orientation:landscape)and (pointer:coarse){:root{--section-padding-v:4rem}.header-nav .overlayMenu .rowLink a{font-size:4.2rem;top:-10px}.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.header-nav .pixel-grid div{outline:1px solid #1b1b1b}}@media(min-width:768px)and (max-width:1120px)and (orientation:portrait)and (pointer:coarse){.header-nav .overlayMenu .rowLink a{font-size:6rem;top:-10px}}@media(max-width:1400px)and (pointer:coarse){.header-nav .overlayMenu .rowLink .link-w{clip-path:unset}}@media(min-width:811px)and (max-width:1100px)and (max-height:550px)and (orientation:landscape)and (pointer:coarse){.header-nav .overlayMenu .rowLink a{font-size:2.5rem}.header-nav .overlayMenu .rowEmpty{display:none}.header-nav .overlayMenu .icons-c,.header-nav .overlayMenu .rowSocial{height:50px}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}:root{--gradient-fun:linear-gradient(90deg,#ffc900,#ff81ff)}.margin-right-30{margin-right:30px}.header-panel{--topHeight:60px;background-color:var(--color-white);border:2px solid #000;display:flex;flex-direction:column;height:370px}.header-panel .row:first-of-type{background-color:var(--color-black);color:var(--color-white);display:flex;justify-content:space-between}.header-panel .row:first-of-type h2{font-family:var(--font3);font-size:1.9rem;height:var(--topHeight);line-height:var(--topHeight);padding-left:var(--padding-text);text-transform:uppercase}.header-panel .row:first-of-type .box-wrapper{align-items:center;background-color:var(--color-black);display:flex;height:var(--topHeight);justify-content:center;overflow:hidden;width:var(--topHeight)}.header-panel .row:first-of-type .box-wrapper svg.box-arrow{height:60px;width:60px}.header-panel .row:first-of-type .box-wrapper svg.box-arrow line,.header-panel .row:first-of-type .box-wrapper svg.box-arrow polyline{fill:none;stroke:#fff;stroke-width:7px}.header-panel .row:first-of-type .box-wrapper svg.box-arrow g.active line,.header-panel .row:first-of-type .box-wrapper svg.box-arrow g.active polyline{stroke:var(--color-yellow)!important}.header-panel .row:nth-of-type(2){display:flex;height:100%;overflow:hidden}.header-panel .row:nth-of-type(2) .text-block{border-right:2px solid #000;font-family:var(--font2);font-size:var(--font-size-normal-text);line-height:var(--line-height-normal-text);padding:var(--padding-text);width:50%}.header-panel .row:nth-of-type(2) .large-text-wrapper{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;caret-color:#0000;display:flex;justify-content:center;position:relative;width:50%}.header-panel .row:nth-of-type(2) .large-text-wrapper canvas{left:0;position:absolute;top:0;z-index:2}.header-panel .row:nth-of-type(2) .large-text-wrapper .large-text{font-family:var(--font4);font-size:5rem;position:relative;text-transform:uppercase;z-index:3}.header-panel .row:nth-of-type(2) .large-text-wrapper .large-text.macOS{line-height:1;padding-top:.4em}.header-panel .row:nth-of-type(2) .large-text-wrapper .grid-backup-img{display:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.header-panel-black{border:none}.header-panel-black .row:first-of-type{border:1px solid #fff;border-bottom:none}.hero{font-family:var(--font1);height:100svh;position:relative;width:100%}.hero .canvas-wrapper{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.hero .hero-inner{font-family:var(--font1);height:100%;position:relative;text-transform:uppercase;z-index:3}.hero .hero-inner .content{color:var(--color-white);display:flex;flex-direction:column;height:calc(100% - var(--top-height));justify-content:space-between;padding:1.5rem 0}.hero .hero-inner .content .introduction-text1{color:var(--color-white);font-size:2.3rem;font-weight:400;width:40svw}.hero .hero-inner .content .phone-msg{display:none;font-family:var(--font1);font-size:2.5rem;font-weight:400;justify-content:center;text-align:center}.hero .hero-inner .content .phone-msg img{width:80svw}.hero .hero-inner .content .bottom{align-items:flex-end;display:flex;justify-content:space-between}.hero .hero-inner .content .bottom .introduction-text2{font-size:1.7rem;width:clamp(210px,55svw,900px)}.hero .hero-inner .content .bottom .introduction-text2 .email-link{color:var(--color-black);font-family:var(--font1)}.hero .hero-inner .content .bottom .introduction-text2 .arrow-small{margin-left:1rem}.hero .hero-inner .content .bottom .introduction-text2 .phone-show{display:none}.hero .hero-inner .content .scroll-text{align-items:flex-end;display:flex;font-size:1.2rem;line-height:1}.hero .hero-inner .content .scroll-text svg.arrow-small{height:20px;margin-left:.7rem;overflow:hidden;scale:.85;transform-origin:50% 50%;width:16px}.hero .hero-inner .content .scroll-text .bracket:first-child{margin-right:10px;transition:transform .3s}.hero .hero-inner .content .scroll-text .bracket:last-child{margin-left:10px;transition:transform .3s}.hero .hero-inner .content .scroll-text:hover .bracket:first-child{transform:translateX(-7px)}.hero .hero-inner .content .scroll-text:hover .bracket:last-child{transform:translateX(7px)}.stack-container{content-visibility:hidden;position:relative}.stack-container .stack-bg-container{height:100%;left:0;position:relative;top:0;width:100%}.stack-container .stack-bg-container .about-bg{background-color:#eee}.stack-container .stack-bg-container .work-bg{background-color:var(--color-darkGray);position:relative}.stack-container .stack-bg-container .lab-bg{background-color:var(--color-lightGray);position:relative}.stack-container .stack-bg-container .overview-bg,.stack-container .stack-bg-container .site-details-bg{background-color:var(--color-lightGray)}.stack-container .stack-bg-container .transition-bg-image{background-image:url(../assets/img/c/work-transition.avif);background-position:50% -50%;background-repeat:no-repeat;bottom:0;height:1000px;left:0;position:absolute;width:100%}.stack-container .sections-container{left:0;position:absolute;top:0;width:100%}.overview{padding:var(--section-padding-v) 0}.overview .overview-inner .header-panel:first-child{margin-bottom:var(--section-padding-v)}.overview .header-panel .row:first-of-type h2{font-size:1.7rem}.overview .header-panel .row:first-of-type h2 a{color:var(--color-white)}.overview .header-panel .row:nth-of-type(2) .text-block{padding:1.2rem}@media(min-width:2561px){.stack-container .stack-bg-container .work-bg .transition-bg-image{background-position:50% 50%;background-size:100% 100%}}@media(max-width:1921px){.overview .header-panel br.removable{display:none}.hero .hero-inner .content .introduction-text1{font-size:1.9rem}.hero .hero-inner .content .bottom .introduction-text2{font-size:1.5rem}}@media(max-width:1400px){.header-panel .row:nth-of-type(2) .text-block{width:70%}.header-panel .row:nth-of-type(2) .large-text-wrapper{width:30%}.header-panel .row:nth-of-type(2) .large-text-wrapper .large-text{font-size:3rem}}@media(max-width:1200px){.hero .hero-inner .content .introduction-text1{font-size:2rem;width:50svw}.hero .hero-inner .content .bottom .introduction-text2{font-size:1.7rem;width:50svw}.work .work-item .item-big-inner .front .item-top :is(.item-title,#id){font-size:1.5rem}}@media(max-width:1100px){.header-panel{height:unset}.header-panel .row:nth-of-type(2) .text-block{border-right:none;padding-bottom:1rem;padding-top:1rem;width:100%}.header-panel .row:nth-of-type(2) .large-text-wrapper{display:none}.header-panel-black .row:nth-of-type(2){background-color:var(--color-lightGray)}.header-panel-black .row:first-of-type{border-color:var(--color-lightGray)}.overview .btn-small{margin-top:1rem}}@media(max-width:800px){.header-panel{--topHeight:50px}.header-panel .row:first-of-type .box-wrapper svg.box-arrow{scale:.8}.header-panel .row:first-of-type h2{font-size:1.5rem}.hero .hero-inner .content .scroll-text svg.arrow-small{margin:0 .5rem;scale:.8;transform-origin:50% 50%}.hero .hero-inner .content .scroll-text .text{display:none}.hero .hero-inner .content .introduction-text1{font-size:1.7em;width:60svw}.hero .hero-inner .content .bottom .introduction-text2{font-size:1.4rem;width:70svw}.hero .hero-inner .content .bottom .introduction-text2 .arrow-small{position:relative;scale:.9;top:3px;transform-origin:50% 50%}.work .work-item .item-big-inner .front .item-top :is(.item-title,#id){font-size:1.4rem}}@media(max-height:650px){.hero .hero-inner .content .introduction-text1{font-size:1.5rem}.hero .hero-inner .content .bottom .introduction-text2{font-size:1.2rem}}@media(max-width:490px){.header-panel .row:first-of-type h2{font-size:1.3rem}.hero{--top-height:36px}.hero .hero-inner .content .bottom{flex-direction:column}.hero .hero-inner .content .introduction-text1{font-size:1.3em;width:80svw}.hero .hero-inner .content .bottom .introduction-text2{align-self:flex-start;font-size:1.1rem;margin-bottom:1rem;width:100%}.hero .hero-inner .content .bottom .introduction-text2 .arrow-small{margin-left:.6rem;scale:.7}}@media(min-width:481px)and (max-width:810px)and (orientation:landscape)and (pointer:coarse){.hero .hero-inner .content .introduction-text1{font-size:1.4rem}.hero .hero-inner .content .bottom .introduction-text2{font-size:1rem}.hero .hero-inner .content .phone-msg img{position:relative;top:-10px!important;width:150px!important}}.work{--top-height:50px;--work-gap:6rem;content-visibility:hidden}.work .work-inner{padding-bottom:calc(var(--section-padding-v)/2);padding-top:var(--section-padding-v);position:relative}.work .works-items-container{display:flex;flex-direction:column;margin-top:calc(var(--work-gap)/2)}.work .work-note-outer{display:flex;justify-content:flex-end}.work .work-note-wrapper{align-items:center;display:flex;flex-direction:row;margin-top:calc(var(--work-gap)/2 + .7rem);width:fit-content}.work .work-note-wrapper .work-note{background-color:hsla(0,0%,100%,.157);border:2px solid var(--color-white);font-family:var(--font1);font-size:1.2rem;padding:.5rem 1rem;position:relative;text-transform:uppercase;top:-4px}.work .work-note-wrapper .work-note .color{color:var(--color-yellow)}.work .work-note-wrapper .btn-small-vertical{background-color:var(--color-yellow);border:2px solid var(--color-black);margin:.3rem 1rem .3rem 2rem}.work .work-item{display:flex;flex-direction:row;font-family:var(--font3);gap:5vw;justify-content:space-between;margin-bottom:var(--work-gap)}.work .work-item .item-small{display:flex}.work .work-item .item-small .front{background-color:#d9d9d9;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEXk5OT///+sRXE5AAAAEElEQVQIHWM4wHCA4QPDBwAMyANho8sSlAAAAABJRU5ErkJggg==");background-repeat:repeat;background-size:4px 4px;display:flex;flex-direction:column;position:relative;width:300px;z-index:2}.work .work-item .item-small .front .row:first-of-type{border-bottom:2px solid var(--color-black);display:flex;flex-direction:row}.work .work-item .item-small .front .row:first-of-type .left{align-items:center;border-right:2px solid var(--color-black);display:flex;font-family:var(--font3);font-size:2.1rem;height:var(--top-height);padding:0 .6rem}.work .work-item .item-small .front .row:nth-of-type(2){font-family:var(--font1);font-size:1.4rem;padding-left:.5rem;padding-top:.6rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.work .work-item .item-small .front .row:nth-of-type(3){align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:auto}.work .work-item .item-small .front .row:nth-of-type(3) .number{display:flex;font-family:var(--font6);font-size:9rem;-webkit-user-select:none;user-select:none}.work .work-item .item-small .front .row:nth-of-type(3) .number .first{left:5px;position:relative}.work .work-item .item-small .front .row:nth-of-type(3) .number .second{position:relative;right:5px}@supports(-moz-appearance:none){.work .work-item .item-small .front .row:nth-of-type(3) .number{font-family:var(--font3)}}.work .work-item .item-small .front .row:nth-of-type(4){align-items:flex-end;display:flex}.work .work-item .item-small .front .row:nth-of-type(4) .year{font-size:1.5rem;padding-bottom:.5rem;padding-left:.5rem;-webkit-user-select:none;user-select:none}.work .work-item .item-small .front .row:nth-of-type(4) .arrow-cube{align-items:center;background-color:var(--color-black);display:flex;height:50px;justify-content:center;margin-left:auto;overflow:hidden;width:50px}.work .work-item .item-small .front .row:nth-of-type(4) .arrow-cube svg.arrow{height:41px;rotate:-45deg;scale:.8;width:37px}.work .work-item .item-small .front .row:nth-of-type(4) .arrow-cube svg.arrow path{stroke:#fff;stroke-width:8px;fill:none}.work .work-item .item-small .shadow{background-color:#8c8c8c;clip-path:polygon(0 0,100% 8%,100% 100%,0 100%,0 0);flex-shrink:0;height:100%;position:relative;width:35px;z-index:1}.work .work-item .item-big{display:flex;position:relative}.work .work-item .item-big .text-outside{color:#b1b1b1;display:flex;flex-direction:column;font-family:var(--font2);font-size:var(--font-size-normal-text2);margin-right:20px;margin-top:20px;text-align:right;width:80px}.work .work-item .item-big .text-outside span{height:20px;width:80px}.work .work-item .item-big .text-outside span:first-of-type{color:var(--color-white);font-family:var(--font3);font-size:1.3rem;margin-bottom:20px}.work .work-item .item-big .text-outside span:nth-of-type(3),.work .work-item .item-big .text-outside span:nth-of-type(5),.work .work-item .item-big .text-outside span:nth-of-type(7){margin-bottom:20px}.work .work-item .item-big .text-outside .hidden{display:none}.work .work-item .item-big-inner{display:flex;flex-direction:row;height:100%}.work .work-item .item-big-inner .front{background-color:var(--color-white);display:flex;flex-direction:column}.work .work-item .item-big-inner .front .item-top{display:flex;flex-direction:row}.work .work-item .item-big-inner .front .item-top .work-headline{clip-path:inset(0 -100% 0 0);display:block;font-family:var(--font1);font-size:1.5rem;padding:1rem;position:relative;text-transform:uppercase;transition:color .3s;width:fit-content;word-break:break-word;z-index:20}.work .work-item .item-big-inner .front .item-top .work-headline .btn-arrow{left:0;position:absolute;top:19px;transform:translateX(-40px);transition:transform .5s cubic-bezier(.44,.36,.67,1.01)}.work .work-item .item-big-inner .front .item-top .work-headline .item-title{display:inline-block;transition:transform .5s .1s}@media(min-width:490px){.work .work-item .item-big-inner .front .item-top .work-headline:hover .item-title{transform:translateX(25px)}.work .work-item .item-big-inner .front .item-top .work-headline:hover .btn-arrow{transform:translateX(10px)}}.work .work-item .item-big-inner .front .item-top .item-text{border-top:2px solid var(--color-black);font-family:var(--font2);font-size:var(--font-size-normal-text2);height:250px;line-height:var(--line-height-normal-text);padding:1rem var(--padding-text)}.work .work-item .item-big-inner .front .item-top .item-img{border:2px solid var(--color-black);display:block;height:250px;margin:var(--padding-text) var(--padding-text) 0 0;object-fit:cover;object-position:50% 50%;object-position:center;overflow:hidden;position:relative;top:2px;width:250px}.work .work-item .item-big-inner .front .item-details{align-items:flex-start;border-top:2px solid var(--color-black);display:flex;font-family:var(--font1);justify-content:space-between;padding:1rem var(--padding-text)}.work .work-item .item-big-inner .front .item-details .item-details-column{display:flex;flex-direction:column;flex-wrap:wrap}.work .work-item .item-big-inner .front .item-details .item-details-column .highlight-text{background-color:var(--color-black);color:var(--color-lightGray);font-size:1.1rem;margin-bottom:.5rem;padding:3px 10px 1px;position:relative;text-transform:uppercase;width:fit-content}.work .work-item .item-big-inner .front .item-details .item-details-column .skills-list{font-size:1rem;text-transform:uppercase;width:200px}.work .work-item .item-big-inner .front .item-details .item-details-column .skills-list li{display:inline-block;transition:color .3s,background-color .3s}.work .work-item .item-big-inner .front .item-details .item-details-column .skills-list li:hover{background-color:var(--color-black);color:var(--color-yellow)}.work .work-item .item-big-inner .front .item-details .item-details-column:last-of-type{align-self:flex-end}.work .work-item .item-big-inner .shadow{clip-path:polygon(0 0,100% 10%,100% 100%,0 100%,0 0);flex-shrink:0;height:100%;width:50px}.work .work-item2 .item-small .front .row:nth-of-type(4) .arrow-cube{margin-left:unset;margin-right:.5rem}.work .work-item2 .item-small .front .row:nth-of-type(4) .arrow-cube svg.arrow{rotate:90deg}.work .work-item2 .item-big .text-outside{margin-left:20px;margin-right:0;order:2;text-align:left}.work .work-item2 .item-big-inner{order:1}.work .work-item:first-of-type .item-big-inner .front{background-color:var(--color-rose)}.work .work-item:first-of-type .item-big-inner .shadow{background:#8f3d8b}.work .work-item:nth-of-type(2) .item-big-inner .front{background-color:var(--color-ochre)}.work .work-item:nth-of-type(2) .item-big-inner .shadow{background:#74654d}.work .work-item:nth-of-type(3) .item-big-inner .front{background-color:var(--color-yellow)}.work .work-item:nth-of-type(3) .item-big-inner .shadow{background:#7a6000}.work .work-item:nth-of-type(4) .item-big-inner .front{background-color:var(--color-green)}.work .work-item:nth-of-type(4) .item-big-inner .shadow{background:#457750}.work .work-item:nth-of-type(5) .item-big-inner .front{background-color:var(--color-blue)}.work .work-item:nth-of-type(5) .item-big-inner .shadow{background:#4c62a5}.work .work-item:last-child{margin-bottom:0}.work .btn-big{position:relative;top:calc(var(--section-padding-v)/2)}@media(max-width:1921px){.work .work-item{gap:3vw}.work .work-item .item-small .front{width:250px}.work .work-item .item-big .text-outside{margin-left:10px;margin-right:10px}}@media(max-width:1500px){.work .work-item{gap:4svw}.work .work-item .item-small .front{width:250px}.work .work-item .item-big-inner .front .item-top .item-img{height:250px;width:200px}}@media(max-width:1300px){.work .work-item .item-big{flex-direction:column}.work .work-item .item-big .text-outside{flex-direction:row;margin:0 0 5px;order:unset;text-align:left;width:unset}.work .work-item .item-big .text-outside :is(span,#id){margin-bottom:0;padding-right:10px;width:unset}.work .work-item .item-big .text-outside span:first-of-type{font-size:1.1rem;margin-right:10px}.work .work-item .item-big .text-outside span:nth-of-type(3),.work .work-item .item-big .text-outside span:nth-of-type(5),.work .work-item .item-big .text-outside span:nth-of-type(7){margin-right:15px}.work .work-item .item-big .text-outside span{display:none}.work .work-item .item-big .text-outside span.hidden{display:inline;margin-right:15px}.work .work-item .item-small .front .row:nth-of-type(2),.work .work-item .item-small .front .row:nth-of-type(4) .year{font-size:1.3rem}}@media(max-width:1200px){.work .work-item .item-small{display:none}.work .work-item .item-big{max-width:unset}.work .work-item .item-big-inner .shadow{clip-path:polygon(0 0,100% 8%,100% 100%,0 100%,0 0);width:35px}.work .work-item .item-big-inner .front .item-top .item-text{height:unset}.work .work-item .item-big-inner .front .item-top .item-img,.work .work-item .item-big-inner .front .item-top img:not(.btn-arrow){height:200px;width:200px}.work .work-note-wrapper .btn-small-vertical{margin:.3rem 0 .5rem}.work .work-note-wrapper.work-note-wrapper{background-color:hsla(0,0%,100%,.157);border:2px solid var(--color-white);flex-direction:column;justify-content:space-between;padding:.5rem 1rem;width:100%}.work .work-note-wrapper.work-note-wrapper .work-note{background-color:#0000;border:none;font-size:1.2rem;margin-bottom:.7rem;text-align:center}}@media(max-width:1000px){.work .work-item .item-big-inner .front .item-top .item-img,.work .work-item .item-big-inner .front .item-top img:not(.btn-arrow){display:block;height:auto;object-fit:contain;object-position:center;width:136px}}@media(max-width:800px){.work{--work-gap:4rem}.work .work-item .item-big-inner .front .item-top .item-img{display:none}.work .work-item .item-big-inner .front .item-top .item-text{height:unset}}@media(max-width:750px){.work .work-item .item-big-inner .front .item-details{flex-wrap:wrap}.work .work-item .item-big-inner .front .item-details .item-details-column{margin-bottom:20px}.work .work-item .item-big-inner .front .item-details .item-details-column .skills-list{width:unset}.work .work-item .item-big-inner .front .item-details .item-details-column:first-of-type{margin-right:25px}.work .work-item .item-big-inner .front .item-details .item-details-column:last-of-type{flex:1 1 100%;margin-bottom:0}.work .work-item .item-big-inner .shadow{display:none}.work .work-item .item-big .text-outside,.work .work-item .item-big .text-outside span:first-of-type{font-size:.95rem}}@media(max-width:600px){.work .work-item .item-big-inner .front .item-top .work-headline{font-size:1.2rem}.work .work-item .item-big-inner .front .item-top .work-headline .btn-arrow{top:17px}.work .work-item .item-big .text-outside :is(span,#id){display:none}}@media(max-width:490px){.work{--top-height:unset;--work-gap:3rem}.work .work-item .item-big .text-outside{display:none}.work .work-item .item-big-inner .front .item-top .work-headline{font-size:1.2rem;padding:.7rem}.work .work-item .item-big-inner .front .item-top .work-headline .btn-arrow{display:none}.work .work-item .item-big-inner .front .item-top .work-headline .item-title{text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:2px;text-underline-offset:2px}.work .work-item .item-big-inner .front .item-details{border:none}.work .work-item .item-big-inner .front .item-details .item-details-column .highlight-text{font-size:1rem;padding-bottom:4px}.work .work-item .item-big-inner .front .item-top-column:nth-of-type(2){margin:0 1rem}.work .work-item .item-big-inner .front .item-top{display:flex;flex-direction:column}.work .work-item .item-big-inner .front .item-top .item-img{border:none;border:2px solid var(--color-black);margin:0;top:0}.work .work-item .item-big-inner .front .item-top .item-img,.work .work-item .item-big-inner .front .item-top img:not(.btn-arrow){display:block;height:auto;object-fit:contain;object-position:center;width:100%}.work .work-note-wrapper .btn-small-vertical .btn-text .hide{display:none}.work .work-note-wrapper :is(.work-note,#id){font-size:1rem}.work .work-note-wrapper.work-note-wrapper{margin:var(--work-gap) 0 calc(var(--work-gap)/2) 0}}@media(min-width:811px)and (max-width:1394px)and (orientation:landscape)and (pointer:coarse){.work{--work-gap:4rem}}footer{--height-top-row:250px;--height-footer-expander:150px;background-color:var(--color-darkGray);caret-color:#0000;contain:paint layout;content-visibility:hidden;height:100%;overflow:hidden;position:relative;width:100svw;z-index:8}footer.lowFPS{background-image:url(../assets/img/c/footer-boden.webp);background-position:50% -20%;background-repeat:no-repeat;background-size:100%}footer .footer-expander{height:var(--height-footer-expander)}footer .footer-outer{position:relative}footer .canvas-wrapper{bottom:0;height:135%;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}footer .email-container{align-items:center;color:var(--color-white);display:flex;font-family:var(--font3);font-size:5rem;height:var(--height-top-row);justify-content:center;left:0;pointer-events:none;position:absolute;top:calc(var(--height-footer-expander)*-1 + 40px);z-index:3}footer .email-container li.email-wrapper{display:block;flex-shrink:0;width:100vw}footer .email-container li.email-wrapper a.email-link{color:var(--color-white);display:inline-block;pointer-events:all;width:fit-content}footer .email-container li.email-wrapper .text{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:4px}footer .email-container li.email-wrapper .copied-msg{color:var(--color-white);display:block;font-family:var(--font1);font-size:1.1rem;height:35px;text-transform:uppercase}footer .email-container li.email-wrapper .at-sign{font-family:var(--font5)}footer .footer-inner{display:flex;flex-direction:column;font-family:var(--font3);justify-content:space-between;position:relative;z-index:2}footer .footer-inner,footer .footer-inner a{color:var(--color-white)}footer .footer-inner .scroll-to-top{align-items:flex-end;display:flex;line-height:1;position:absolute;right:0;text-transform:uppercase;top:1rem;top:calc(var(--height-footer-expander)*-1 + 1rem);transition:color .3s}footer .footer-inner .scroll-to-top svg.arrow-small{height:18px;margin-left:.7rem;overflow:hidden;width:14.4px}footer .footer-inner .scroll-to-top .bracket:first-child{margin-right:10px;transition:transform .3s}footer .footer-inner .scroll-to-top .bracket:last-child{margin-left:10px;transition:transform .3s}footer .footer-inner .scroll-to-top:hover .bracket:first-child{transform:translateX(-7px)}footer .footer-inner .scroll-to-top:hover .bracket:last-child{transform:translateX(7px)}footer .footer-inner .scroll-to-top:hover{color:var(--color-yellow)}footer .footer-inner .empty-space{align-items:center;display:flex;height:var(--height-top-row);justify-content:center;pointer-events:none}footer .footer-inner .row{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}footer .footer-inner .row img.arrow-link{height:20px;opacity:0;position:relative;top:3px;transition:opacity .3s}footer .footer-inner .row .column:first-of-type{flex:1 1 50%;order:1;position:relative;top:20px;z-index:2}footer .footer-inner .row .column:first-of-type ul.links{translate:-15px 0}footer .footer-inner .row .column:first-of-type ul.links img.arrow-link{margin-right:5px}footer .footer-inner .row .column:first-of-type ul.links li{margin-bottom:2px;transition:translate .3s;translate:-23px;width:fit-content}footer .footer-inner .row .column:first-of-type ul.links a{font-size:1rem;transition:color .3s}footer .footer-inner .row .column:first-of-type ul.links a.active span,footer .footer-inner .row .column:first-of-type ul.links a:hover{color:var(--color-yellow)}footer .footer-inner .row .column:first-of-type ul.links li:hover{translate:0}footer .footer-inner .row .column:first-of-type ul.links li:hover img.arrow-link{opacity:1}footer .footer-inner .row .column:nth-of-type(2){color:#b8b8b8;display:flex;flex:1 1 100%;font-family:var(--font1);justify-content:center;order:3;text-transform:uppercase}footer .footer-inner .row .column:nth-of-type(2) .sign{font-family:var(--font2);font-size:1.2rem;position:relative;top:1px}footer .footer-inner .row .column:nth-of-type(2){position:relative;top:-10px;z-index:1}footer .footer-inner .row .column:nth-of-type(3){flex:1 1 50%;order:2;position:relative;top:20px;z-index:2}footer .footer-inner .row .column:nth-of-type(3) ul.social{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;text-align:right;translate:15px 0}footer .footer-inner .row .column:nth-of-type(3) ul.social img.arrow-link{margin-left:5px;rotate:180deg}footer .footer-inner .row .column:nth-of-type(3) ul.social li{margin-bottom:2px;transition:translate .3s;translate:23px;width:fit-content}footer .footer-inner .row .column:nth-of-type(3) ul.social a{font-size:1rem;transition:color .3s}footer .footer-inner .row .column:nth-of-type(3) ul.social a:hover{color:var(--color-yellow)}footer .footer-inner .row .column:nth-of-type(3) ul.social li:hover{translate:0}footer .footer-inner .row .column:nth-of-type(3) ul.social li:hover img.arrow-link{opacity:1}footer .footer-inner .row .column:first-of-type ul.links,footer .footer-inner .row .column:nth-of-type(3) ul.social{position:relative;top:-15px}@media(max-width:1921px){footer.lowFPS{background-position:50% 100%}footer .email-container{font-size:4rem}}@media(max-width:1600px){footer.lowFPS{background-position:50% 100%;background-size:120%}footer .email-container{font-size:3.5rem}}@media(max-width:1300px){footer{--height-top-row:190px;--height-footer-expander:100px}footer .canvas-wrapper{height:120%}}@media(max-width:1100px){footer.lowFPS{background-size:150%}footer .email-container{font-size:3rem}}@media(max-width:800px){footer{--height-top-row:200px;--height-footer-expander:0}footer.lowFPS{background-size:cover}footer .canvas-wrapper{height:100%}footer .email-container{font-size:2rem}footer .email-container li.email-wrapper a.email-link{text-decoration-thickness:2px}footer .email-container li.email-wrapper .copied-msg{display:none}footer .email-container li.email-wrapper .text{text-decoration-thickness:2px}footer .footer-inner .scroll-to-top{scale:.9;top:1rem;transform-origin:100% 0}footer .footer-inner .row .column:first-of-type,footer .footer-inner .row .column:nth-of-type(3){top:0}}@media(max-width:490px){footer.lowFPS{background-position:50% 100%;background-size:250%}footer .email-container li.email-wrapper{width:150vw}footer .email-container{font-size:1.8rem}footer .footer-inner .scroll-to-top .hide{display:none}footer .email-container li.email-wrapper a.email-link{position:relative;top:20px}footer .footer-inner .row .author{font-size:.8rem}footer .footer-inner .row .column:first-of-type ul.links li,footer .footer-inner .row .column:nth-of-type(3) ul.social li{margin-bottom:7px}footer .footer-inner .row .column:first-of-type ul.links a,footer .footer-inner .row .column:nth-of-type(3) ul.social a{font-size:1rem}footer .footer-inner .row .column:first-of-type ul.links .arrow-link,footer .footer-inner .row .column:nth-of-type(3) ul.social .arrow-link{height:15px;width:15px}}@media(min-width:481px)and (max-width:810px)and (orientation:landscape)and (pointer:coarse){footer{--height-top-row:100px}footer .email-container li.email-wrapper a.email-link{position:relative;top:20px}}@media(hover:hover){footer .row .column:first-of-type ul.links a:hover,footer .row .column:nth-of-type(3) ul.social a:hover{color:var(--color-yellow)}}@media(hover:none){footer .row .column:first-of-type ul.links a:active,footer .row .column:nth-of-type(3) ul.social a:active{color:var(--color-yellow)}}.header-panel .row:nth-of-type(2) .text-block{display:flex;flex-direction:column;justify-content:space-between}.header-panel .row:nth-of-type(2) .text-block .btn-small-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:5px}.hero{background-color:var(--color-darkGray)}.hero .header-nav .logo,.hero .header-nav .menu-btn-wrapper .text-btn{color:var(--color-white)}.hero .header-nav .menu-btn-wrapper .hamburger-btn path{stroke:var(--color-white)}.hero .hero-inner .content .phone-msg img{position:relative;top:1rem;width:70svw}.work{border-top:2px solid #3b3b3b}.work .works-items-container{padding-top:0}.work .work-inner{padding-top:calc(var(--work-gap)/2)}.work .work-note-wrapper{margin-top:0}.work .work-note-wrapper .work-note{color:var(--color-white)}.work .work-note-wrapper .btn-small-vertical{background-color:var(--color-white);color:var(--color-black)}.overview .header-panel:first-of-type .row:first-of-type h2 a{background:var(--gradient-fun);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.overview .header-panel:first-of-type .btn-small{background:var(--color-yellow)}@media(max-width:490px){.work .work-note-wrapper.work-note-wrapper{margin:calc(var(--work-gap)/2) 0}.hero .hero-inner .content .scroll-text .bracket{color:var(--color-white)}}