.carousel{position:fixed;top:0;left:0;z-index:1;height:100vh;width:100vw;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#d6b98c,#e9e4dc);opacity:0;transition:opacity .5s ease-in-out}.carousel.active{pointer-events:all;opacity:1}.carousel-item{--items:12;--width:clamp(150px,30vw,300px);--height:clamp(200px,40vw,400px);--x:calc(var(--active, 0) * 800%);--y:calc(var(--active, 0) * 200%);--rot:calc(var(--active, 0) * 120deg);--opacity:calc((var(--zIndex) - 1) / var(--items));overflow:hidden;position:absolute;z-index:var(--zIndex,1);width:var(--width);height:var(--height);margin:calc(var(--height) * -.5) 0 0 calc(var(--width) * -.5);border-radius:10px;top:50%;left:50%;user-select:none;transform-origin:0 100%;box-shadow:0 10px 50px 10px rgba(0,0,0,.5);background:#2f2f2f;pointer-events:all;transform:translate(var(--x),var(--y)) rotate(var(--rot));transition:transform .8s cubic-bezier(0,.02,0,1)}.carousel-box{z-index:1;transition:opacity .8s cubic-bezier(0,.02,0,1);opacity:var(--opacity);font-family:Roboto,serif}.carousel-box,.carousel-box:before{position:absolute;top:0;left:0;width:100%;height:100%}.carousel-box:before{content:"";z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,.5));pointer-events:none}.title{color:#fff;bottom:20px;font-size:clamp(16px,2.5vw,24px);text-shadow:0 4px 4px rgba(0,0,0,.7);font-weight:600}.num,.title{position:absolute;z-index:3;left:20px;transition:opacity .8s cubic-bezier(0,.02,0,1);pointer-events:none}.num{color:rgba(255,255,255,.3);top:10px;font-size:clamp(24px,8vw,60px);font-weight:700}.carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.default-image,.hover-image{z-index:1}.cursor{position:fixed;z-index:10;top:0;left:0;--size:40px;width:var(--size);height:var(--size);border-radius:50%;border:1px solid rgba(255,255,255,.2);margin:calc(var(--size) * -.5) 0 0 calc(var(--size) * -.5);transition:transform .85s cubic-bezier(0,.02,0,1);display:none;pointer-events:none}@media (pointer:fine){.cursor{display:block}}.cursor2{--size:2px;transition-duration:.7s;background:rgba(255,255,255,.8)}.carousel-section{width:100%;height:200vh;background:transparent;position:relative}@media (max-width:768px){.carousel{height:100vh}.carousel-item{--width:clamp(120px,40vw,250px);--height:clamp(160px,50vw,320px)}.title{font-size:clamp(14px,3vw,18px);bottom:15px;left:15px}.num{font-size:clamp(20px,6vw,40px);top:8px;left:15px}.carousel-section{height:200vh}}.scroll-wrapper *{margin:0;padding:0;box-sizing:border-box}.scroll-content,.scroll-wrapper{position:relative;width:100%;z-index:1}.scroll-content{overflow-x:hidden}.scroll-content .scroll-section{width:100%;height:100vh;min-height:600px;padding-top:80px}.scroll-content .scroll-section.scroll-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;position:relative}.hero-text{text-align:center;z-index:3;position:relative;width:100%;max-width:1200px;margin:0 auto}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.2));z-index:-1;border-radius:20px}.hero-text h1{font-size:clamp(1.8rem,5vw,4rem);font-weight:700;color:white;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:2px;text-transform:uppercase;margin:0;line-height:1.2;padding:20px;background:rgba(0,0,0,.3);border-radius:15px;backdrop-filter:blur(10px)}.scroll-image-container{width:100%;height:100vh;min-height:600px;position:absolute;top:0;left:0;right:0;z-index:2;perspective:500px;overflow:hidden}.scroll-image-container img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}@media (max-width:1024px){.hero-text h1{font-size:clamp(1.8rem,4.5vw,3.5rem);letter-spacing:1.5px}.scroll-image-container{perspective:400px}}@media (max-width:768px){.scroll-content .scroll-section{min-height:100vh;padding-top:100px}.scroll-image-container{min-height:100vh;perspective:300px}.hero-text{padding:0 1rem}.hero-text h1{font-size:clamp(1.4rem,6vw,2.5rem);letter-spacing:1px;padding:15px;line-height:1.3}}@media (max-width:480px){.scroll-content .scroll-section{min-height:100vh;padding-top:120px}.scroll-image-container{min-height:100vh;perspective:250px}.hero-text{padding:0 .5rem}.hero-text h1{font-size:clamp(1.2rem,7vw,2rem);letter-spacing:.5px;padding:12px;line-height:1.4}.hero-overlay{border-radius:15px}}.scroll-wrapper{isolation:isolate;contain:layout style}.scroll-image-container img{transition:opacity .3s ease}.scroll-image-container img:not([src]){opacity:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.scroll-image-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}