*,:before,:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.project-container{margin-top:7rem;display:flex;align-items:flex-start;justify-content:space-between;width:100%;height:100%;overflow:hidden;position:relative}.project-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-70%);width:2px;height:100%;background-color:#501111;z-index:-1}.project-container:after{content:"";position:absolute;top:0;left:calc(50% - 170px);transform:translate(-50%);width:2px;height:100%;background-color:#414141;z-index:-1}.heading-wrapper{position:static;top:80px}.project-heading{font-size:15.5rem;font-weight:100;color:#414141;margin-bottom:1rem;writing-mode:vertical-rl;text-orientation:mixed;text-align:start}.project-wrapper{display:flex;flex-direction:column;margin-right:10rem!important}.bisonbold{font-family:bisonbold,sans-serif;font-weight:700;letter-spacing:5px}.project-details{margin-top:1rem;display:flex;justify-content:space-between}.project-title{font-family:bisonbold,sans-serif;font-weight:700;font-size:2rem;letter-spacing:5px;margin-top:5rem}.project-img{width:520px;height:10%}.middleline{transform:rotate(90deg);width:100%;height:2px;background-color:#414141;margin-top:200px}@media (max-width: 768px){.project-container{flex-direction:column;align-items:center;justify-content:center}.project-heading{font-size:10rem;writing-mode:horizontal-tb}.project-wrapper{margin-right:0rem!important}}@media (max-width: 480px){.project-heading{font-size:5rem;writing-mode:horizontal-tb}.project-img{width:320px;height:10%}.project-container:before{display:none}.project-container:after{display:none}}.hero-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-block:10rem;position:relative}.hero-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:110%;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgb(26,25,29) 90%);z-index:0}.hero-info{margin-top:4rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;width:-moz-max-content;width:max-content;color:#fff;text-transform:uppercase}#name{font-size:68px;letter-spacing:3px;text-shadow:1px 3px 11px rgba(0,0,0,.3);z-index:1}#job{font-size:44px;font-weight:400;letter-spacing:3px;z-index:1}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(100px)}}.scroll-button{margin-top:5rem;cursor:pointer;z-index:1}svg #wheel{animation:scroll ease 1.5s infinite}.circle{width:50px;height:50px;border-radius:50%;background:#fff;margin-left:12rem;margin-top:-4rem;margin-bottom:4rem;opacity:1;box-shadow:inset 0 0 30px #fff,inset 20px 0 30px #d7d938,inset -20px 0 30px #ff3407,inset 4px 7px 300px #ff0c00,inset -20px 0 300px #feff88,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff;animation:slideLeftRight 5s linear infinite}@keyframes slideLeftRight{0%,to{transform:translate(0)}50%{transform:translate(-15px)}}.circle.yel{box-shadow:inset 0 0 30px #fff,inset 20px 0 30px #ffd400,inset -20px 0 30px red,inset 20px 0 300px #ff40d6,inset -20px 0 300px #e3ff4b,0 0 50px #fff,-10px 0 100px #fbff00,10px 0 80px #f55}.circle.glow{box-shadow:inset 0 0 30px #fff,inset 20px 0 30px #f0f,inset -20px 0 30px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff}@media (max-width: 768px){#name{font-size:39px}#job{font-size:28px}.circle{margin-left:11rem}}@media (max-width: 426px){#name{font-size:31px}#job{font-size:21px}.circle{margin-top:-5rem}}@media (max-width: 376px){#name{font-size:30px}#job{font-size:18px}.circle{margin-top:-5rem}}.box{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem}.box .title{width:100%;position:relative;display:flex;align-items:center;height:50px}.box .title .block{width:0%;height:inherit;margin-bottom:1rem;background:rgb(3,115,133);position:absolute;animation:mainBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;animation-delay:4s;display:flex;z-index:2}.box .title h1{margin-bottom:1rem;color:#fff;animation:mainFadeIn 2s forwards;animation-delay:5.6s;opacity:0;display:flex;align-items:baseline;position:relative}.box .title h1 span{width:0px;height:0px;margin-bottom:1rem;border-radius:50%;background:#ffb510;animation:popIn .8s cubic-bezier(.74,.06,.4,.92) forwards;animation-delay:7s;margin-left:5px;margin-top:-10px;position:absolute;bottom:13px;right:-12px}.box .role{width:100%;position:relative;display:flex;align-items:center;height:30px;margin-top:-10px}.box .role .block{width:0%;height:inherit;background:#e91e63;position:absolute;animation:secBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;animation-delay:7s;display:flex;z-index:2}.box .role p{font-size:32px;animation:secFadeIn 2s forwards;animation-delay:8.2s;opacity:0;font-weight:500;font-family:Lato;text-transform:uppercase;letter-spacing:5px;color:#fff}@media (max-width:769px){.box .title h1 span,.box .title h1{margin-bottom:0}}@keyframes mainBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes secBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes mainFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{width:0px;height:0px;background:#e9d856;border:0px solid #ddd;opacity:0}50%{width:10px;height:10px;background:#e9d856;opacity:1;bottom:45px}65%{height:7px;bottom:0;width:15px}80%{width:10px;height:10px;bottom:20px}to{width:7px;height:7px;background:#e9d856;border:0px solid #222;bottom:13px}}@keyframes secFadeIn{0%{opacity:0}to{opacity:.5}}.scrollbtn{width:48px;height:78px;position:relative;box-sizing:border-box;border:2px solid #fff;margin:auto;border-radius:50%/25%}.scrollbtn:before{content:"";position:absolute;left:50%;top:20px;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:10px;animation:scrollDown 1.5s linear infinite}@keyframes scrollDown{0%{top:15px;height:4px;opacity:1}33%{top:15px;height:40px}66%{top:50px;height:10px;opacity:1}to{top:56px;height:4px;opacity:0}}.main{height:100vh;display:flex;align-items:center;justify-content:center}.main .mask,.main .body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#afa18f;font-size:64px;line-height:66px;cursor:default}.main .mask p,.main .body p{width:1000px;padding:40px}.main .mask span,.main .body span{color:#037385}.main .mask{-webkit-mask-image:url(/assets/mask-0b43f699.svg);mask-image:url(/assets/mask-0b43f699.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px;mask-size:20px;background:rgb(3,115,133);position:absolute;color:#000}@media (max-width: 768px){.main .body{font-size:38px;line-height:50px}.main .hovered_text{font-size:34px;line-height:50px}}@media (max-width: 576px){.main .body{font-size:34px;line-height:38px}.main .hovered_text{font-size:32px;line-height:38px}}@media (max-width: 376px){.main .body{font-size:30px;line-height:38px}.main .hovered_text{font-size:28px;line-height:38px}}.loader__icon{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.loader-inner{color:#fff;font-family:Consolas,Menlo,Monaco,monospace;font-weight:700;font-size:78px;opacity:.8}.loader-inner:before{content:"{";display:inline-block;animation:pulse .4s alternate infinite ease-in-out}.loader-inner:after{content:"}";display:inline-block;animation:pulse .4s .3s alternate infinite ease-in-out}@keyframes pulse{to{transform:scale(.8);opacity:.5}}#load{position:absolute;width:800px;height:36px;left:50%;top:40%;margin-left:-300px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#load div{position:absolute;font-size:2rem;width:20px;height:36px;opacity:0;animation:move 2.7s linear infinite;-o-animation:move 2.8s linear infinite;-moz-animation:move 2.8s linear infinite;-webkit-animation:move 2.8s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#fff}#load div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#load div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}#load div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}#load div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}#load div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}#load div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}@keyframes move{0%{left:0;opacity:0}35%{left:41%;transform:rotate(0);opacity:1}65%{left:59%;transform:rotate(0);opacity:1}to{left:100%;transform:rotate(-180deg);opacity:0}}.wrapper{height:100vh;text-align:center}.wrapper button{position:relative;top:50%;transform:translateY(-50%)}.loader{position:fixed;z-index:50;top:0;left:0;width:0;height:100vh;width:100%}.loader .loader__icon{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%) translateY(-50%);opacity:0;transition:opacity .5s ease}.loader .loader__tile{position:absolute;left:0;width:0;height:20%;background-color:#037284;transition:width .7s ease}.loader__tile:nth-child(0){top:-20%;transition-delay:-.2s}.loader__tile:nth-child(1){top:0%;transition-delay:0s}.loader__tile:nth-child(2){top:20%;transition-delay:.2s}.loader__tile:nth-child(3){top:40%;transition-delay:.4s}.loader__tile:nth-child(4){top:60%;transition-delay:.6s}.loader__tile:nth-child(5){top:80%;transition-delay:.8s}.loader--active{width:100%;transition-delay:0s}.loader--active .loader__icon{opacity:1;transition:opacity .5s 1.4s ease}.loader--active .loader__tile{width:100%}.loader--active .loader__tile:nth-child(0){transition-delay:-.2s}.loader--active .loader__tile:nth-child(1){transition-delay:0s}.loader--active .loader__tile:nth-child(2){transition-delay:.2s}.loader--active .loader__tile:nth-child(3){transition-delay:.4s}.loader--active .loader__tile:nth-child(4){transition-delay:.6s}.loader--active .loader__tile:nth-child(5){transition-delay:.8s}:root{--text-color: white}.navbar_Wrapper{width:100%;display:flex;gap:1rem;justify-content:space-around;align-items:center;padding:1rem;position:absolute;background:transparent;z-index:10;top:0;box-shadow:0 1px 4px #0003}.navbar_Wrapper.active{position:fixed;background-color:#1a1a1b;color:var(--color);top:-76px;animation:slideIn .5s ease-out forwards}@keyframes slideIn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.logo_span{color:#0ff}.logo{text-decoration:none;font-size:2rem}.time{font-size:2rem}*:after,*:before{box-sizing:border-box}:root{font-size:15px;--color-bg: rgb(3, 115, 133)}body{margin:0;--color-text: #fff;--color-link: #000000;--color-link-hover: #fff;--color-menu: #fff;--color-menu-hover: #000000;--color-menu-deco: #ffffff;color:var(--color-text);background-color:var(--color-link);--cursor-stroke: none;--cursor-fill: #000000;--cursor-stroke-width: 1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ivymode,sans-serif}a,li,ul,ol{text-decoration:none}.close-button{background:transparent;outline:none;border:none;font-family:ivymode,sans-serif;font-size:20px;color:#fff;position:absolute;top:30px;right:50px;cursor:pointer}.open-button{background-color:transparent;color:#f3f3f3;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.navbar-container{position:fixed;z-index:1000;top:-100%;left:0;width:100%;height:100vh;background-color:var(--color-bg);-webkit-clip-path:circle(0px at top);clip-path:circle(0px at top);transition:-webkit-clip-path ease-in-out .7s;transition:clip-path ease-in-out .7s;transition:clip-path ease-in-out .7s,-webkit-clip-path ease-in-out .7s}.navbar-container.visible{top:0;-webkit-clip-path:circle(100% at top);clip-path:circle(100% at top)}.navbar-container.notvisible{top:0;-webkit-clip-path:circle(0 at top);clip-path:circle(0 at top)}.menu{padding:5rem 10rem 40vh 0rem;width:100vw;position:relative;display:flex;background-color:var(--color-bg);flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;counter-reset:menucounter}.menu__item{flex:none;display:flex;justify-content:flex-end;position:relative;padding-left:5rem}.menu__item:before{counter-increment:menucounter;content:counters(menucounter,".",decimal-leading-zero);position:absolute;left:0;color:var(--color-menu-deco);border-left:3px solid currentColor;top:20%;height:60%;padding-left:1rem;display:flex;align-items:center;line-height:1;opacity:0;font-weight:200;font-size:clamp(2rem,6vw,4.5rem);transform:translate(-1rem);transition:transform .3s,opacity .3s}.menu__item:hover:before{color:var(--color-menu-deco);opacity:1;transform:translate(0)}.menu__item-text{position:relative;cursor:pointer;display:block;overflow:hidden;font-size:clamp(2rem,5vw,4.5rem)}.menu__item-textinner{display:block;font-family:ivymode,sans-serif;font-weight:200;text-transform:uppercase;white-space:nowrap;color:var(--color-menu)}.js .menu__item-textinner{transform:translateY(100%)}.menu__item:hover .menu__item-textinner{color:var(--color-menu-hover)}.menu__item-sub{display:none;font-weight:200;font-size:clamp(1rem,2vw,2rem);white-space:nowrap;align-items:center;position:relative;margin-left:2rem;padding-left:3.25rem;opacity:0;transform:translate(-1rem);transition:transform .3s,opacity .3s;mix-blend-mode:difference}.menu__item:hover .menu__item-sub{opacity:1;transform:translate(0)}.menu__item-sub:before{content:"";position:absolute;left:0;top:50%;width:3rem;height:1px;background:currentColor;transform-origin:0 100%;transform:scale3d(0,1,1);transition:transform .3s}.menu__item:hover .menu__item-sub:before{transform:scaleZ(1)}@media screen and (min-width: 53em){.menu__item{padding-left:25vw}.menu__item-sub{display:flex}}@media (any-pointer: fine){.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none}.cursor__inner{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width);opacity:.7}}@media (max-width: 360px){.logo,.time{font-size:1.5rem}.menu{padding:5rem 5rem 20vh 0rem}}.contact_contaner{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:5rem;padding:1rem;width:100%;position:relative}.contact_contaner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgb(23,35,47) 90%);z-index:0}.contact_container_Wrapper{display:flex;width:100%;flex-wrap:wrap;row-gap:5rem;justify-content:space-between;align-items:center}.work{max-width:420px;font-size:55px;z-index:1;margin-top:-1rem}.contact_text{display:flex;flex-direction:column;gap:1rem;max-width:420px}.freelance{font-size:25px;color:#f3f3f3;z-index:1}.freelance_text{font-family:Playfair Display,serif}.icons{display:flex;align-self:center;gap:1rem;cursor:pointer;font-size:25px;z-index:1}.footer{color:#fff;margin-top:5rem;z-index:1;display:flex;align-items:center;width:100%;justify-content:center}.letswork{font-size:100px}.copyright{font-size:30px}@media (max-width: 768px){.letswork{margin-top:10rem;font-size:85px}.copyright{font-size:25px}}@media (max-width: 428px){.letswork{margin-top:5rem;font-size:65px}.copyright{font-size:15px}}.introduction{height:100vh;width:100vw;font-family:ivymode,sans-serif;display:flex;align-items:center;justify-content:center;position:fixed;z-index:99;background-color:#141516}.introduction svg{position:absolute;top:0;width:100%;height:calc(100% + 300px)}.introduction svg path{fill:#141516}.introduction p{display:flex;color:#fff;font-size:42px;align-items:center;position:absolute;z-index:1}.introduction p span{display:block;width:10px;height:10px;background-color:#fff;border-radius:50%;margin-right:10px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 1024px){.container{max-width:1024px}}.visible{visibility:visible}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mt-7{margin-top:1.75rem}.block{display:block}.flex{display:flex}.h-28{height:7rem}.h-\[300vh\]{height:300vh}.h-screen{height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a191d}html{scroll-snap-type:y mandatory}:root{--color: rgb(3, 115, 133)}.active{color:red}::-moz-selection{color:#fff;background-color:var(--color)}::selection{color:#fff;background-color:var(--color)}body::-webkit-scrollbar{width:1em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#16222e;border-radius:10px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.Projects{display:flex;flex-direction:column;width:100vh;height:100vh}.section{width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center}.nav-container{display:flex;justify-content:space-between;align-items:center}.text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding-block:7rem}.text{font-size:10vw;letter-spacing:-.01em;line-height:100%;margin:0;width:100%;color:#b6b6b633;background:linear-gradient(to right,#b6b6b6,#b6b6b6) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) .5s;border-bottom:1px solid #2F2B28;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.text-span{position:absolute;width:100%;height:100%;background-color:#037284;color:#0d0d0d;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform-origin:center;transition:all cubic-bezier(.1,.5,.5,1) .4s;display:flex;flex-direction:column;justify-content:center}.text:hover>span{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}a{text-decoration:none;color:inherit}@font-face{font-family:Bison;src:url(/assets/Bison-ThinOutline-5841b3ee.ttf)}@font-face{font-family:Bisonbold;src:url(/assets/Bison-Bold-e68430fe.ttf)}.bison{font-family:bison,sans-serif}.project-btn{margin-top:5rem;width:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.text{font-size:18vw}.text-container{height:90vh}}.project-button{width:280px;display:flex;height:84px;background:transparent;color:#fff;position:absolute;align-items:center;border:solid 1px white;letter-spacing:.3em;padding-left:40px}.project-button:hover>div{margin-left:200px;transition:.5s cubic-bezier(.4,0,.2,1)}.project-button:hover>b{animation:letterroll cubic-bezier(.4,0,.2,1) .5s}b{animation:backroll cubic-bezier(.4,0,.2,1) .5s}.btn-div{width:75px;height:1px;background:rgb(3,114,132);margin-left:215px;position:absolute;transition:.5s}@keyframes letterroll{50%{transform:translateY(-75%);opacity:0}50.1%{transform:translateY(75%)}to{transform:translateY(0);opacity:1}}@keyframes backroll{50%{transform:translateY(75%)}50.1%{transform:translateY(-75%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 428px){.btn-div{margin-left:180px}}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}.section{margin-top:5rem}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}