html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-color: #9e9e9e;--secondary-color: #111111;--padding-value: 20px;--radius: 0px;--animationSP: cubic-bezier(.65, 0, 0, 1);--animationOpenPage: cubic-bezier(.26, 0, 0, 1)}@font-face{font-family:HalenoirBold;src:url(/Fonts/HalenoirExpanded-Bold.otf) format("opentype")}@font-face{font-family:HalenoirRegular;src:url(/Fonts/HalenoirCompact-Regular.otf) format("opentype")}h1{font-family:HalenoirBold;font-size:1rem;white-space:nowrap}h2{font-family:HalenoirRegular;font-size:1rem;white-space:nowrap}h3{font-family:HalenoirBold;font-size:3rem}h4{font-family:HalenoirRegular;font-size:1rem}p{font-family:HalenoirRegular;font-size:1rem;line-height:1.25rem}::-webkit-scrollbar{width:2px;height:6px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;border:2px solid var(--secondary-color);background-clip:content-box}::-webkit-scrollbar-thumb:hover{border-color:#888}#refsLink{color:var(--primary-color);font-weight:600;text-decoration:underline}@keyframes translateYShow{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes translateYHide{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.project-bar-animate{animation:translateYShow .4s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.project-bar-hide{animation:translateYHide .4s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}@keyframes scaleYShow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes scaleYHide{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.project-bar-animate{animation:scaleYShow .4s cubic-bezier(.4,0,.2,1) forwards}.project-bar-hide{animation:scaleYHide .4s cubic-bezier(.4,0,.2,1) forwards}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100vw;padding:var(--padding-value);overflow:hidden;background-color:var(--secondary-color)}main{width:100%;height:100%}#MenuUI{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .4s var(--animationSP);padding:var(--padding-value)}#name{font-size:24px;pointer-events:none;transition:transform .4s var(--animationSP)}#ContentZone{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:flex;flex-direction:column;padding:var(--padding-value)}#videoZone{position:absolute;top:0;left:0;display:none;z-index:100;width:100%;height:100%;background-color:var(--secondary-color);justify-content:center;align-items:center;opacity:0;transition:opacity .4s var(--animationSP)}#videoZone .BasicBTN{position:absolute;bottom:calc(var(--padding-value));z-index:101;background-color:transparent;color:var(--primary-color)}#videoZone iframe{position:absolute;width:90%;height:auto;padding:calc(var(--padding-value) * 2);aspect-ratio:16 / 9}#backgroundVideoSection{position:relative;flex:1;width:100%;min-height:0;background-color:var(--primary-color)}#backgroundVideo{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);transition:.8s var(--animationSP)}#BluryFilter{position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:var(--radius);pointer-events:none}header{position:absolute;width:calc(100% - (var(--padding-value) * 2) * 2);height:auto;top:calc(var(--padding-value) * 2);left:calc(var(--padding-value) * 2);display:flex;justify-content:space-between;align-items:center}nav{width:auto;height:auto;background-color:var(--secondary-color);padding:10px 20px;display:flex;gap:10px;transition:transform .8s var(--animationSP)}.TagStyle{width:auto;height:25px;padding:5px 20px;display:flex;justify-content:center;align-items:center;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;pointer-events:none}.TagBTN{cursor:pointer;pointer-events:all}.TagBTNActive{background-color:var(--primary-color);color:var(--secondary-color);transition:.3s ease-out}footer{position:absolute;width:calc(100% - (var(--padding-value) * 2) * 2);height:auto;left:calc(var(--padding-value) * 2);bottom:calc(var(--padding-value) * 2)}#ProjectContainer{width:auto;height:auto;display:flex;gap:10px;flex-direction:column}.ProjectBar{width:max-content;height:auto;max-height:500px;padding:10px;background-color:var(--secondary-color);color:var(--primary-color);display:flex;align-items:center;gap:20px;cursor:pointer;transition:transform .8s var(--animationSP)}.tagSection{display:flex;gap:10px}#ProjectContent{display:none;position:relative;width:100%;height:0%;opacity:0;color:var(--primary-color);flex-direction:column;transform-origin:bottom;transition:1s var(--animationOpenPage);gap:var(--padding-value)}#ProjectContent-Main{display:flex;gap:50px;align-items:center;flex-direction:column}#ProjectContent-Header{width:100%;height:min-content;display:flex;justify-content:space-between;align-items:center}#ProjectContent-Header-Left{display:flex;align-items:center;gap:20px}#ProjectContent-footer{width:100%;height:min-content;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:var(--padding-value)}#WatchVideoBTN{display:none}#DescZone{width:100%;height:auto;display:flex;flex-direction:column;gap:10px}.ProjectBTNs{width:100%;height:auto;display:flex;justify-content:space-between;flex-direction:row;align-items:flex-end}#ProjectContent-footer p{max-width:50%}#ProjectVisuals{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px}#ProjectVisuals img{position:relative;height:100%;width:auto;object-position:center}.projectImg{opacity:1;transform:translateY(100vh);transition:2s var(--animationSP)}.BasicBTN{width:max-content;height:max-content;padding:5px 20px;background-color:var(--primary-color);color:var(--secondary-color);cursor:pointer;display:flex}.BasicBTN h1{width:max-content}@media(max-width:700px){:root{--padding-value: 5px;--radius: 0px}}@media(max-width:900px){header{flex-direction:column;gap:20px}nav{width:100%;height:auto;background-color:var(--secondary-color);padding:10px 20px;flex-wrap:wrap;justify-content:center;gap:10px;transition:transform .8s var(--animationSP);display:none}#ContentZone,#MenuUI{padding:0}#ProjectContainer{width:auto;height:auto;display:flex;gap:10px;flex-direction:column}.ProjectBar{width:100%;height:max-content;padding:10px;background-color:var(--secondary-color);color:var(--primary-color);display:flex;justify-content:space-between;gap:10px;cursor:pointer;transition:transform .8s var(--animationSP)}.tagSection{display:flex;gap:5px}.tagSection h2{font-size:.6rem}.tagSection .TagStyle{height:20px;padding:5px 10px;border-radius:10px}#ProjectContent{gap:calc(var(--padding-value) * 2)}#ProjectContent-Main{gap:50px;padding:0 calc(var(--padding-value) * 2)}#ProjectContent-Header{width:100%;height:min-content;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:10px}#ProjectContent-Header-Left{display:flex;align-items:center;justify-content:space-between;width:100%}#ProjectContent-Header-Right{width:100%}#ProjectContent-footer{width:100%;height:min-content;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:calc(var(--padding-value) * 2)}#ProjectContent-footer p{max-width:100%}#ProjectVisuals{padding:0 calc(var(--padding-value) * 2)}#DescZone,#ProjectDescription{width:100%}}