.preloader,.split-overlay,.tags-overlay{pointer-events:auto;width:100vw;height:100svh;position:fixed;inset:0}.preloader,.split-overlay{background-color:var(--d);color:var(--l)}.preloader{z-index:10000}.split-overlay{z-index:9999}.tags-overlay{z-index:10000}.intro-name{font-family:var(--f-h);text-transform:uppercase;font-size:clamp(3rem,10vw,10rem);font-weight:500;line-height:.9}.preloader .intro-name,.split-overlay .intro-name,.tags-overlay p{opacity:0}.intro-title{text-align:center;width:100%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.intro-title .char{margin-top:.75rem;display:inline-block;position:relative;overflow:hidden;transform:translateY(2.75rem)}.intro-title .char span{will-change:transform;display:inline-block;position:relative;transform:translateY(110%)}.tag{width:max-content;color:var(--l);position:absolute;overflow:hidden}.tag .word{will-change:transform;display:inline-block;position:relative;transform:translateY(110%)}.tag-1{top:15%;left:15%}.tag-2{bottom:15%;left:25%}.tag-3{bottom:30%;right:15%}@media (width<=1000px){.intro-title .char{transform:translateY(1rem)}}.hero{background-color:var(--d);width:100%;height:100svh;color:var(--t);text-align:center;transform-style:preserve-3d;perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero .hero-header{will-change:transform;position:relative}.hero h1{font-size:clamp(4rem,17vw,22rem)}.hero h1 .accent,.hero h1 .accent *{color:var(--l)}.hero .hero-footer{z-index:1;width:100%;color:var(--t);text-align:left;mix-blend-mode:difference;justify-content:space-between;align-items:flex-end;padding:2.5rem;display:flex;position:absolute;bottom:0;left:0}.hero .hero-footer .hero-footer-col{gap:5rem;display:flex}.reveal{background-color:var(--d);width:100%;min-height:100svh;color:var(--t);flex-direction:column;justify-content:center;gap:4rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.reveal-stage{cursor:none;align-self:flex-start;display:grid;position:relative}.reveal-text{white-space:nowrap;grid-area:1/1;font-size:clamp(2.5rem,8.5vw,10rem)}.reveal-text-back{color:var(--l);-webkit-mask-image:radial-gradient(10px at -100px -100px,#000 99%,#0000 100%);mask-image:radial-gradient(10px at -100px -100px,#000 99%,#0000 100%)}.reveal-text-front{color:var(--t);position:relative;-webkit-mask-image:radial-gradient(10px at -100px -100px,#0000 99%,#000 100%);mask-image:radial-gradient(10px at -100px -100px,#0000 99%,#000 100%)}.reveal-ring{border:2px solid var(--t);pointer-events:none;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.reveal-copy{justify-content:space-between;align-items:flex-end;gap:2.5rem;display:flex}.reveal-copy p{color:var(--m)}.reveal-copy h5{text-align:right;max-width:60%}.skills{background-color:var(--d);width:100%;height:100svh;color:var(--d);position:relative;overflow:hidden}.skills-triangles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skills-intro{z-index:2;color:var(--t);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.skills-intro h2{font-size:clamp(4rem,16vw,20rem)}.skills-stage{z-index:3;background-color:var(--l);opacity:0;perspective:1000px;position:absolute;inset:0;overflow:hidden}.skills-titles{will-change:transform;width:300vw;height:100%;display:flex;position:absolute;top:0;left:0}.skills-title{flex:1;justify-content:center;align-items:center;display:flex}.skills-title h2{font-size:clamp(3rem,11vw,14rem);font-style:italic}.skills-images{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.skill{will-change:transform;width:260px;margin:-130px 0 0 -130px;position:absolute}.skill img{aspect-ratio:1;object-fit:cover;border-radius:.75rem;width:100%;height:auto;display:block}.skill p{color:var(--d);text-align:center;margin-top:.75rem}@media (width<=1000px){.hero .hero-footer{padding:2rem}.hero .hero-footer .hero-footer-col{flex-direction:column;align-items:flex-start;gap:0}.reveal-text{white-space:normal}.reveal-copy{flex-direction:column;align-items:flex-start}.reveal-copy h5{text-align:left;max-width:100%}.skills{background-color:var(--l);height:auto;padding:6rem 2rem}.skills-triangles{display:none}.skills-intro{color:var(--d);margin-bottom:3rem;position:relative}.skills-stage{opacity:1;background:0 0;position:relative}.skills-titles{display:none}.skills-images{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid;position:relative}.skill{width:100%;margin:0;position:relative;top:auto!important;left:auto!important}}