/* Cine en oro — selected studio direction. Core interactions remain in app.js. */
:root{--bg:#050505;--gold:#efc76c;--muted:#b2aea6;--line:#dbab4c35}
html{scroll-padding-top:24px}body{background:#050505}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{height:116px;padding:0 6.8%;background:radial-gradient(ellipse at 82% 0,#4a310e55,transparent 60%),#050505;border-bottom:1px solid #bd914848}
.brand{font:600 clamp(22px,2.6vw,40px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:.7px;gap:18px;color:#f0c970;white-space:nowrap;text-shadow:0 2px 0 #5e3c10}
.brand>span:last-child{background:linear-gradient(#fff0b0 20%,#e6a739 65%,#ffda78);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand small{font:600 14px/1 'DM Sans',sans-serif;letter-spacing:6px;margin-top:8px;color:#e7bd6b;text-shadow:none}
.logo{width:86px;height:86px;position:relative;overflow:hidden;flex:0 0 86px}
.logo img{position:absolute;max-width:none;width:148px;height:148px;left:-31px;top:-29px;object-fit:contain;transform:none;mix-blend-mode:screen}
nav{font:400 18px/1.2 'Playfair Display',Georgia,serif;gap:64px}.nav-contact{padding:0;border:0}.menu{background:#0c0b08;border-color:#bc934c66}
.hero{height:clamp(385px,29.5vw,560px);min-height:0;max-height:none;background:#000;isolation:isolate}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:center 48%;top:0}
.hero:after{background:linear-gradient(90deg,#0004,transparent 68%)}
.hero-copy{height:100%;max-width:none;padding:0 6.8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-copy h1{font:600 clamp(44px,4.75vw,83px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-2.5px;margin:0 0 20px;color:#fff9ed;text-shadow:0 3px 15px #0008}
.hero-copy h1>span{background:linear-gradient(#fff2b4 13%,#efb83e 62%,#bb7b18 90%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.hero-copy>p:not(.eyebrow){font:400 clamp(17px,1.7vw,28px)/1.45 Georgia,serif;color:#f2e6cf;margin:0;max-width:60%}
.hero .button{border:1px solid #ffe9ac;background:linear-gradient(180deg,#fff2ae,#ffd367 32%,#f3ae28 72%,#d88a12);border-radius:40px;padding:13px 30px;color:#241604;box-shadow:inset 0 1px 3px #fff9,0 0 24px #f9b63138;font-size:clamp(14px,1.35vw,21px);font-weight:600;gap:32px;margin-top:25px;min-height:54px;transition:filter .2s,box-shadow .2s}
.hero .button:hover{filter:brightness(1.08);box-shadow:0 0 32px #f9b63160}.hero .button>span{font-size:33px;line-height:.8}
.cinema-games{max-width:none;padding:0;margin:0;border-top:1px solid #e3b452;border-bottom:1px solid #a47e39;overflow:hidden;background:#030609}
.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.poster-card{position:relative;width:calc(100% + 32px);height:clamp(450px,44vw,740px);overflow:hidden;isolation:isolate;background:#050505;clip-path:polygon(32px 0,100% 0,calc(100% - 32px) 100%,0 100%)}
.poster-card:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 32px) 100%,0 100%)}
.poster-card:last-child{width:100%;clip-path:polygon(32px 0,100% 0,100% 100%,0 100%)}
.poster-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.6,.3,1)}
.poster-card:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#020409eb 0%,#0204095c 20%,transparent 38%);pointer-events:none;z-index:1}
.poster-card:hover .poster-art{transform:scale(1.025)}
.poster-hit{position:absolute;inset:0;z-index:2}.poster-hit:focus-visible{outline:3px solid #ffe293;outline-offset:-5px}
.poster-copy{position:absolute;z-index:3;left:clamp(24px,3.4vw,58px);right:40px;bottom:32px;pointer-events:none}
.poster-copy a{pointer-events:auto}.poster-copy h3{font:700 clamp(17px,1.55vw,25px)/1.25 'DM Sans',sans-serif;letter-spacing:-.3px;margin:0 0 10px;color:#fff;text-shadow:0 2px 10px black}
.poster-status{border:1px solid #d4e3f2d9;border-radius:30px;background:#233043b8;display:inline-flex;align-items:center;gap:9px;padding:6px 14px;color:#fff;font:500 clamp(11px,.95vw,15px)/1.3 'DM Sans',sans-serif;box-shadow:inset 0 0 0 1px #fff2;max-width:100%}
.poster-status.available{border-color:#00ee7b;color:white;background:#00461dcc;box-shadow:inset 0 0 0 1px #00f68c40,0 0 12px #00ee6325}.poster-status.available:hover{background:#006a2ddd}
.poster-status svg{width:19px;height:19px;flex-shrink:0}.status-clock{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.platform-strip{display:flex;align-items:center;gap:18px;margin-top:14px;min-height:34px}.platform-strip>a,.platform-symbol{display:inline-flex;align-items:center;justify-content:center;width:33px;height:35px}.platform-strip svg{display:block;width:100%;height:100%}.platform-strip>a:hover{filter:brightness(1.2)}
.platform-strip .poster-more{margin-left:auto;border:1px solid #ffdf9640;border-radius:50%;color:#ffe1a1;width:32px;height:32px;font-size:19px}
.panel-edge{position:absolute;right:0;top:0;z-index:4;width:32px;height:100%;pointer-events:none;filter:drop-shadow(0 0 4px #ffd26c)}.panel-edge path{fill:none;stroke:#eac15c;stroke-width:1.3}.poster-card:last-child .panel-edge{display:none}
.dream-detail{background:radial-gradient(ellipse at 80% 50%,#623f1515,transparent 65%);border-top:0}.section{max-width:1440px}.studio{border-top:1px solid var(--line)}.studio-mark img{height:auto;mix-blend-mode:screen}.pip-showcase>img{height:auto}.contact{background:radial-gradient(ellipse at bottom,#a877221c,transparent 65%)}footer{border-top-color:#c8a15b44}
@media(min-width:1900px){header{padding-left:calc((100vw - 1650px)/2);padding-right:calc((100vw - 1650px)/2)}.hero-copy{padding-left:calc((100vw - 1650px)/2)}.poster-grid{max-width:2100px;margin:auto}.hero-art{object-position:center 45%}}
@media(max-width:1100px) and (min-width:801px){header{height:98px;padding:0 5%}.brand{font-size:26px;gap:10px}.brand small{font-size:10px;letter-spacing:5px}.logo{width:70px;height:70px;flex-basis:70px}.logo img{width:118px;height:118px;left:-24px;top:-23px}nav{gap:30px;font-size:16px}.hero-copy{padding-left:5%}.hero-copy h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:56%}.poster-copy{left:28px;right:30px;bottom:24px}.poster-copy h3{font-size:18px}.poster-status{font-size:10px;padding:6px 9px;gap:5px}}
@media(max-width:800px){header{height:86px;padding:0 5%}.brand{font-size:24px;gap:8px}.brand small{font-size:9px;letter-spacing:4px;margin-top:5px}.logo{width:64px;height:64px;flex-basis:64px}.logo img{width:108px;height:108px;left:-22px;top:-21px}.menu{display:block;color:#ffe0a0;border-radius:5px;padding:10px 12px;font-size:12px}nav{top:85px;background:#080704fa;gap:23px;padding:25px 7%;border-bottom:1px solid #c3974b55;font-size:19px}.hero{height:660px;min-height:0}.hero-art{height:330px;width:100%;top:auto;bottom:0;object-fit:cover;object-position:right center}.hero:after{background:linear-gradient(180deg,#000 0,#000 38%,transparent 63%)}.hero-copy{padding:42px 7% 0;display:block}.hero-copy h1{font-size:clamp(38px,6.7vw,54px);line-height:1.08;letter-spacing:-1.7px;margin-bottom:18px}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:480px;line-height:1.5}.hero .button{font-size:15px;min-height:50px;padding:12px 24px;gap:30px;margin-top:22px}.poster-grid{grid-template-columns:1fr;max-width:620px}.poster-card,.poster-card:first-child,.poster-card:last-child{width:100%;clip-path:none;height:auto;aspect-ratio:4/5;border-bottom:1px solid #dfba60}.poster-card:last-child{border-bottom:0}.panel-edge{display:none}.poster-copy{left:7%;right:7%;bottom:32px}.poster-copy h3{font-size:25px}.poster-status{font-size:13px;padding:7px 15px}.platform-strip{gap:19px;margin-top:16px}.platform-strip>a,.platform-symbol{width:34px;height:36px}.cinema-games{border-bottom:0}.poster-art{object-fit:cover}.studio-mark{margin:auto;max-width:340px}.fleet-stage>img{max-width:70%}.orbit{max-width:100%;max-height:100%}}
@media(max-width:420px){header{padding:0 4%;height:80px}.brand{font-size:20px;gap:4px}.brand small{font-size:8px;letter-spacing:3px}.logo{width:56px;height:60px;flex-basis:56px}.logo img{width:96px;height:96px;left:-20px;top:-18px}.menu{padding:9px;font-size:11px}nav{top:79px}.hero{height:615px}.hero-copy{padding-top:35px}.hero-copy h1{font-size:38px;letter-spacing:-1.6px}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:300px}.hero-art{height:290px}.hero .button{font-size:14px;padding:11px 20px}.poster-copy{bottom:24px}.poster-copy h3{font-size:21px}.poster-status{font-size:12px}.platform-strip{margin-top:12px}.platform-strip>a,.platform-symbol{width:29px;height:32px}}
@media(max-width:800px){.poster-grid{margin-inline:auto}.poster-card,.poster-card:first-child,.poster-card:last-child{aspect-ratio:4/5.5}.poster-art{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.poster-art,.hero .button{transition:none}}

/* Continuous Galaxy artwork, with the original high-resolution wordmark. */
.galaxy-launch{position:relative;isolation:isolate;background:#010816;border-block:1px solid #69b9f03b;overflow:hidden}
.galaxy-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
.galaxy-launch:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#010715e6 0%,#010715bb 27%,#01071520 54%,transparent 70%),linear-gradient(0deg,#01081675,transparent 22%)}
.galaxy-launch-inner{max-width:1660px;margin:auto;min-height:clamp(700px,47vw,880px);padding:70px 6%;display:flex;align-items:center}
.galaxy-launch-copy{width:44%;max-width:590px;position:relative}
.galaxy-wordmark{display:block;width:370px;max-width:94%;height:auto;margin:0 0 29px;filter:drop-shadow(0 3px 12px #001325)}
.galaxy-launch h2{font-family:'DM Sans',sans-serif;font-size:clamp(44px,4.5vw,69px);font-weight:700;line-height:1.04;letter-spacing:-2.6px;margin-bottom:22px;color:#f4f9ff;text-shadow:0 2px 16px #0008}
.galaxy-launch h2 em{font-weight:700;font-style:normal;background:linear-gradient(#fff0af,#efb93c);background-clip:text;-webkit-background-clip:text;color:transparent}
.galaxy-intro{font-size:15px;line-height:1.8;max-width:340px;color:#c7d6e8;margin-bottom:24px;text-shadow:0 2px 10px #000}
.galaxy-launch .store-badges{margin:0;gap:12px}.galaxy-launch .store-badge{min-width:150px;padding:11px 14px;background:#020711b8;border-color:#7cb9e24d;backdrop-filter:blur(8px)}.galaxy-launch .store-badge strong{font-size:17px}
.pip-launch-date{flex:0 0 auto;padding:8px 0 8px 25px;border-left:1px solid #7cdee750}.pip-launch-date .release-status{color:#a7f2f0;border-color:#7cdee760;margin-bottom:14px}.pip-launch-date strong{display:block;color:#fff;font-size:25px;letter-spacing:-.5px;margin-bottom:7px}.pip-launch-date strong{max-width:360px;line-height:1.3}.pip-launch-date time{font:inherit;color:inherit}
@media(max-width:1000px) and (min-width:701px){.galaxy-launch-inner{padding-inline:5%;min-height:650px}.galaxy-launch-copy{width:47%}.galaxy-wordmark{width:310px}.galaxy-launch h2{font-size:48px}.galaxy-launch .store-badges{gap:8px}.galaxy-launch .store-badge{min-width:130px;padding:9px 10px}.galaxy-launch .store-badge strong{font-size:15px}}
@media(max-width:800px){.pip-launch-date{margin-top:28px;padding-left:18px}.pip-detail .pip-launch-date .release-status{margin-top:0}.pip-launch-date strong{font-size:23px}}
@media(max-width:700px){.galaxy-launch-inner{display:block;min-height:0;padding:55px 7% calc(43vw + 165px)}.galaxy-launch-copy{width:100%;max-width:500px}.galaxy-wordmark{width:310px;max-width:94%;margin-bottom:25px}.galaxy-launch h2{font-size:clamp(43px,10vw,60px);letter-spacing:-2px}.galaxy-intro{max-width:360px;font-size:14px}.galaxy-scene{top:auto;bottom:0;left:-70%;width:170%;height:auto;max-width:none;object-fit:initial;mask-image:linear-gradient(180deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%)}.galaxy-launch:after{background:linear-gradient(180deg,#010816 0%,#010816 35%,#010816c9 48%,transparent 74%,#01081625)}.galaxy-launch .store-badge{min-width:140px;padding:10px 12px}.galaxy-launch .store-badge strong{font-size:16px}}