:root{--heist-red: #c41e3a;--heist-red-dark: #8b0000;--heist-red-glow: rgba(196, 30, 58, .5);--heist-black: #0a0a0a;--heist-dark: #1a1a1a;--heist-gold: #d4af37;--heist-gold-glow: rgba(212, 175, 55, .4);--heist-white: #f5f5f5;--heist-gray: #2a2a2a;--font-display: "Bebas Neue", sans-serif;--font-hero: "Nosifer", cursive;--font-body: "Roboto", sans-serif;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.skeleton-wrapper{position:relative;overflow:hidden;background:var(--heist-gray, #2a2a2a);border-radius:inherit}.skeleton-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;z-index:1;pointer-events:none}.skeleton-wrapper.loaded:after{animation:none;opacity:0;transition:opacity .4s ease}.skeleton-wrapper img{opacity:0;transition:opacity .5s ease}.skeleton-wrapper.loaded img{opacity:1}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--heist-black, #0a0a0a);z-index:99999;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.page-transition-overlay.active{opacity:1;pointer-events:all}body{animation:pageReveal .5s ease forwards}@keyframes pageReveal{0%{opacity:0}to{opacity:1}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip;max-width:100vw}body{font-family:var(--font-body);background-color:var(--heist-black);color:var(--heist-white);overflow-x:clip;max-width:100vw;line-height:1.6;-webkit-overflow-scrolling:touch}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}section,.hero,.crew-section,.memories-section,.footer,.navbar{overflow-x:clip;max-width:100vw}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:transparent}.nav-brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.1em}.brand-icon{font-size:1.8rem}.nav-logo{position:absolute;left:50%;transform:translate(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:.6rem 2rem;box-shadow:0 8px 32px #0006,inset 0 1px 1px #fff3,0 0 20px #c41e3a33;transition:all .3s ease;animation:navLogoPulse 2.5s ease-in-out infinite}@keyframes navLogoPulse{0%,to{box-shadow:0 8px 32px #0006,inset 0 1px 1px #fff3,0 0 20px #c41e3a33}50%{box-shadow:0 8px 32px #0006,inset 0 1px 1px #fff3,0 0 35px #c41e3a80,0 0 50px #c41e3a4d}}.nav-logo:hover{background:#ffffff26;border-color:#c41e3a80;box-shadow:0 10px 40px #00000080,inset 0 1px 1px #ffffff4d,0 0 40px #c41e3a80;animation:none}.nav-logo-text{font-family:var(--font-hero);font-size:1.6rem;color:var(--heist-red);letter-spacing:.15em;text-shadow:0 0 20px var(--heist-red-glow);transition:all .3s ease}.nav-logo:hover .nav-logo-text{text-shadow:0 0 30px var(--heist-red),0 0 50px var(--heist-red-glow)}.nav-links{display:flex;list-style:none;gap:2.5rem}.nav-links a{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em;position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--heist-red);transition:width .3s ease}.nav-links a:hover{color:var(--heist-red)}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1001}.nav-toggle span{width:28px;height:3px;background:var(--heist-white);transition:all .3s ease}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;height:100dvh;background:var(--heist-black);flex-direction:column;align-items:center;justify-content:center;gap:3rem;transition:right .5s var(--transition-smooth)}.nav-links.active{right:0}.nav-toggle{display:flex}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}.hero{height:100vh;height:100svh;min-height:100vh;min-height:100svh;display:block;position:relative;padding:0;overflow:hidden}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,var(--heist-red-glow) 0%,transparent 50%),linear-gradient(135deg,var(--heist-black) 0%,var(--heist-dark) 100%);z-index:-1}.hero-bg-pattern:before{content:"HEIST";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-hero);font-size:clamp(8rem,25vw,20rem);color:#ffffff08;line-height:1;pointer-events:none;white-space:nowrap;letter-spacing:.1em}.hero-content{width:100%;height:100%;max-width:100%;margin:0;padding:0;display:block;position:relative}.hero-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:2rem 4%;z-index:10;background:linear-gradient(to top,rgba(10,10,10,.9) 0%,transparent 100%)}.hero-text-left{display:flex;flex-direction:column}.hero-title{margin-bottom:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.title-line{display:inline;font-family:var(--font-hero);font-size:clamp(2rem,4.5vw,3.3rem);font-weight:400;line-height:1;letter-spacing:.02em;color:var(--heist-white)}.title-line.accent{color:var(--heist-red)}.hero-slogan{font-family:var(--font-body);font-size:.8rem;color:#fff9;text-align:center;margin-top:.5rem;display:block;position:relative;z-index:25}.hero-center-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:.6rem}.carousel-counter-center{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.2em;color:var(--heist-gold)}.carousel-counter-center .current{color:var(--heist-red);font-size:1.5rem}.carousel-controls .carousel-counter{display:none}.cta-btn{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--heist-red);color:var(--heist-white);font-family:var(--font-display);font-size:1.2rem;letter-spacing:.15em;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-btn:hover:before{left:100%}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--heist-red-glow)}.cta-btn svg{width:20px;height:20px;transition:transform .3s ease}.cta-btn:hover svg{transform:translate(5px)}.hero-photos{position:relative;height:500px}.photo-container{position:relative;width:100%;height:100%}.photo-card{position:absolute;width:200px;height:280px;background:linear-gradient(145deg,var(--heist-gray),var(--heist-dark));border:3px solid var(--heist-red);border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #00000080;transition:all .5s var(--transition-smooth)}.photo-card:nth-child(1){top:10%;left:10%;transform:rotate(-10deg);z-index:1;animation:floatCard1 6s ease-in-out infinite}.photo-card:nth-child(2){top:20%;left:35%;transform:rotate(5deg);z-index:3;animation:floatCard2 7s ease-in-out infinite}.photo-card:nth-child(3){top:30%;right:5%;transform:rotate(-5deg);z-index:2;animation:floatCard3 5s ease-in-out infinite}.photo-card:hover{transform:rotate(0) scale(1.1);z-index:10;box-shadow:0 30px 60px var(--heist-red-glow)}@keyframes floatCard1{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-20px)}}@keyframes floatCard2{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-15px)}}@keyframes floatCard3{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-25px)}}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#ffffff4d;font-size:.9rem}.placeholder-icon{font-size:3rem;opacity:.5}.photo-placeholder.large{height:100%}.photo-placeholder.large .placeholder-icon{font-size:4rem}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none}.float-element{position:absolute;font-size:2rem;opacity:.6;animation:floatRandom 8s ease-in-out infinite}.float-element.mask{top:5%;right:20%;animation-delay:0s}.float-element.money{bottom:20%;left:5%;animation-delay:2s}.float-element.star{top:60%;right:10%;animation-delay:4s}@keyframes floatRandom{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(10deg)}50%{transform:translate(-5px,-25px) rotate(-5deg)}75%{transform:translate(-15px,-10px) rotate(5deg)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff80;font-size:.8rem;letter-spacing:.2em;animation:bounce 2s ease-in-out infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--heist-red);border-bottom:2px solid var(--heist-red);transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.story-timeline{position:relative;height:500vh;background:var(--heist-black);width:100vw;max-width:100%}.sticky-container{position:sticky;top:0;left:0;width:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,var(--heist-dark) 0%,var(--heist-black) 100%)}.story-content{position:relative;width:100%;max-width:1200px;height:100%;padding:0 5%;display:flex;align-items:center;justify-content:center}.story-step{position:absolute;width:100%;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:4rem;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;padding:0 2rem}.story-step.active{opacity:1;visibility:visible}.step-text{flex:1;max-width:500px;transform:translateY(30px);transition:transform .8s var(--transition-smooth)}.story-step.active .step-text{transform:translateY(0)}.step-label{display:inline-block;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.3em;color:var(--heist-gold);margin-bottom:1rem;border-bottom:1px solid var(--heist-gold-glow);padding-bottom:.2rem}.step-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);color:var(--heist-red);letter-spacing:.1em;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 0 20px var(--heist-red-glow)}.step-desc{font-size:1.2rem;color:#fffc;line-height:1.8}.step-visual{flex:1;display:flex;justify-content:center;align-items:center;max-width:400px}.story-svg{width:100%;height:auto;filter:drop-shadow(0 0 15px var(--heist-red-glow));color:var(--heist-red)}.story-svg.origami-crane{color:var(--heist-white);filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.story-svg.vault-dial{color:var(--heist-gold);filter:drop-shadow(0 0 15px var(--heist-gold-glow))}.story-svg.dali-mask-svg{width:85%}.draw-path{stroke-dasharray:1000;stroke-dashoffset:1000}.story-progress{position:absolute;right:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:10}.progress-dot{width:12px;height:12px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.progress-dot.active{background:var(--heist-red);border-color:var(--heist-red);box-shadow:0 0 15px var(--heist-red);transform:scale(1.5)}@media (max-width: 768px){.story-step{flex-direction:column-reverse;text-align:center;gap:2rem;padding:0}.step-text{max-width:100%}.step-visual{width:60%;max-width:250px}.story-progress{right:auto;left:50%;top:auto;bottom:5%;transform:translate(-50%);flex-direction:row}}.crew-section{padding:6rem 5%;background:linear-gradient(180deg,var(--heist-black) 0%,var(--heist-dark) 100%);position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-family:var(--font-display);font-size:1rem;letter-spacing:.3em;color:var(--heist-gold);padding:.5rem 1.5rem;border:1px solid var(--heist-gold);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);letter-spacing:.1em;margin-bottom:1rem}.section-desc{font-size:1.1rem;color:#fff9;max-width:500px;margin:0 auto}.crew-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:0 auto}.teachers-section{padding:6rem 5%;background:linear-gradient(180deg,var(--heist-black) 0%,var(--heist-dark) 100%);position:relative}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.crew-card{background:linear-gradient(145deg,var(--heist-gray),var(--heist-dark));border-radius:15px;overflow:hidden;transition:all .4s var(--transition-smooth);border:1px solid rgba(196,30,58,.2)}.crew-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--heist-red-glow);border-color:var(--heist-red)}.card-image{position:relative;aspect-ratio:3/4;overflow:hidden}.card-image img,.crew-image{width:100%;height:100%;object-fit:cover;object-position:top center}.card-image .photo-placeholder{background:linear-gradient(145deg,#2a2a2a,#1a1a1a)}.card-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,var(--heist-black),transparent);transform:translateY(100%);transition:transform .4s ease}.crew-card:hover .card-overlay{transform:translateY(0)}.codename{font-family:var(--font-display);font-size:1.8rem;color:var(--heist-red);letter-spacing:.2em;text-shadow:0 0 20px var(--heist-red-glow)}.card-info{padding:1.5rem;text-align:center}.card-info h3{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.1em;margin-bottom:.5rem}.card-info p{color:var(--heist-gold);font-size:.9rem;letter-spacing:.1em}.memories-section{padding:6rem 5%;background:var(--heist-black)}.memories-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:1.5rem;max-width:1400px;margin:0 auto}.memory-card{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .4s var(--transition-smooth)}.memory-card img{width:100%;height:100%;object-fit:cover;object-position:center}.memory-card.large{grid-column:span 2;grid-row:span 2}.memory-card.tall{grid-row:span 2}.memory-card.wide{grid-column:span 2}.memory-placeholder{width:100%;height:100%;background:linear-gradient(145deg,var(--heist-gray),var(--heist-dark));display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:1rem;border:1px solid rgba(196,30,58,.2);border-radius:15px}.memory-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(196,30,58,.9),transparent);transform:translateY(100%);transition:transform .4s ease}.memory-card:hover .memory-overlay{transform:translateY(0)}.memory-card:hover{transform:scale(1.02);box-shadow:0 15px 40px var(--heist-red-glow)}.memory-overlay h4{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;margin-bottom:.25rem}.memory-overlay p{font-size:.9rem;opacity:.8}@media (max-width: 1024px){.memories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stack-card{width:40vw;max-width:280px}.stack-card.prev-1{transform:scale(.65) translate(-45vw)}.stack-card.next-1{transform:scale(.65) translate(45vw)}.crew-grid{gap:1.8rem;grid-template-columns:repeat(2,1fr)}.memories-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}.nav-logo{padding:.5rem 1.3rem}.nav-logo-text{font-size:1.3rem}}@media (max-width: 768px){.memories-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.memory-card.large,.memory-card.wide{grid-column:span 2}}@media (max-width: 480px){.memories-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}.memory-card.large{grid-column:span 2;grid-row:span 2}.memory-card.tall{grid-row:span 2}.memory-card.wide{grid-column:span 2}}.farewell-scroll{position:relative;height:500vh;background:var(--heist-black)}.farewell-sticky{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--heist-red-dark) 0%,var(--heist-black) 100%);overflow:hidden;transition:background .8s ease;gap:.5rem}.farewell-sticky.darkened{background:linear-gradient(135deg,#1a0000,#000)}.farewell-slide{text-align:center;z-index:1;opacity:0;transform:translateY(25px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94),max-height .8s cubic-bezier(.25,.46,.45,.94);pointer-events:none;padding:0 10%;max-height:0;overflow:hidden}.farewell-slide.active{opacity:1;transform:translateY(0);pointer-events:auto;max-height:200px}.quote-mark{font-family:var(--font-display);font-size:8rem;color:var(--heist-gold);opacity:.3;line-height:.5}.farewell-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.1em;margin-bottom:.5rem}.farewell-title.accent{color:var(--heist-gold);text-shadow:0 0 30px var(--heist-gold-glow)}.farewell-text{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#ffffffd9;max-width:650px;margin:0 auto;line-height:1.8;font-style:italic}.farewell-tagline{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.farewell-tagline span{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);letter-spacing:.2em}.bella{color:var(--heist-white)}.ciao{color:var(--heist-red);text-shadow:0 0 30px var(--heist-red-glow)}.year{font-size:clamp(1rem,2vw,1.5rem)!important;color:var(--heist-gold);padding:.5rem 1rem;border:2px solid var(--heist-gold)}.farewell-finale.active .farewell-tagline span{animation:farewellGlow 2s ease-in-out infinite}.farewell-finale.active .ciao{text-shadow:0 0 40px var(--heist-red),0 0 80px var(--heist-red-glow)}@keyframes farewellGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.farewell-bg-text{position:absolute;font-family:var(--font-display);font-size:clamp(10rem,25vw,20rem);color:#ffffff05;letter-spacing:.2em;white-space:nowrap;bottom:10%;left:50%;transform:translate(-50%);pointer-events:none}.view-more-btn{display:flex;width:fit-content;margin:3rem auto 0;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:2px solid var(--heist-red);color:var(--heist-white);font-family:var(--font-display);font-size:1rem;letter-spacing:.15em;text-decoration:none;transition:all .3s var(--transition-smooth);position:relative;overflow:hidden}.view-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--heist-red);transition:left .3s var(--transition-smooth);z-index:-1}.view-more-btn:hover:before{left:0}.view-more-btn:hover{color:var(--heist-white);box-shadow:0 5px 25px var(--heist-red-glow)}.view-more-btn svg{transition:transform .3s ease}.view-more-btn:hover svg{transform:translate(5px)}.memories-section{text-align:center}.footer{background:var(--heist-black);padding:3rem 5%;position:relative;overflow:hidden}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.15em;margin-bottom:1rem}.footer-text{color:#ffffff80;margin-bottom:1.5rem}.social-links{display:flex;justify-content:center;gap:2rem}.social-link{font-family:var(--font-display);font-size:1rem;letter-spacing:.15em;color:#fff9;transition:color .3s ease}.social-link:hover{color:var(--heist-red)}.social-link.instagram-gradient{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888,#833ab4,#5851db,#405de6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.2rem;transition:all .3s ease}.social-link.instagram-gradient:hover{filter:brightness(1.2);transform:scale(1.1)}.footer-pattern{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--heist-red),var(--heist-gold),var(--heist-red),transparent)}.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:0;transition:all .8s var(--transition-smooth)}.reveal-up{transform:translateY(50px)}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.reveal-scale{transform:scale(.9)}.reveal-up.revealed,.reveal-left.revealed,.reveal-right.revealed,.reveal-scale.revealed{opacity:1;transform:translate(0) scale(1)}.teacher-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.teacher-popup.active{opacity:1;pointer-events:auto}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.popup-content{position:relative;width:90%;max-width:500px;background:var(--heist-white);color:var(--heist-black);padding:2rem;border-radius:2px;box-shadow:0 20px 60px #00000080;background-image:linear-gradient(90deg,transparent 19px,#e5e5e5 20px),linear-gradient(#e5e5e5 1px,transparent 1px);background-size:20px 20px;transform:scale(.9);transition:transform .4s var(--transition-bounce);display:flex;flex-direction:column;max-height:85vh}.popup-header,.popup-signature,.popup-close,.popup-tape{flex-shrink:0}.teacher-popup.active .popup-content{transform:scale(1)}.popup-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 40px #0000001a;pointer-events:none}.popup-tape{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-2deg);width:120px;height:35px;background:#fff6;box-shadow:0 2px 5px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.popup-close{position:absolute;top:10px;right:15px;font-size:1.5rem;cursor:pointer;color:var(--heist-red);z-index:5;opacity:.6;transition:opacity .3s}.popup-close:hover{opacity:1}.popup-header{margin-bottom:1.5rem;text-align:center;border-bottom:2px solid var(--heist-red);padding-bottom:1rem}.popup-heist-name{font-family:var(--font-hero);font-size:1.8rem;color:var(--heist-red);margin-bottom:.2rem}.popup-real-name{font-family:var(--font-display);font-size:1.2rem;color:var(--heist-black);opacity:.7}.popup-body{font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;position:relative;z-index:5;padding-right:5px;flex-grow:1;min-height:100px}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:#0000000d}.popup-body::-webkit-scrollbar-thumb{background:var(--heist-red);border-radius:3px}.popup-signature{margin-top:2rem;text-align:right;font-family:Delius,cursive;font-size:1.2rem;color:var(--heist-red);transform:rotate(-5deg)}@media (max-width: 1440px){.nav-links{gap:2rem}.nav-links a{font-size:.88rem;letter-spacing:.08em}.nav-logo{padding:.5rem 1.5rem}.nav-logo-text{font-size:1.3rem}.title-line{font-size:clamp(1.5rem,3.4vw,2.5rem)}.hero-slogan{font-size:.6rem}.hero-bottom-bar{padding:1.5rem 3%}.stack-card{width:19vw;max-width:260px;max-height:53vh}.cutout-placeholder{height:270px}.student-name{font-size:1.1rem}.class-tab{padding:.5rem 1.2rem;font-size:1rem}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{order:1}.hero-photos{order:2;height:400px}.hero-desc{margin:0 auto 2rem}.photo-card{width:150px;height:220px}}@media (max-width: 768px){.hero{padding:6rem 5% 3rem}.hero-photos{height:350px}.photo-card{width:120px;height:180px}.photo-card:nth-child(1){left:5%}.photo-card:nth-child(3){right:0}.crew-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.card-image{height:auto;aspect-ratio:4/5}}@media (max-width: 480px){.crew-grid{grid-template-columns:1fr}.farewell-tagline{flex-direction:column;gap:.5rem}}.class-tabs{display:flex;gap:.8rem;justify-content:center}.class-tab{padding:.6rem 1.5rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.15em;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--heist-white);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.class-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--heist-red);z-index:-1;transition:left .3s ease}.class-tab:hover:before,.class-tab.active:before{left:0}.class-tab.active{border-color:var(--heist-red);box-shadow:0 5px 20px var(--heist-red-glow)}.stacked-carousel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-container{position:absolute;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center}.carousel-container.active{display:flex}.carousel-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stack-card{position:absolute;width:25vw;max-width:350px;min-width:200px;aspect-ratio:9/16;max-height:70vh;display:flex;flex-direction:column;align-items:center;transition:all .6s var(--transition-smooth);cursor:pointer}.stack-card{opacity:0;transform:perspective(1500px) scale(.4) translate(300px) rotateY(-25deg);z-index:0;pointer-events:none;filter:blur(8px) brightness(.3);transition:all .8s cubic-bezier(.23,1,.32,1)}.stack-card.prev-4{opacity:.2;transform:perspective(1500px) scale(.5) translate(-75vw) rotateY(20deg);z-index:1;filter:blur(6px) brightness(.25)}.stack-card.prev-3{opacity:.35;transform:perspective(1500px) scale(.58) translate(-58vw) rotateY(16deg);z-index:2;filter:blur(4px) brightness(.35)}.stack-card.prev-2{opacity:.5;transform:perspective(1500px) scale(.68) translate(-42vw) rotateY(12deg);z-index:3;filter:blur(3px) brightness(.45)}.stack-card.prev-1{opacity:.7;transform:perspective(1500px) scale(.8) translate(-26vw) rotateY(8deg);z-index:4;filter:blur(1.5px) brightness(.6)}.stack-card.active{opacity:1;transform:perspective(1500px) scale(1) translate(0) rotateY(0);z-index:10;pointer-events:auto;filter:blur(0) brightness(1);transition:all .8s cubic-bezier(.23,1,.32,1)}.stack-card.next-1{opacity:.7;transform:perspective(1500px) scale(.8) translate(26vw) rotateY(-8deg);z-index:4;filter:blur(1.5px) brightness(.6)}.stack-card.next-2{opacity:.5;transform:perspective(1500px) scale(.68) translate(42vw) rotateY(-12deg);z-index:3;filter:blur(3px) brightness(.45)}.stack-card.next-3{opacity:.35;transform:perspective(1500px) scale(.58) translate(58vw) rotateY(-16deg);z-index:2;filter:blur(4px) brightness(.35)}.stack-card.next-4{opacity:.2;transform:perspective(1500px) scale(.5) translate(75vw) rotateY(-20deg);z-index:1;filter:blur(6px) brightness(.25)}.cutout-placeholder{width:100%;height:360px;background:linear-gradient(145deg,var(--heist-gray),var(--heist-dark));border:3px solid var(--heist-red);border-radius:15px 15px 80px 80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.stack-card.active .cutout-placeholder{box-shadow:0 30px 60px var(--heist-red-glow);border-color:var(--heist-gold)}.cutout-placeholder span{font-family:var(--font-display);font-size:4rem;color:#ffffff26}.cutout-placeholder:before{content:"👤";position:absolute;font-size:6rem;opacity:.2}.student-name{margin-top:1rem;font-family:var(--font-display);font-size:1.4rem;letter-spacing:.1em;color:var(--heist-white);text-align:center;opacity:0;transform:translateY(10px);transition:all .4s ease .2s}.stack-card.active .student-name{opacity:1;transform:translateY(0)}.carousel-controls{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;pointer-events:none;z-index:10}.carousel-btn{width:60px;height:60px;background:#1a1a1acc;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:auto}.carousel-btn:hover{background:var(--heist-red);transform:scale(1.1);border-radius:50%}.carousel-btn svg{width:28px;height:28px;stroke:var(--heist-white)}.carousel-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1.3rem;letter-spacing:.2em;color:var(--heist-gold);pointer-events:auto}.carousel-counter .current{color:var(--heist-red);font-size:1.5rem}.stacked-carousel .floating-elements{display:none}@media (max-width: 1024px){.stacked-carousel{height:500px}.carousel-stack{width:240px;height:360px}.cutout-placeholder{height:300px}.class-tabs{justify-content:center}}@media (max-width: 768px){.stacked-carousel{height:450px}.carousel-stack{width:200px;height:320px}.cutout-placeholder{height:260px}.stack-card.prev-2,.stack-card.next-2{opacity:0}.stack-card.prev-1{transform:scale(.85) translate(-40px) rotateY(8deg)}.stack-card.next-1{transform:scale(.85) translate(40px) rotateY(-8deg)}.class-tab{padding:.6rem 1.5rem;font-size:1rem}.carousel-btn{display:none!important}}@media (max-width: 480px){.stacked-carousel{height:400px}.carousel-stack{width:180px;height:280px}.cutout-placeholder{height:220px}.carousel-controls{gap:1rem}.carousel-btn{width:40px;height:40px}.student-name{font-size:1.1rem}}@media (max-width: 768px){.navbar{padding:1rem 4%}.nav-brand{font-size:1.2rem}.brand-icon{font-size:1.4rem}.nav-logo{padding:.5rem 1.2rem}.nav-logo-text{font-size:1.2rem}body .hero-bottom-bar{flex-direction:column;align-items:flex-start;padding:1.5rem 5% 1rem;bottom:-40px!important;gap:1rem}.hero-text-left{align-items:center;width:100%;text-align:center;padding-bottom:0rem}.hero-title{justify-content:center}.title-line{font-size:clamp(1.6rem,6vw,2.5rem)}.hero-slogan{font-size:.75rem;position:absolute;bottom:10px;left:0;width:100%;text-align:center;z-index:50;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hero-center-counter{bottom:auto;top:450px;gap:.5rem}.carousel-counter-center{font-size:1.1rem}.carousel-counter-center .current{font-size:1.3rem}.stacked-carousel{margin-top:0;margin-bottom:42%}.stack-card{width:50vw;max-width:240px;min-width:180px;height:58vh;height:58dvh;max-height:400px}.cutout-placeholder span{font-size:3rem}.cutout-placeholder:before{font-size:4rem}.carousel-btn{width:45px;height:45px}.carousel-btn svg{width:22px;height:22px}.section-header{margin-bottom:3rem}.section-tag{font-size:.85rem;padding:.4rem 1rem}.section-title{font-size:clamp(2rem,5vw,3rem)}.section-desc{font-size:1rem}.crew-section{padding:4rem 4%}.crew-card{border-radius:12px}.card-image{height:auto;aspect-ratio:4/5}.codename{font-size:1.5rem}.card-info{padding:1rem}.card-info h3{font-size:1.2rem}.card-info p{font-size:.8rem}.memories-section{padding:4rem 4%}.memory-card{border-radius:10px}.memory-overlay{padding:1rem}.memory-overlay h4{font-size:1.1rem}.memory-overlay p{font-size:.8rem}.quote-mark{font-size:5rem}.farewell-text{font-size:1rem;padding:0 1rem}.footer{padding:2rem 4%}.footer-brand{font-size:1.2rem}.social-links{gap:1.5rem}.social-link{font-size:.9rem}}@media (max-width: 480px){.navbar{padding:.8rem 3%}.nav-brand{font-size:1rem;gap:.5rem}.brand-icon{font-size:1.2rem}.nav-logo{padding:.4rem 1rem}.nav-logo-text{font-size:1rem}body .hero-bottom-bar{padding:1.5rem 4% .5rem;bottom:-25px!important;z-index:15;background:linear-gradient(to top,rgba(10,10,10,.95) 0%,transparent 100%)}.title-line{font-size:clamp(1.4rem,7vw,2rem)}.hero-slogan{font-size:.7rem;margin-top:0;position:absolute;bottom:10px;left:0;width:100%;text-align:center;z-index:50}.hero-center-counter{bottom:auto;top:430px;z-index:20}.class-tabs{position:relative;z-index:20}.hero-bg-pattern:before{writing-mode:vertical-rl;text-orientation:mixed;font-size:clamp(4rem,18vw,6rem);opacity:.04;letter-spacing:.3em;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.carousel-counter-center{font-size:.95rem}.carousel-counter-center .current{font-size:1.1rem}.class-tabs{gap:.5rem}.class-tab{padding:.5rem 1rem;font-size:.85rem;border-radius:8px}.stacked-carousel{margin-top:0;margin-bottom:45%}.stack-card{width:60vw;max-width:220px;min-width:170px;height:55vh;height:55dvh;max-height:360px}.cutout-placeholder{height:260px;border-radius:12px 12px 60px 60px}.cutout-placeholder span{font-size:2.5rem}.cutout-placeholder:before{font-size:3.5rem}.student-name{font-size:.95rem;margin-top:.6rem}.carousel-controls{padding:0 .5rem}.carousel-btn{width:36px;height:36px}.carousel-btn svg{width:18px;height:18px}.stack-card.prev-1{transform:scale(.7) translate(-50vw)}.stack-card.next-1{transform:scale(.7) translate(50vw)}.stack-card.prev-2,.stack-card.prev-3,.stack-card.prev-4,.stack-card.next-2,.stack-card.next-3,.stack-card.next-4{opacity:0}.section-header{margin-bottom:2rem}.section-tag{font-size:.75rem;letter-spacing:.2em}.section-title{font-size:clamp(1.8rem,8vw,2.5rem)}.section-desc{font-size:.9rem}.crew-section{padding:3rem 3%}.crew-grid{gap:1rem}.card-image{height:auto;aspect-ratio:4/5}.card-overlay{padding:1rem}.codename{font-size:1.3rem}.card-info{padding:.8rem}.card-info h3{font-size:1.1rem}.card-info p{font-size:.75rem}.memories-section{padding:3rem 3%}.memories-grid{gap:1rem;grid-auto-rows:100px}.memory-placeholder{font-size:.85rem;border-radius:10px}.quote-mark{font-size:4rem}.farewell-title{font-size:clamp(1.5rem,6vw,2.5rem)}.farewell-text{font-size:.9rem;line-height:1.7}.farewell-tagline span{font-size:clamp(1.5rem,7vw,3rem)}.year{font-size:clamp(.8rem,3vw,1.2rem)!important;padding:.4rem .8rem}.footer{padding:1.5rem 3%}.footer-brand{font-size:1.1rem;gap:.5rem}.footer-text{font-size:.85rem}.social-links{gap:1rem;flex-wrap:wrap;justify-content:center}.social-link{font-size:.8rem}.social-link.instagram-gradient{font-size:1rem}}@media (max-width: 375px){.nav-brand{font-size:.9rem}.brand-icon{font-size:1rem}.nav-logo{padding:.35rem .8rem}.nav-logo-text{font-size:.9rem}.title-line{font-size:clamp(1.2rem,8vw,1.8rem)}.hero-slogan{font-size:.65rem}.hero-center-counter{bottom:auto;top:400px}.carousel-counter-center{font-size:.85rem}.class-tab{padding:.4rem .8rem;font-size:.75rem}.stack-card{width:60vw;max-width:160px;min-width:130px;height:45vh;height:45dvh;max-height:260px}.cutout-placeholder{height:170px}.cutout-placeholder span{font-size:2rem}.cutout-placeholder:before{font-size:3rem}.student-name{font-size:.85rem}.carousel-btn{width:32px;height:32px}.carousel-btn svg{width:16px;height:16px}.intro-title{font-size:clamp(2rem,12vw,4rem)}.intro-subtitle{font-size:.85rem}.dali-mask{width:200px;height:250px}.section-title{font-size:clamp(1.5rem,10vw,2rem)}.card-image{height:auto;aspect-ratio:4/5}.codename{font-size:1.2rem}.memories-grid{grid-auto-rows:140px}.quote-mark{font-size:3rem}.farewell-tagline span{font-size:clamp(1.2rem,8vw,2.5rem)}}@media (max-width: 768px){.music-toggle{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.music-toggle svg{width:24px;height:24px}.music-toggle .sound-bars{height:18px;gap:2px}.music-toggle .sound-bars span{width:3px}}@media (max-width: 480px){.music-toggle{width:44px;height:44px;bottom:1rem;right:1rem}.music-toggle svg{width:20px;height:20px}.music-toggle .sound-bars{height:16px}.music-toggle .sound-bars span{width:3px}}@media (max-width: 768px){.hero-bg-pattern:before{font-size:clamp(5rem,18vw,12rem)}}.memories-page-header{min-height:40vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px;background:linear-gradient(135deg,var(--heist-black) 0%,var(--heist-dark) 100%)}.memories-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,var(--heist-red-glow) 0%,transparent 50%);opacity:.3}.memories-page-header .section-header{position:relative;z-index:1}.memories-full-section{padding:4rem 5%;background:var(--heist-dark);text-align:center}.memories-full-grid{max-width:1400px;margin:0 auto}.back-home-btn{display:inline-flex;align-items:center;gap:.75rem;margin-top:3rem;padding:1rem 2rem;background:transparent;border:2px solid var(--heist-gold);color:var(--heist-gold);font-family:var(--font-display);font-size:1rem;letter-spacing:.15em;text-decoration:none;transition:all .3s var(--transition-smooth);position:relative;overflow:hidden}.back-home-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--heist-gold);transition:left .3s var(--transition-smooth);z-index:-1}.back-home-btn:hover:before{left:0}.back-home-btn:hover{color:var(--heist-black)}.back-home-btn svg{transition:transform .3s ease}.back-home-btn:hover svg{transform:translate(-5px)}@media (max-width: 768px){.memories-page-header{min-height:30vh;padding-top:60px}.view-more-btn,.back-home-btn{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.view-more-btn,.back-home-btn{padding:.7rem 1.2rem;font-size:.8rem}}.music-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(135deg,#c41e3a,#8b0000);border:none;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #c41e3a66;transition:all .3s ease}.music-toggle:hover{transform:scale(1.1);box-shadow:0 10px 30px #c41e3a99}.music-toggle svg{width:28px;height:28px;fill:#fff}.music-toggle.playing{animation:musicPulse 2s ease-in-out infinite}@keyframes musicPulse{0%,to{box-shadow:0 5px 20px #c41e3a66}50%{box-shadow:0 5px 30px #c41e3acc,0 0 50px #c41e3a4d}}.music-toggle .sound-bars{display:flex;align-items:flex-end;gap:3px;height:20px}.music-toggle .sound-bars span{width:4px;background:#fff;border-radius:2px;transition:height .2s ease;height:10px}.music-toggle.playing .sound-bars span:nth-child(1){animation:bar1 .8s ease-in-out infinite}.music-toggle.playing .sound-bars span:nth-child(2){animation:bar2 .6s ease-in-out infinite .1s}.music-toggle.playing .sound-bars span:nth-child(3){animation:bar3 .7s ease-in-out infinite .2s}.music-toggle.playing .sound-bars span:nth-child(4){animation:bar4 .5s ease-in-out infinite .3s}@keyframes bar1{0%,to{height:8px}50%{height:20px}}@keyframes bar2{0%,to{height:16px}50%{height:8px}}@keyframes bar3{0%,to{height:12px}50%{height:20px}}@keyframes bar4{0%,to{height:20px}50%{height:10px}}.music-toggle:not(.playing) .sound-bars span{height:10px!important;animation:none!important}@media (max-width: 768px){.music-toggle{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.music-toggle .sound-bars span{width:3px}}@media (max-width: 480px){.music-toggle{width:45px;height:45px;bottom:1rem;right:1rem}}.memories-page-header{padding:8rem 5% 2rem;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.memories-page-header .section-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;width:100%}.memories-page-header .class-tabs{margin-top:1rem;width:100%;justify-content:center;display:flex;gap:1rem}.tap-hint-animated{margin-top:1.5rem;font-size:1rem;font-weight:500;color:var(--heist-red);text-shadow:0 0 10px rgba(196,30,58,.3);animation:textPulse 2s infinite ease-in-out;letter-spacing:.05em;text-align:center;width:100%}@keyframes textPulse{0%,to{opacity:.7;transform:scale(1);text-shadow:0 0 5px rgba(196,30,58,.2)}50%{opacity:1;transform:scale(1.05);color:#ff4d4d;text-shadow:0 0 20px rgba(196,30,58,.8),0 0 40px rgba(196,30,58,.4)}}