#hero {height:auto;min-height:0;margin:18px 5% 24px;border:1px solid #ffffff19;border-radius:14px;background:#141e1b;}
#heroImage {background-size:auto 100%;background-repeat:no-repeat;background-position:right center;opacity:.48;}
.hero-shade {background:linear-gradient(90deg,#141e1b 36%,#141e1bcc 67%,#141e1b55);}
#hero .hero-copy {max-width:none;padding:18px 24px 12px;}
#hero .eyebrow {font-size:12px;letter-spacing:1px;}
#hero h1 {font-size:28px;margin:9px 0 0;line-height:1.3;letter-spacing:1px;max-width:70%;}
#hero .hero-meta {font-size:14px;margin-top:7px;max-width:70%;line-height:1.5;}
#heroDescription,#heroFoot {display:none;}
.hero-actions {position:absolute;right:24px;top:30px;gap:10px;}
.hero-actions button {padding:12px 18px;font-size:18px;min-height:48px;}
#heroControls {position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:0 24px 14px;}
#heroTabs {flex:1;display:flex;gap:8px;overflow:auto;scrollbar-width:none;}
#heroTabs::-webkit-scrollbar{display:none;}
#heroTabs button {flex:0 0 auto;font-size:15px;padding:8px 13px;border:1px solid #ffffff19;color:#c0cbc5;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:40px;}
#heroTabs button.selected {color:#d5f785;border-color:#d5f785;background:#d5f78513;}
#heroPrevious,#heroNext {background:#ffffff0b;font-size:20px;padding:5px 12px;min-width:42px;min-height:42px;}
#heroCounter {font-size:13px;min-width:35px;text-align:center;color:#c6d4ca;}
.mobile #hero {height:auto;margin:12px 14px 18px;}
.mobile #hero .hero-copy {padding:14px 14px 10px;}
.mobile #hero .eyebrow {font-size:11px;}
.mobile #hero h1 {font-size:23px;margin:7px 0 0;max-width:100%;}
.mobile #hero .hero-meta {font-size:12px;margin-top:5px;max-width:100%;padding-right:0;}
.mobile .hero-actions {position:static;margin-top:10px;gap:8px;}
.mobile .hero-actions button {font-size:15px;padding:9px 13px;min-height:44px;}
.mobile #heroControls {padding:0 12px 12px;gap:6px;}
.mobile #heroTabs button {font-size:12px;max-width:125px;padding:7px 10px;min-height:38px;}
.mobile #heroPrevious,.mobile #heroNext {font-size:18px;min-width:34px;min-height:38px;padding:5px 8px;}
.mobile #heroCounter {font-size:11px;min-width:27px;}
.mobile #library {padding-top:0;}
@media(max-width:960px){html:not(.mobile) .hero-actions{top:20px;right:18px;}html:not(.mobile) #hero h1{max-width:55%;}html:not(.mobile) .hero-actions button{font-size:16px;padding:10px 13px;}}
.web #video {object-fit:contain;}
.web .player-help {display:none;}
.web #video[controls] {height:calc(100% - 78px);top:78px;}
.mobile.web #video[controls] {height:calc(100% - 110px);top:110px;}