header{position:fixed;width:100%;top:0;z-index:5555}@keyframes clip{0%{clip-path:inset(calc(50vh - var(--height) / 2) calc(50vw - var(--width) / 2) calc(50vh - var(--height) / 2) calc(50vw - var(--width) / 2))}50%{clip-path:inset(calc(50vh - var(--height) / 2) calc(50vw - var(--width) / 2) calc(50vh - var(--height) / 2) calc(50vw - var(--width) / 2))}to{clip-path:inset(0% 0% 0% 0%)}}@keyframes navybg{0%{background-color:#09117a}60%{background-color:#09117a}to{background-color:#09117a00}}.first-transition .hero{animation:clip 2s cubic-bezier(.7,-.04,.76,.43) forwards}.first-transition .hero h1{text-transform:uppercase;font-size:2rem;text-align:center;align-content:center;height:var(--height);width:var(--width);overflow:hidden}.first-transition .hero h1 span{display:inline-block}.first-transition .hero h1.transition span{transform:translateY(50px);transition-property:transform;transition-timing-function:ease;transition-duration:.5s;display:inline-block}.first-transition .hero:after{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;animation:navybg 2s cubic-bezier(.7,-.04,.76,.43) forwards}.first-transition .hero+.second .profile{top:200px}.hero{--height:50px;--width:250px;z-index:-2;color:var(--white);height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%}.hero .wallpaper{filter:brightness(.7)}.hero h1{text-transform:uppercase;font-size:2rem;text-align:center;align-content:center;height:var(--height);width:var(--width);overflow:hidden}.hero h1 span{display:none}.second{--width-img:500;--bg-width:0;--bg-top:0;margin-top:100vh;height:50vh;position:relative;overflow-x:clip}.second:after{content:"";position:absolute;height:100%;width:calc(var(--bg-width) * 1%);left:0;right:0;top:calc(var(--bg-top) * -1%);background-color:var(--white);z-index:-1;margin-inline:auto}.second figure{width:calc(var(--width-img) * 1px);aspect-ratio:12/9;overflow:hidden;border-radius:20px;position:absolute;left:0;right:0;margin-inline:auto;top:-200px;transform:rotate(5deg);z-index:2;transition:top .5s ease}.second figure img{-o-object-fit:cover;object-fit:cover;height:100%}*,:after,:before{padding:0;margin:0;box-sizing:border-box}:root{--base-px:20px;--grid-gap:2rem;--transition-default:.2s;--white:white;--black:black}html{font-size:var(--base-px)}body{font-size:1.6rem;line-height:2rem;font-weight:500}a{text-decoration:none}img{width:100%;height:100%;background-color:gray}section{position:relative;padding:3%}.container{width:1300px;margin-inline:auto}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-3;-o-object-fit:cover;object-fit:cover}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap)}.col-4{grid-column:span 4}.delay-0{transition-delay:0s}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.delay-7{transition-delay:.7s}.delay-8{transition-delay:.8s}.delay-9{transition-delay:.9s}.delay-10{transition-delay:1s}.delay-11{transition-delay:1.1s}.delay-12{transition-delay:1.2s}.delay-13{transition-delay:1.3s}.delay-14{transition-delay:1.4s}.delay-15{transition-delay:1.5s}.delay-16{transition-delay:1.6s}.delay-17{transition-delay:1.7s}.delay-18{transition-delay:1.8s}.delay-19{transition-delay:1.9s}body{--t:.3s;position:relative;min-height:100vh}body:after{content:"";background-color:#000;position:absolute;width:0%;height:100%;right:100%;top:0;bottom:0;z-index:99999;transition:right var(--transition-default) ease calc(var(--transition-default) + .1s),width var(--transition-default) ease}body.transition-start:after{right:0;width:100%;transition:right var(--transition-default) ease}@media screen and (max-width:1350px){.col-md-6{grid-column:span 6}.container{width:1000px}}@media screen and (max-width:1050px){.container{width:700px}}@media screen and (max-width:750px){.container{width:700px}}@media screen and (max-width:550px){.container{width:90%}.row{gap:0 var(--grid-gap)}[class*=col-]{grid-column:span 12!important}}