/* Home banner layout: large carousel with three stacked promotions. */
#bu-studio.page-index main.shell{width:calc(100% - 24px);max-width:1600px}
.page-index main.shell> :not(.banner-hero){max-width:1600px;margin-left:auto;margin-right:auto}
.banner-hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:20px 0 36px}
.banner-carousel{position:relative;min-width:0;aspect-ratio:1920/820;border-radius:16px;overflow:hidden;background:#080c0e;isolation:isolate}
.banner-slide{display:block;position:absolute;inset:0}
.banner-slide img{display:block;width:100%;height:100%;object-fit:contain}
.banner-prev,.banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:50px;border:1px solid #ffffff40;border-radius:8px;background:#080b10aa;color:#fff;font-size:34px;line-height:1;display:grid;place-items:center}
.banner-prev{left:12px}.banner-next{right:12px}.banner-prev:hover,.banner-next:hover{background:#f47913;color:#101010}
.banner-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;background:#05080cc9;border:1px solid #ffffff25;border-radius:24px;padding:0 6px;z-index:2}
.banner-dot{border:0;background:transparent;width:34px;height:36px;padding:10px;display:grid;place-items:center}.banner-dot:after{content:'';width:8px;height:8px;border-radius:10px;background:#ffffff70}.banner-dot[aria-pressed=true]:after{width:18px;background:#ff8a16}
.banner-play{border:0;border-left:1px solid #ffffff30;background:transparent;color:white;font-size:10px;height:28px;padding:0 10px;min-width:49px}
.banner-promos{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;min-width:0}
.banner-promo{--promo:#ff9618;position:relative;overflow:hidden;isolation:isolate;border-radius:13px;background:#0a0d12;display:flex;align-items:center;padding:14px 22px;border:1px solid #343232;min-height:0;color:white!important}
.banner-promo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#070c12 38%,transparent 100%),repeating-linear-gradient(130deg,transparent 0 24px,#ffffff07 25px 26px)}
.banner-promo:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--promo)}
.banner-promo img{position:absolute;right:0;top:0;height:100%;width:43%;object-fit:cover;z-index:-2;opacity:.8}
.banner-promo.phoenix{--promo:#cb7cff}.banner-promo.borneo{--promo:#4daeff}
.banner-promo-copy{display:flex;flex-direction:column;gap:3px;max-width:78%}
.banner-promo small{font-size:9px;letter-spacing:.15em;font-weight:700;color:var(--promo)}
.banner-promo strong{font-size:clamp(18px,2vw,34px);line-height:1.08;font-weight:800;letter-spacing:-.035em;text-transform:uppercase;color:#fff}
.banner-promo span.promo-desc{font-size:clamp(9px,.85vw,13px);color:#cbd1da}
.banner-promo em{font-size:9px;font-style:normal;font-weight:700;color:var(--promo);margin-top:3px;letter-spacing:.03em}
.banner-promo:hover{border-color:var(--promo)}
@media(max-width:1000px){.banner-hero{grid-template-columns:1fr;gap:12px}.banner-promos{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:10px}.banner-promo{min-height:135px;padding:17px 13px}.banner-promo strong{font-size:20px}.banner-promo small{font-size:7px}.banner-promo img{width:55%}.banner-promo-copy{max-width:100%}.banner-promo span.promo-desc{font-size:9px}}
@media(max-width:600px){#bu-studio.page-index main.shell{width:calc(100% - 24px)}.banner-hero{margin-top:12px;margin-bottom:27px}.banner-carousel{border-radius:10px}.banner-prev,.banner-next{width:30px;height:40px;font-size:26px;border:0}.banner-prev{left:5px}.banner-next{right:5px}.banner-controls{bottom:4px;padding:0 3px}.banner-dot{height:28px;width:28px;padding:8px}.banner-play{font-size:9px;height:23px;min-width:42px;padding:0 7px}.banner-promos{grid-template-columns:1fr;gap:9px}.banner-promo{min-height:115px;padding:19px 23px;border-radius:10px}.banner-promo strong{font-size:28px}.banner-promo small{font-size:8px}.banner-promo span.promo-desc{font-size:11px}.banner-promo img{width:40%}.banner-promo-copy{max-width:80%}}