.brand{display:inline-flex;align-items:center;flex-shrink:0}
.brand img{display:block;width:220px;height:auto}
@media(max-width:600px){.brand img{width:150px}}
.company-hero{height:auto;background:#080808;color:#f7f7f5;overflow:visible}
.bgm-toggle{position:fixed;right:20px;bottom:20px;right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:1100;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#161616de;color:#fff;box-shadow:0 2px 10px #0002;cursor:pointer}
.bgm-toggle:hover{background:#333}.bgm-toggle:focus-visible{outline:2px solid #ffdb76;outline-offset:3px}
.bgm-toggle[data-state="playing"] .sound-off,.bgm-toggle:not([data-state="playing"]) .sound-on{display:none}
@media(max-width:600px){.bgm-toggle{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}}
.media-stage{position:relative;width:100%;aspect-ratio:32/15;background:#080808;overflow:hidden}
.company-hero .hero-slide{background:#080808;z-index:0;opacity:0;visibility:hidden;transition:opacity 1.1s cubic-bezier(.4,0,.2,1),visibility 0s linear 1.1s}
.company-hero .hero-slide.is-active{z-index:2;opacity:1;visibility:visible;transition-delay:0s}
.company-hero .hero-slide.is-leaving{z-index:1;opacity:1;visibility:visible;transition:none}
.company-image,.company-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.company-hero .hero-controls{position:relative;inset:auto;width:100%;height:56px;padding:0 40px;gap:24px;background:#111;justify-content:flex-start}
.company-hero .slide-select,.company-hero .play-controls{background:transparent;border-radius:0;padding:0;gap:2px}
.company-hero .slide-select{margin:auto;gap:8px}
.company-hero .slide-dot{width:23px;min-width:23px;height:38px;opacity:1;padding:0;display:flex;align-items:center}
.company-hero .slide-dot:before{content:'';display:block;width:100%;height:2px;background:#565656;transition:background .2s}
.company-hero .slide-dot.active:before,.company-hero .slide-dot:hover:before{background:#ffdb76}
.company-hero .slide-dot.active:after{display:none}
.company-hero .slide-dot span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.company-hero .play-controls button{color:#f7f7f5;min-width:36px;height:38px;font-size:18px}
.company-hero .play-controls button:hover{color:#ffdb76}
.banner-position{display:flex;gap:12px;align-items:center;color:#929292;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:1px}
#slide-current{color:#fff;font-weight:700}.counter-divider{color:#454545}
.company-hero button:focus-visible{outline:2px solid #ffdb76;outline-offset:0}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border:1px solid #ffffff85;border-radius:3px;padding:14px 22px;color:#fff;background:#111d;font:600 14px Pretendard,sans-serif;cursor:pointer}
.media-notice{position:absolute;z-index:5;bottom:12px;left:16px;right:16px;padding:12px;background:#111e;font-size:13px;text-align:center}
[hidden]{display:none!important}
@media(max-width:600px){.media-stage{max-height:none}.company-hero .hero-controls{height:50px;padding:0 16px;gap:12px}.banner-position{gap:5px;font-size:10px}.company-hero .slide-select{gap:3px}.company-hero .slide-dot{min-width:9px;width:9px}.company-hero .play-controls{gap:0}.company-hero .play-controls button{min-width:30px;font-size:16px}}
.company-hero .is-active .company-image,.company-hero .is-leaving .company-image{animation:company-image-drift 4.6s linear both;will-change:transform}
.company-hero.is-paused .is-active .company-image,.company-hero.is-paused .is-leaving .company-image{animation-play-state:paused}
@keyframes company-image-drift{from{transform:scale(1)}to{transform:scale(1.012)}}
@media(prefers-reduced-motion:reduce){.company-hero .slide-dot:before,.company-hero .hero-slide{transition:none}.company-hero .is-active .company-image,.company-hero .is-leaving .company-image{animation:none;transform:none}}