@import"https://fonts.cdnfonts.com/css/first-job";@import"https://fonts.cdnfonts.com/css/xifiction";@import"https://fonts.cdnfonts.com/css/fredoka-one";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap";:root{--highlight-font:"VALORANT",sans-serif;--primary-font:"Roboto",sans-serif;--name-font:"First Job",sans-serif;--btn-font:"Fredoka One",sans-serif;--role-font:"Xifiction",sans-serif;--red:#ff4655;--yellow:#fde400;--white:#fff;--black:#111}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.172;font-family:var(--primary-font);font-weight:400;font-size:20px}img{width:100%;height:100%;display:block;object-fit:contain}main{--bg-color:var(--white);overflow:hidden;display:grid;place-items:center;height:100vh;background-color:var(--bg-color);transform-origin:center center;transition:background-color .15s ease-in-out}.logo{position:absolute;left:2.084%;top:4.392%;width:2.5523vw}h1{--stroke-width:clamp(0.2px,0.1vw,10.6px);--stroke-width-negative:calc(-1 * var(--stroke-width));--stroke-color:var(--red);--before-stroke-color:var(--red);--before-text-color:var(--white);--effect-opacity:0.1;--after-text-color:var(--red);color:var(--white);font-family:var(--highlight-font);line-height:1.1;font-size:clamp(36px,11vw,10.7vw);text-transform:uppercase;text-align:center;text-shadow:var(--stroke-width) 0 var(--stroke-color),var(--stroke-width-negative) 0 var(--stroke-color),0 var(--stroke-width) var(--stroke-color),0 var(--stroke-width-negative) var(--stroke-color);position:relative;z-index:1;transition:opacity .5s linear}h1:before{color:var(--before-text-color);scale:1.87;text-shadow:var(--stroke-width) 0 var(--before-stroke-color),var(--stroke-width-negative) 0 var(--before-stroke-color),0 var(--stroke-width) var(--before-stroke-color),0 var(--stroke-width-negative) var(--before-stroke-color);transition:text-shadow .25s linear,color .25s linear,opacity .25s ease-in-out}h1:after,h1:before{content:attr(title);position:absolute;inset:0;z-index:-1;opacity:var(--effect-opacity)}h1:after{scale:1.55;color:var(--after-text-color);text-shadow:none;transition:color .25s linear,opacity .25s ease-in-out}.large__logo{width:52%;scale:.52}.hero__image,.large__logo{position:absolute;transition:scale .5s cubic-bezier(.38,1.19,.87,1.14);z-index:2}.hero__image{bottom:0;scale:.35;transform-origin:bottom;inset:0}.name__box{position:absolute;--name-color:var(--black);z-index:3;display:flex;flex-direction:column}.name__box h2{font-family:var(--name-font);font-size:6.66666vw;line-height:1.15;font-weight:400;color:var(--name-color);scale:.3;transition:scale .5s cubic-bezier(.38,1.19,.87,1.14),color .15s linear;--after-opacity:0}.name__box h2:after{content:attr(title);position:absolute;color:var(--yellow);left:0;top:-15%;z-index:-1;height:21%;overflow:hidden;opacity:var(--after-opacity);transition:opacity .25s linear}.name__box a{text-decoration:none;color:inherit;font-family:var(--btn-font);font-size:1.25vw;display:flex;align-items:center;gap:.625vw;color:var(--white)}.name__box svg{width:2.136vw}.left__side{left:9.5%;bottom:16%;align-items:flex-end}.right__side{right:19%;bottom:20.5%}