.hero-section{padding:28px 24px 40px}.hero-visual{aspect-ratio:1280/560;border-radius:34px;width:min(1280px,100%);min-height:560px;margin:0 auto;position:relative;overflow:hidden}.hero-slider{width:100%;height:100%;transition:transform .7s;display:flex}.hero-slide{min-width:100%;height:100%;min-height:560px;position:relative}.hero-image-frame{width:100%;height:100%;min-height:536px;position:relative;overflow:hidden}.hero-image{object-fit:contain;object-position:center}.hero-dots{z-index:2;gap:8px;display:flex;position:absolute;top:22px;right:22px}.hero-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:999px;width:12px;height:12px;transition:transform .2s,background .2s,width .2s}.hero-dot.active{background:#fff;width:28px}@media (max-width:1024px){.hero-visual,.hero-slide{min-height:500px}.hero-image-frame{min-height:476px}}@media (max-width:768px){.hero-section{padding:8px 12px 20px}.hero-visual,.hero-slide{aspect-ratio:16/9;min-height:0}.hero-image-frame{height:100%;min-height:0}.hero-dots{top:auto;bottom:10px;right:50%;transform:translate(50%)}}@media (max-width:520px){.hero-section{padding:4px 10px 16px}.hero-visual,.hero-slide{aspect-ratio:2;border-radius:22px}.hero-image-frame{min-height:0}.hero-dots{gap:6px;bottom:8px}.hero-dot{width:10px;height:10px}.hero-dot.active{width:22px}}