.carousel-wrapper{position:relative;width:100%;background:#fff;overflow:hidden}.carousel-bg-wash{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.carousel-inner{position:relative;display:flex;height:500px;max-width:100%;margin:0 auto;z-index:1}.carousel-content{flex:1;display:flex;align-items:center;padding:32px;z-index:10;overflow:hidden}.carousel-content-inner{max-width:500px;width:100%}.carousel-collection-num{display:flex;align-items:center;gap:12px;margin-bottom:24px;opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.33,.66,.66,1)}.carousel-collection-num.transitioning{opacity:0;transform:translateY(-20px)}.carousel-num-line{display:block;height:1px;width:32px;background-color:currentColor}.carousel-num-text{font-size:12px;font-weight:500;color:#6b7280;letter-spacing:.04em;text-transform:uppercase}.carousel-title{font-size:48px;font-weight:700;line-height:1.2;color:#1f2937;margin-bottom:12px;letter-spacing:-.02em;opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.33,.66,.66,1)}.carousel-title.transitioning{opacity:0;transform:translateY(-20px)}@media (max-width:1024px){.carousel-title{font-size:36px}}@media (max-width:640px){.carousel-title{font-size:28px}}.carousel-subtitle{font-size:18px;font-weight:500;margin-bottom:16px;opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.33,.66,.66,1) 50ms}.carousel-subtitle.transitioning{opacity:0;transform:translateY(-20px)}.carousel-description{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:32px;opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.33,.66,.66,1) .1s}.carousel-description.transitioning{opacity:0;transform:translateY(-20px)}.carousel-nav-arrows{display:flex;align-items:center;gap:12px;opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.33,.66,.66,1) .15s}.carousel-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:50%;background:transparent;cursor:pointer;color:#1f2937;transition:all .3s ease;padding:0;font-size:0}.carousel-arrow-btn:hover{border-color:#1f2937;background-color:#f3f4f6}.carousel-arrow-btn:active{transform:scale(.95)}.carousel-image-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:16px}@media (max-width:1024px){.carousel-image-container{display:none}}.carousel-image-frame{position:relative;width:100%;max-width:420px;aspect-ratio:1/1;border-radius:0;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.12);opacity:1;transform:scale(1);transition:all .7s cubic-bezier(.33,.66,.66,1)}.carousel-image-frame.transitioning{opacity:0;transform:scale(.95)}.carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.carousel-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.carousel-frame-corner{position:absolute;width:32px;height:32px;border:2px solid;pointer-events:none;z-index:20}.carousel-frame-corner--tl{top:20px;left:20px;border-top-width:2px;border-left-width:2px;border-right:none;border-bottom:none}.carousel-frame-corner--br{bottom:20px;right:20px;border-bottom-width:2px;border-right-width:2px;border-top:none;border-left:none}.carousel-progress-bar{position:relative;display:flex;gap:12px;padding:20px 32px;background:transparent;z-index:15;flex-wrap:wrap}@media (max-width:768px){.carousel-progress-bar{padding:16px 20px;gap:8px}}.carousel-progress-item{flex:1;min-width:120px;display:flex;flex-direction:column;gap:6px;cursor:pointer;background:none;border:none;padding:0;text-align:left;transition:opacity .2s ease}.carousel-progress-item:hover{opacity:.8}.carousel-progress-track{width:100%;height:2px;background-color:#e5e7eb;border-radius:1px;overflow:hidden}.carousel-progress-fill{height:100%;border-radius:1px;transition:width .1s linear;background-color:#d1d5db}.carousel-progress-label{font-size:11px;font-weight:500;color:#6b7280;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-progress-item:hover .carousel-progress-label{color:#1f2937}@media (max-width:1024px){.carousel-inner{height:500px}.carousel-content{padding:32px 24px}.carousel-title{font-size:32px}.carousel-progress-bar{padding:16px 24px}}@media (max-width:640px){.carousel-inner{height:auto;min-height:450px}.carousel-wrapper{min-height:auto}.carousel-content{padding:24px 16px}.carousel-title{font-size:24px}.carousel-subtitle{font-size:14px}.carousel-description{font-size:13px;line-height:1.5}.carousel-arrow-btn{width:36px;height:36px}.carousel-progress-bar{padding:12px;gap:6px}.carousel-progress-item{min-width:80px}.carousel-progress-label{font-size:10px}}