.hero.hero-showcase{min-height:0;overflow:clip;background:#0d0c0e}
.hero-showcase:before{background:radial-gradient(ellipse 44% 100% at 82% 52%,#64213142,transparent 75%),linear-gradient(110deg,#0c0b0d,#151013)}
.hero-showcase .hero-inner{max-width:var(--max);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);align-items:center;gap:52px;padding:44px 0 38px;min-height:492px}
.hero-copy{min-width:0;position:relative;z-index:2}
.hero-showcase .eyebrow{font-size:11px;letter-spacing:2px;color:#c4ae82}
.hero-brandline{margin:16px 0 20px!important;font-size:16px!important;line-height:1.5!important;color:#b5aaa0!important;max-width:none!important}
.hero-showcase .hero-panel h1,.hero-showcase .hero-panel h2{font-size:clamp(30px,3.2vw,48px);line-height:1.24;font-weight:500;letter-spacing:1px;margin:0 0 17px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-panel[hidden]{display:none!important}
.hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#b0a69b;font-size:12px;line-height:1.6;margin-bottom:12px}
.hero-meta .hero-genre{border:1px solid #ac8d565e;color:#e1c58d;padding:2px 8px;font-size:11px}
.hero-showcase .hero-intro{margin:0;max-width:490px;min-height:54px;font-size:14px;line-height:1.9;color:#a89e96;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-showcase .hero-actions{gap:10px;margin-top:23px}
.hero-showcase .hero-actions .primary{padding:12px 21px;letter-spacing:.5px;min-height:45px}
.hero-showcase .hero-actions .app-download{font-size:13px;padding:0 14px;min-height:45px}
.hero-library{display:inline-block;margin:15px 0 0!important;color:#aa9b8b;font-size:12px}
.hero-navigation{display:none;align-items:center;gap:15px;margin-top:30px;color:#8e8277}
.hero-enhanced .hero-navigation{display:flex}
.hero-navigation button{font:inherit;cursor:pointer;display:inline-grid;place-items:center;flex:none;background:transparent;color:#d8ccbc;border:1px solid #9d856044;width:34px;height:34px;padding:0;border-radius:50%;transition:border-color .2s,background .2s}
.hero-navigation button:hover{border-color:#c7ab77;background:#ffffff08}
.hero-navigation button:focus-visible,.hero-poster:focus-visible,.hero-showcase a:focus-visible{outline:2px solid #e0bd77;outline-offset:5px}
.hero-navigation button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.hero-navigation .hero-toggle{border:0;color:#a59686;width:30px;height:30px}
.hero-toggle svg{width:13px!important;height:13px!important}
.hero-toggle[data-stopped=true] .icon-pause,.hero-toggle[data-stopped=false] .icon-play{display:none}
.hero-dots{display:flex;align-items:center;gap:7px;height:32px}
.hero-dots button{width:7px;height:7px;border:0;border-radius:99px;background:#635246;position:relative;isolation:isolate;transition:width .25s}
.hero-dots button:before{content:"";position:absolute;inset:-10px -3px}
.hero-dots button[aria-current=true]{width:32px;background:#b99b64}
.hero-counter{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:1px;white-space:nowrap}
.hero-counter b{color:#e6d7bc;font-weight:400;font-size:14px}
.hero-counter span{color:#716456;margin-left:4px}
.hero-gallery{min-width:0;position:relative;isolation:isolate;height:400px;touch-action:pan-y}
.hero-poster{position:absolute;left:50%;top:50%;width:236px;height:354px;display:block;overflow:hidden;background:#211a1c;transform:translate(-50%,-50%);box-shadow:0 18px 38px #0008;border:1px solid #bba17a29;border-radius:3px;transition:transform .65s cubic-bezier(.22,.68,.2,1),opacity .6s,filter .6s;opacity:0;pointer-events:none}
.hero-poster:nth-child(1){opacity:1;pointer-events:auto;z-index:3}
.hero-poster:nth-child(2){transform:translate(calc(-50% + 174px),-50%) scale(.79);opacity:.45;z-index:2}
.hero-poster:nth-child(3){transform:translate(calc(-50% - 174px),-50%) scale(.79);opacity:.45;z-index:1}
.hero-poster:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#0000 48%,#080608d9 100%);pointer-events:none}
.hero-poster img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}
.hero-poster img[hidden]{display:none}
.hero-poster .hero-poster-label{position:absolute;z-index:3;bottom:18px;left:17px;right:17px;font-size:15px;color:#fff;line-height:1.4;text-shadow:0 2px 12px #000}
.hero-poster small{display:block;color:#dbc49a;font-size:10px;letter-spacing:.7px;margin-bottom:6px}
.hero-poster-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;background:linear-gradient(150deg,#32252b,#111015);text-align:center}
.hero-poster-fallback strong{font-size:23px;font-weight:400;line-height:1.6;color:#e3d1b6}
.hero-poster-fallback span{font-size:10px;letter-spacing:3px;color:#957858;margin-top:17px}
.hero-enhanced .hero-poster{opacity:0;pointer-events:none;z-index:0;transform:translate(-50%,-50%) scale(.65);filter:brightness(.62)}
.hero-enhanced .hero-poster[data-position="0"]{opacity:1;pointer-events:auto;z-index:3;transform:translate(-50%,-50%) scale(1);filter:none}
.hero-enhanced .hero-poster[data-position="-1"]{opacity:.6;pointer-events:auto;z-index:1;transform:translate(calc(-50% - 173px),-50%) scale(.79) rotate(-5deg)}
.hero-enhanced .hero-poster[data-position="1"]{opacity:.6;pointer-events:auto;z-index:2;transform:translate(calc(-50% + 173px),-50%) scale(.79) rotate(5deg)}
.hero-gallery[data-count="2"] .hero-poster[data-position="1"]{transform:translate(calc(-50% + 163px),-50%) scale(.79) rotate(5deg)}
.hero-gallery:after{content:"";position:absolute;left:12%;right:12%;height:1px;bottom:3px;background:linear-gradient(90deg,transparent,#bfa06a66,transparent);pointer-events:none}
.hero-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-showcase.hero-empty .hero-inner{grid-template-columns:1fr;min-height:340px;padding:44px 0}
.hero-empty .hero-copy{max-width:640px}
@media(min-width:1500px){.hero-showcase .hero-inner{gap:80px}.hero-gallery{height:424px}.hero-poster{width:250px;height:375px}.hero-enhanced .hero-poster[data-position="-1"]{transform:translate(calc(-50% - 191px),-50%) scale(.79) rotate(-5deg)}.hero-enhanced .hero-poster[data-position="1"]{transform:translate(calc(-50% + 191px),-50%) scale(.79) rotate(5deg)}}
@media(max-width:1100px) and (min-width:761px){.hero-showcase .hero-inner{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-poster{width:204px;height:306px}.hero-gallery{height:370px}.hero-enhanced .hero-poster[data-position="-1"]{transform:translate(calc(-50% - 124px),-50%) scale(.77) rotate(-5deg)}.hero-enhanced .hero-poster[data-position="1"]{transform:translate(calc(-50% + 124px),-50%) scale(.77) rotate(5deg)}.hero-showcase .hero-panel h1,.hero-showcase .hero-panel h2{font-size:35px}.hero-showcase .hero-actions .app-download{font-size:12px;padding:0 11px}.hero-brandline{font-size:14px!important}}
@media(max-width:760px){.hero-showcase .hero-inner{display:flex;flex-direction:column;gap:0;padding:22px 0 23px;min-height:0}.hero-copy{width:100%}.hero-showcase .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-brandline{margin:10px 0 0!important;font-size:13px!important}.hero-gallery{order:-1;width:100%;height:292px;margin:0 0 18px}.hero-poster{width:172px;height:258px}.hero-enhanced .hero-poster[data-position="-1"]{transform:translate(calc(-50% - 115px),-50%) scale(.79) rotate(-5deg)}.hero-enhanced .hero-poster[data-position="1"]{transform:translate(calc(-50% + 115px),-50%) scale(.79) rotate(5deg)}.hero-gallery:after{bottom:0}.hero-showcase .hero-panel h1,.hero-showcase .hero-panel h2{font-size:28px;margin:15px 0 10px;line-height:1.3;letter-spacing:.5px;-webkit-line-clamp:1}.hero-meta{font-size:11px;gap:8px;margin-bottom:8px}.hero-showcase .hero-intro{font-size:12px;min-height:0;line-height:1.8;max-width:none;-webkit-line-clamp:2}.hero-showcase .hero-actions{display:grid;grid-template-columns:1fr 1.48fr;gap:9px;margin-top:15px}.hero-showcase .hero-actions .primary,.hero-showcase .hero-actions .app-download{font-size:12px;min-height:43px;margin:0;padding:0 8px;text-align:center;display:flex;align-items:center;justify-content:center;width:auto;letter-spacing:0}.hero-library{font-size:11px;margin-top:12px!important}.hero-navigation{margin-top:16px;gap:13px}.hero-navigation button{width:31px;height:31px}.hero-dots button{width:6px;height:6px}.hero-dots button[aria-current=true]{width:25px}.hero-poster .hero-poster-label{font-size:12px;left:13px;bottom:13px;right:13px}.hero-poster small{font-size:9px}.hero-showcase+.section{padding-top:32px}}
@media(max-width:760px){.hero-gallery{height:268px}.hero-poster{width:160px;height:240px}.hero-brandline{display:none}}
@media(max-width:360px){.hero-gallery{height:249px}.hero-poster{width:148px;height:222px}.hero-enhanced .hero-poster[data-position="-1"]{transform:translate(calc(-50% - 98px),-50%) scale(.76) rotate(-5deg)}.hero-enhanced .hero-poster[data-position="1"]{transform:translate(calc(-50% + 98px),-50%) scale(.76) rotate(5deg)}.hero-navigation{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-poster,.hero-navigation button,.hero-dots button{transition:none!important}}