:root{--bg-color: #111;--text-color: #fff;--accent-color: #ff4d4d}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;overflow-x:hidden;transition:background-color .5s ease}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-scrolling iframe{pointer-events:none}.progress-bar{position:fixed;top:0;left:0;height:5px;background:var(--accent-color);width:0%;z-index:1000}.sticky-header{position:fixed;top:0;left:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:999;mix-blend-mode:difference;transform:translateY(0);transition:transform .3s ease}.sticky-header.hide{transform:translateY(-100%)}.logo{font-weight:900;font-size:1.5rem;color:#fff}nav a{color:#fff;text-decoration:none;margin-left:20px;font-weight:500}section{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.hero{flex-direction:column;text-align:center;perspective:1000px}.hero-content{transform-style:preserve-3d}.hero-title{font-size:clamp(4rem,10vw,10rem);line-height:.9;text-transform:uppercase;font-weight:900}.hero-subtitle{font-size:1.5rem;margin-top:2rem;color:#888;font-weight:300}.scroll-indicator{position:absolute;bottom:2rem;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;animation:bounce 2s infinite;opacity:.7}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.marquee-section{padding:100px 0;background:#111;overflow:hidden}.marquee-wrapper{display:flex;width:100%;overflow:hidden}.marquee-content{display:flex;white-space:nowrap;font-size:8vw;font-weight:900;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #333}.marquee-content span{padding-right:50px}.mask-section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.mask-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;clip-path:circle(0% at 50% 50%)}.mask-image{width:100%;height:100%;object-fit:cover}.mask-text{position:absolute;font-size:5vw;font-weight:900;color:#fff;z-index:10;mix-blend-mode:overlay}.text-reveal{padding:0 10%}.reveal-text{font-size:clamp(2rem,5vw,4rem);line-height:1.4;color:#ccc;background:linear-gradient(to right,#111 50%,#ccc 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stacked-cards-section{display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.cards-container{position:relative;width:100%;max-width:800px;height:60vh}.card-stack{position:absolute;top:0;left:0;width:100%;height:400px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;box-shadow:0 10px 30px #00000080;transform-origin:center top}.card-stack h3{font-size:3rem;margin-bottom:10px}.sticky-layout-section{display:flex;justify-content:space-between;padding:0 5%;height:200vh}.sticky-content{width:40%;padding-top:30vh}.sticky-content h2{font-size:4rem;margin-bottom:2rem}.sticky-content p{font-size:1.5rem;margin-bottom:1.5rem;color:#888}.sticky-visual{width:50%;height:100vh;display:flex;justify-content:center;align-items:center}.visual-box{width:300px;height:400px;background:#333;border-radius:20px}.horizontal-scroll-section{display:block;height:100vh}.horizontal-scroll-wrapper{display:flex;width:400%;height:100%}.h-card{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-size:6vw;font-weight:900;text-transform:uppercase;border-right:1px solid #333}.zoom-section{height:100vh;overflow:hidden;position:relative}.zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:1000px}.zoom-element{width:40vw;height:40vh;overflow:hidden}.zoom-element img{width:100%;height:100%;object-fit:cover}.zoom-text{position:absolute;font-size:10vw;font-weight:900;color:#fff;opacity:0;transform:scale(.5)}.parallax-section{position:relative;height:100vh}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:150%;background-image:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop);background-size:cover;background-position:center;z-index:-1;will-change:transform}.parallax-content{background:#0009;padding:4rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:20px}.layered-parallax-section{position:relative;overflow:hidden}.layer{position:absolute;border-radius:50%;opacity:.5}.layer-1{width:100px;height:100px;background:red;top:20%;left:10%}.layer-2{width:200px;height:200px;background:#00f;top:60%;right:10%}.layer-3{width:150px;height:150px;background:green;top:40%;left:50%}.content-layer{position:relative;z-index:10;text-align:center}.depth-scroll-section{perspective:1000px}.depth-container{transform-style:preserve-3d;text-align:center}.depth-item{font-size:5rem;font-weight:900;margin:2rem 0}.camera-section{perspective:1000px}.camera-scene{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.camera-target{background:#333;padding:5rem;border-radius:20px;text-align:center}.sidebar-section{display:flex;align-items:flex-start;padding:100px 5%;height:auto;min-height:100vh}.sidebar-container{display:flex;width:100%}.sticky-sidebar{width:250px;position:sticky;top:100px;height:fit-content}.sticky-sidebar ul{list-style:none}.sticky-sidebar li{padding:10px;margin-bottom:10px;cursor:pointer;color:#888;transition:color .3s}.sticky-sidebar li.active{color:#000;font-weight:700;border-left:3px solid #000;padding-left:15px}.main-content{flex:1;margin-left:50px}.content-block{height:80vh;border-bottom:1px solid #ddd;padding-top:20px}.content-block h3{font-size:2rem;margin-bottom:1rem;color:#333}.content-block p{color:#555;font-size:1.2rem}.full-page-slides{display:block;height:300vh}.slide{height:100vh;display:flex;justify-content:center;align-items:center;font-size:4rem;font-weight:900;border-bottom:1px solid #333}.morph-section{flex-direction:column}.morph-element{width:200px;height:200px;background:var(--accent-color);margin-bottom:2rem}.svg-draw-section{flex-direction:column}.draw-svg{width:80%;max-width:600px;overflow:visible}.photo-grid-section{height:150vh}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:80%}.grid-item{height:200px;background:#333;border-radius:10px}.grid-title{position:absolute;font-size:5rem;font-weight:900;mix-blend-mode:difference}.scroll-zoom-section{height:150vh}.scroll-zoom-container{width:80%;height:60vh;overflow:hidden;position:relative;border-radius:20px}.scroll-zoom-container img{width:100%;height:100%;object-fit:cover;transform:scale(1.5)}.zoom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0000004d;color:#fff}.particles-section{position:relative}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.particle-content{position:relative;z-index:10;pointer-events:none}.magnetic-section{cursor:none}.magnetic-area{display:flex;flex-direction:column;align-items:center}.magnetic-btn{padding:20px 40px;border:1px solid #fff;border-radius:50px;margin-bottom:2rem;cursor:none;transition:transform .3s}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:#fff;border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:9999;transform:translate(-50%,-50%);opacity:0}.magnetic-section:hover .custom-cursor{opacity:1}.curved-path-section{position:relative}.path-object{position:absolute;font-size:3rem}.path-svg{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snap-section-wrapper{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.snap-container{height:300vh}.snap-item{height:100vh;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #333}.fan-cards-section{height:150vh}.fan-container{position:relative;width:300px;height:400px}.fan-card{position:absolute;width:100%;height:100%;background:#333;border:1px solid #555;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:3rem;font-weight:900;transform-origin:center bottom}.scrollytelling-section{display:flex;height:300vh}.story-visual{width:50%;height:100vh;position:sticky;top:0;display:flex;justify-content:center;align-items:center}.story-box{width:200px;height:200px;background:var(--accent-color);border-radius:20px}.story-content{width:50%;padding:50px}.story-step{height:100vh;display:flex;align-items:center;font-size:2rem;color:#888;transition:color .3s}.story-step.active{color:#fff}.footer{height:30vh;display:flex;justify-content:center;align-items:center;border-top:1px solid #333;background:#000}