:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-md: 24px}body{margin:0;min-width:320px;min-height:100dvh;height:100dvh;background-color:#00080f;font-family:Open Sans,sans-serif}#app{width:100%;height:100%;position:relative}.hero-text{padding-inline-start:7.5%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.text-mode .hero-text{pointer-events:none}h1{font-family:Protest Strike,sans-serif;font-size:12rem;line-height:1;display:flex;flex-direction:column;margin:0;color:#55fff1;visibility:hidden;animation:loadText 1s linear forwards}@keyframes loadText{to{visibility:visible}}h1 span{position:relative;display:block;width:max-content}@property --radious-cut{syntax: "<percentage>"; initial-value: 25%; inherits: false;}h1 span:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#006ddb;opacity:.85;mix-blend-mode:darken;-webkit-mask-image:radial-gradient(ellipse at top left,transparent var(--radious-cut),#000);mask-image:radial-gradient(ellipse at top left,transparent var(--radious-cut),#000);animation:glow 5s ease-out infinite}@keyframes glow{0%,to{--radious-cut: 25%}50%{--radious-cut: 65%}}h1>span>div{text-shadow:25px 0 35px #000;z-index:calc(-1*sibling-index());opacity:0}@property --bottom-cut{syntax: "<percentage>"; initial-value: 1%; inherits: false;}@property --middle-cut{syntax: "<percentage>"; initial-value: 2%; inherits: false;}@property --top-cut{syntax: "<percentage>"; initial-value: 3%; inherits: false;}.loaded .spotlight{position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:conic-gradient(from .5turn at 70% 100%,transparent,150deg,#0062ff11,#0062ff35,#0062ff18,#0062ff00,#0062ff10,#0062ff25,#0062ff00,210deg,transparent);-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--bottom-cut),#000 var(--middle-cut),transparent var(--top-cut));mask-image:linear-gradient(to top,transparent,#000 var(--bottom-cut),#000 var(--middle-cut),transparent var(--top-cut));animation:spotlight 5s ease-out forwards .5s;opacity:1;transition:opacity 1s ease-out;pointer-events:none}@keyframes spotlight{to{--bottom-cut: 45%;--middle-cut: 75%;--top-cut: 100%}}.text-mode .spotlight{opacity:0}@property --top-angle{syntax: "<angle>"; initial-value: 60deg; inherits: false;}@property --bottom-angle{syntax: "<angle>"; initial-value: 125deg; inherits: false;}.side-spotlights-right{position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:conic-gradient(from .5turn at 100% 25%,transparent,var(--top-angle),#0062ff11,#0062ff35,#0062ff18,#0062ff00,#0062ff10,#0062ff25,#0062ff00,var(--bottom-angle),transparent);-webkit-mask-image:linear-gradient(to left,transparent,#000 5%,#000 35%,transparent);mask-image:linear-gradient(to left,transparent,#000 5%,#000 35%,transparent);animation:right-side-spotlight 7s linear infinite;transition:opacity 2s ease-out 2s;pointer-events:none;opacity:0}@keyframes right-side-spotlight{0%,to{--top-angle: 75deg;--bottom-angle: 115deg}50%{--top-angle: 50deg;--bottom-angle: 130deg}}.side-spotlights-left{position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:conic-gradient(from .5turn at 0% 25%,transparent,var(--top-angle),#0062ff11,#0062ff35,#0062ff18,#0062ff00,#0062ff10,#0062ff25,#0062ff00,var(--bottom-angle),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 50%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 50%,transparent);animation:left-side-spotlight 5s linear infinite;transition:opacity 1s ease-out 3s;opacity:0;pointer-events:none}@keyframes left-side-spotlight{0%,to{--top-angle: 245deg;--bottom-angle: 295deg}50%{--top-angle: 260deg;--bottom-angle: 290deg}}.text-mode .side-spotlights-right,.text-mode .side-spotlights-left{opacity:1}canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#cv{--parent-border-radius: 15px;position:relative;margin:50px 0 0;padding:25px 50px;border:none;background-color:#fff1;color:#fff;font-family:Protest Strike,sans-serif;font-size:2rem;overflow:hidden;border-radius:var(--parent-border-radius);cursor:pointer;opacity:0}#cv>i{--size: 150px;position:absolute;width:var(--size);height:var(--size);background-image:radial-gradient(circle,#0062ff,#0062ff00 50%);top:calc(var(--y) - var(--size) / 2);left:calc(var(--x) - var(--size) / 2);border-radius:50%;pointer-events:none;z-index:1}#cv>i.highlight{background-image:radial-gradient(circle,#55fff1 25%,#55fff100 50%);filter:blur(10px);z-index:4;mix-blend-mode:darken}#cv .bg{--border-width: 4px;position:absolute;z-index:2;inset:var(--border-width);background-color:#0005;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:calc(var(--parent-border-radius) - var(--border-width))}#cv:active .bg{background-color:#0008;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}#cv .text{position:relative;z-index:3}.page-2{display:flex;flex-direction:column;gap:var(--spacing-md);padding-block-start:100px;padding-inline-start:7.5%;position:absolute;width:100%;top:0;left:0;box-sizing:border-box;visibility:hidden;transition:visibility 0s linear 2s}.text-mode .page-2{visibility:visible}.page-2 h2>div{opacity:0}h2{position:relative;font-size:2rem;line-height:1.35;color:#fff;margin:0;visibility:hidden;animation:loadText .1s linear forwards}h2:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0bf;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at top left,transparent var(--radious-cut),#000);mask-image:radial-gradient(ellipse at top left,transparent var(--radious-cut),#000);animation:glow-dif 5s ease-out infinite;pointer-events:none}@keyframes glow-dif{0%,to{--radious-cut: 0%}50%{--radious-cut: 15%}}.creative-definition{margin-top:7.5%;color:#fff;position:relative}.creative-definition:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0bf;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at bottom left,transparent var(--radious-cut),#000);mask-image:radial-gradient(ellipse at bottom left,transparent var(--radious-cut),#000);animation:glow-qs 5s ease-out infinite;pointer-events:none}@keyframes glow-qs{0%,to{--radious-cut: 2.5%}50%{--radious-cut: 45%}}.creative-definition h3,.experiences h3{font-size:1.7rem;margin-block:25px}.creative-definition p{font-size:1.2rem}.creative-definition h3 div,.creative-definition p div{opacity:0}.experiences{color:#fff}.experiences>ul{margin:0;padding:0;list-style:none;display:flex;gap:50px}.experiences>ul li{display:flex;flex-direction:column;gap:5px}.experiences>ul h5{margin:0;padding:0;line-height:1;font-size:1.25rem;font-weight:500}.experiences h3 div,.experiences h5 div,.experiences span div{opacity:0}