*{font-family:Poppins,sans-serif}.app{transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:translate(60%)}.app--started{transform:translate(0)}.section-tint{pointer-events:none;z-index:4;mix-blend-mode:color;transition:background .6s;position:absolute;inset:0}.tint--projects{transition:background .6s;transform:translate(-2.4%)}.transition-video{object-fit:cover;opacity:1;z-index:9999;object-position:left center;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:fixed;transform:scale(1.05)}.transition--projects{transition:transform 1.2s cubic-bezier(.4,0,.2,1);transform:translate(60%)}.video{object-fit:cover;opacity:1;object-position:left center;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(1.05)}.video--rotated{filter:blur();transform:rotate(180deg)!important}@keyframes intro{0%{filter:blur(20px);transform:scale(1.05)}to{filter:blur();transform:scale(1)}}.click-overlay{cursor:pointer;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0;transform:translate(-60%)}.click-overlay--hidden{opacity:0;pointer-events:none}.click-label{color:#a1eefd;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Poppins,sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:900;transition:transform 2.3s cubic-bezier(.075,.82,.165,1),color .12s ease-in-out;animation:2s infinite pulse}.click-label:hover{-webkit-text-stroke:3px #a1eefd;color:#fff;transform:scale(1.1)}.sound-btn{color:#efeaea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:background .2s;display:flex;position:absolute;bottom:2rem;right:2rem}.sound-btn:hover{background:#ffffff40}.about{justify-content:center;align-items:center;gap:1rem;width:80%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=768px){.about{padding-right:30%}}.about__card{-webkit-backdrop-filter:blur(40px);background:#00000073;border:1px solid #ffffff26;border-radius:16px;width:100%;max-width:480px;padding:2.5rem;transition:transform .4s cubic-bezier(.23,1,.32,1);animation:.6s ease-out forwards hero-intro}.about__name{text-transform:uppercase;color:#fff;margin:0 0 .2em;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-style:italic;font-weight:900;line-height:1}.about__role{text-transform:uppercase;letter-spacing:.25em;color:#a1eefd;margin:0 0 1.5rem;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600}.about__divider{background:#ffffff26;height:1px;margin-bottom:1.5rem}.about__items{flex-direction:column;gap:1rem;display:flex}.about__item{flex-direction:column;gap:.15rem;display:flex}.about__label{text-transform:uppercase;letter-spacing:.3em;color:#fff6;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700}.about__value{color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600}.skills{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}@media (width>=768px){.skills{padding-left:30%}}.skills__card{-webkit-backdrop-filter:blur(40px);color:#fff;background:#00000073;border:1px solid #ffffff26;border-radius:16px;width:70%;max-width:480px;padding:2.5rem;transition:transform .4s cubic-bezier(.23,1,.32,1);animation:.6s ease-out forwards hero-intro}.skills__group{flex-direction:column;gap:.5rem;display:flex}.skills__cat{text-transform:uppercase;letter-spacing:.1em;opacity:.4;font-size:.75rem;font-weight:500}.skills__items{flex-wrap:wrap;gap:.5rem;display:flex}.tag{opacity:.7;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;transition:all .3s}.tag:hover{color:#000;background-color:#fff;transition:all .3s;transform:scale(1.15)}.section-view{flex-direction:column;padding:2rem;animation:.6s ease-out forwards hero-intro;display:flex;position:absolute;inset:0;overflow-y:auto}.section-view__content{flex:1;min-height:0;display:flex}.pause-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hero-intro{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:blur()}}@media (width>=768px){.pause-menu{top:55%}}.video--hidden{animation:1.5s hero-intro}@keyframes floatWavy{0%{transform:translateY(2px)rotate(0)}25%{transform:translate(2px)rotate(.4deg)}50%{transform:translateY(-2px)rotate(0)}75%{transform:translate(-2px)rotate(-.4deg)}to{transform:translateY(2px)rotate(0)}}.pause-menu--intro{animation:1.5s hero-intro}.pause-menu--blurred{filter:blur(20px);pointer-events:none}.pause-menu__nav{flex-direction:column;gap:0;display:flex}.nav-item{-webkit-user-select:none;user-select:none;cursor:pointer;animation:floatWavy var(--dur,3.5s) ease-in-out infinite;animation-delay:var(--delay,0s);transform-origin:0;padding:.1em 0;font-size:clamp(64px,5vw,64px);line-height:1;transition:transform .2s,color .2s;position:relative}.nav-item:before{content:"";transform-origin:100%;clip-path:polygon(100% 0%,0% 70%,80% 100%);opacity:.9;z-index:-1;background:linear-gradient(135deg,#f44 0%,#f73939 100%);width:4.4em;height:1em;transition:transform .15s cubic-bezier(.22,1,.36,1);position:absolute;top:40%;left:-.2em;right:auto;transform:translateY(-50%)scaleX(0)}.nav-item:hover:before{transform:translateY(-50%)scaleX(1)}.nav-item:after{content:"";transform-origin:100%;clip-path:polygon(100% 0%,0% 70%,78% 93%);opacity:.9;z-index:-1;background:linear-gradient(135deg,#fff 60%,#c5c5c5 100%);width:4.4em;height:.92em;transition:transform .15s cubic-bezier(.22,1,.36,1);position:absolute;top:40%;left:0;right:auto;transform:translateY(-50%)scaleX(0)}.nav-item:hover:after{transform:translateY(-50%)scaleX(1)}.nav-item:hover{transform:scale(1.3)}.nav-item__label{display:block;position:relative}.nav-item__label-base{text-transform:uppercase;color:inherit;text-shadow:0 2px 12px #0009;font-family:Poppins,sans-serif;font-style:italic;font-weight:900;transition:color .2s;display:block}.nav-item:hover .nav-item__label-base{color:#000}.nav-item__label-clip{text-transform:uppercase;color:#ff3131;clip-path:polygon(0% 0%,0% 70%,0% 100%);pointer-events:none;font-family:Poppins,sans-serif;font-style:italic;font-weight:900;transition:clip-path .15s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.nav-item:hover .nav-item__label-clip{clip-path:polygon(100% 0%,0% 70%,80% 100%)}.nav-item__shadow{text-transform:uppercase;color:#ffffff26;pointer-events:none;font-family:Poppins,sans-serif;font-style:italic;font-weight:900;display:block;position:absolute;top:4px;left:4px}.nav-item:hover .nav-item__shadow{color:#fff3;top:6px;left:6px}.nav-item-wrapper{transition:transform .3s;display:block}.nav-item-wrapper--0{color:#a1eefd;transform:rotate(-8deg)}.nav-item-wrapper--1{color:#84c6d3;transform:rotate(-5deg)}.nav-item-wrapper--2{color:#a1eefd;transform:rotate(-2deg)}.nav-item-wrapper--3{color:#a1eefd;transform:rotate(1deg)}.nav-item-wrapper--4{color:#84c6d3;transform:rotate(4deg)}.nav-item-wrapper--5{color:#a1eefd;transform:rotate(7deg)}.nav-item-wrapper--6{color:#84c6d3;transform:rotate(10deg)}.nav-item-wrapper--0:hover{transform:rotate(-13deg)}.nav-item-wrapper--1:hover{transform:rotate(5deg)}.nav-item-wrapper--2:hover{transform:rotate(2deg)}.nav-item-wrapper--3:hover{transform:rotate(-1deg)}.nav-item-wrapper--4:hover{transform:rotate(-4deg)}.nav-item-wrapper--5:hover{transform:rotate(10deg)}.nav-item-wrapper--6:hover{transform:rotate(3deg)}.section-view__back{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2d2d2d;cursor:pointer;mix-blend-mode:normal;background:#ffffff26;border:1px solid #54545439;border-radius:999px;align-self:flex-start;margin-bottom:2rem;padding:.4em 1.2em;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s;position:fixed;top:2%;left:2%}.section-view__back:hover,.section--view__project:hover{background:#5c5c5c40}button{justify-content:center;align-items:center;gap:.3rem;max-width:100px;display:flex}.section--view__project{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#2d2d2d;cursor:pointer;mix-blend-mode:normal;background:#ffffff26;border:1px solid #54545439;border-radius:999px;align-self:flex-start;margin-bottom:2rem;padding:.4em 1.2em;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s;position:fixed;top:2%;right:2%}.playlist{z-index:10;mix-blend-mode:normal;animation:.6s ease-out forwards hero-intro;animation-delay:var(--delay,0s);justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=768px){.playlist{justify-content:flex-end;padding-left:20%}}.playlist__stage{flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative;overflow:hidden}.playlist-slide img{object-fit:cover;border-radius:12px;width:min(390px,60vw);height:min(390px,60vw);display:block}.playlist__stage:hover .playlist__play,.playlist__play--active{opacity:1}.playlist__name{color:#141212bf;letter-spacing:.06em;text-shadow:0 0 5px #ffffff1a;font-size:.9rem}.playlist__arrow{color:#ffffffb3;cursor:pointer;background:#00000059;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,border-color .2s,color .2s;display:flex;box-shadow:0 2px 12px #00000080}.playlist__arrow:hover{color:#fff;background:#0000008c;border-color:#ffffff80}