.universe-gateway{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:15px;padding-bottom:30px}
.universe-gateway>a{display:flex;align-items:center;gap:25px;padding:30px;border:1px solid #5e35714d;border-radius:8px;background:linear-gradient(135deg,#1b2030,#171b27);transition:transform .25s,border-color .25s}
.universe-gateway>a:hover{transform:translateY(-4px);border-color:#af60d9}
.universe-gateway h2{font-size:27px;line-height:1.1;margin:10px 0!important}
.universe-gateway p{font-size:11px;line-height:1.8;margin:0}
.universe-gateway .eyebrow{font-size:7px;letter-spacing:1.7px}
.gateway-symbol{font-size:64px;color:#b44be8;line-height:1}.code-symbol{font-size:38px;font-weight:900;letter-spacing:-3px}
.cinematic-store .nav nav{gap:20px;font-size:9px;letter-spacing:1px}
.scripts-page{padding-bottom:70px}
.script-breadcrumb{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.1px;color:#897e93;padding-top:28px;text-transform:uppercase}
.script-breadcrumb a{color:#c4b8d0}
.scripts-hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:470px;padding-top:45px;padding-bottom:65px;border-bottom:1px solid #ffffff10;isolation:isolate}
.scripts-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 65%,#3d174831,transparent 65%)}
.scripts-hero-copy{position:relative;z-index:1}
.scripts-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,7.2vw,105px);line-height:.91;font-weight:900;letter-spacing:-1.5px;margin:24px 0 20px;white-space:nowrap}
.scripts-hero h1 em{color:#b64aee;font-style:normal}
.scripts-hero p{font-size:13px;line-height:1.8;color:#b2a7be;margin:0 0 27px;max-width:350px}
.scripts-hero-art{aspect-ratio:16/9;background:url('scripts-artwork.png') 0% 0%/200% 200% no-repeat;transform:scale(1.07);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 96%,transparent)}
.scripts-collection{padding-top:55px;padding-bottom:55px}
.scripts-collection-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.scripts-collection h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:47px;line-height:1;letter-spacing:-.7px;margin:12px 0 0}
.scripts-frameworks{text-align:right}
.scripts-frameworks>.eyebrow{font-size:7px;letter-spacing:1.6px}
.scripts-frameworks>div{display:flex;gap:7px;margin-top:12px}
.scripts-frameworks>div>span{font-size:9px;min-width:69px;text-align:center;padding:7px 13px;border:1px solid #796a895e;border-radius:8px;color:#aea1bb}
.cinematic-store .scripts-search{width:100%;margin:0 0 20px;padding:13px 16px;font-size:12px}
.scripts-chips{margin-bottom:24px!important}
.scripts-chips .chip{min-width:105px}
.script-products:has(>.empty){display:block}
.script-products .empty{padding:15px 20px;border:1px solid #70448a47;border-radius:7px;background:#1a10215c;font-size:12px;color:#a591b3;margin:0 0 23px;line-height:1.7}
.script-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.script-concept{background:#171b27;border:1px solid #50325f7a;border-radius:8px;overflow:hidden;transition:transform .25s,border-color .25s}
.script-concept:hover{transform:translateY(-4px);border-color:#ab5bd1}
.script-concept-art{position:relative;aspect-ratio:16/9;background-image:url('scripts-artwork.png');background-size:200% 200%;background-repeat:no-repeat}
.script-concept-art>span{position:absolute;top:12px;left:12px;display:block;font-size:7px;letter-spacing:1px;font-weight:800;padding:6px 9px;border:1px solid #bb6be6a6;background:#110a1bce;color:#ddc0ed;border-radius:99px}
.script-concept-copy{padding:20px}
.script-concept h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:24px;margin:0 0 10px;line-height:1.1}
.script-concept p{font-size:11px;line-height:1.8;margin:0 0 20px;color:#a598b1;min-height:40px}
.concept-view{border:0;background:none;padding:0;font-size:9px;letter-spacing:1.2px;color:#ce8cf0;font-weight:800;cursor:pointer}
.concept-view:hover{color:#fff}
.script-concept-note{font-size:10px;line-height:1.8;color:#80718b;margin:21px 0 12px}
.script-interest{font-size:11px;color:#c48de0;line-height:1.8}
.scripts-return{display:flex;align-items:center;gap:24px;border:1px solid #793f985e;border-radius:8px;padding-top:22px;padding-bottom:22px;background:linear-gradient(110deg,#130d1c,#23112e4a,#171b27);margin-top:10px}
.return-cube{font-size:45px;color:#bc57ed;line-height:1}
.scripts-return h2{font-size:17px;letter-spacing:-.3px;margin:0 0 6px;line-height:1.3}
.scripts-return p{font-size:11px;margin:0;color:#9784a4;line-height:1.6}
.scripts-return .btn{margin-left:auto;white-space:nowrap}
.script-concept-dialog{background:#171b27;color:white;border:1px solid #8444a5;border-radius:12px;padding:26px;max-width:650px;width:calc(100% - 30px);max-height:90svh;overflow:auto}
.script-concept-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.concept-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}
.concept-close{color:#ddd;background:transparent;border:0;font-size:27px;cursor:pointer}
.concept-dialog-art{aspect-ratio:16/9;background:url('scripts-artwork.png') center/200% 200% no-repeat;border-radius:8px}
.script-concept-dialog h2{font-size:28px;letter-spacing:-.7px;margin:24px 0 15px}
.script-concept-dialog p{font-size:13px;line-height:1.8}
.script-concept-dialog .concept-notice{font-size:11px;color:#aa8fba;border-left:2px solid #b64aee;padding-left:15px;margin:23px 0}
.script-concepts[hidden],.script-concept[hidden],#no-concepts[hidden],.script-concept-note[hidden]{display:none}
.scripts-store .script-products:not(:has(>.empty)){grid-template-columns:repeat(3,minmax(0,1fr))}
.concept-view:focus-visible,.universe-gateway a:focus-visible,.concept-close:focus-visible{outline:2px solid #d799f4;outline-offset:5px}
@media(max-width:1100px){.cinematic-store .nav nav{gap:13px;font-size:8px;letter-spacing:.7px}.scripts-hero h1{font-size:80px}.scripts-collection h2{font-size:39px}.script-concept-copy{padding:17px}.scripts-return{margin-left:5vw;margin-right:5vw}.scripts-return h2{font-size:14px}}
@media(max-width:800px){.scripts-hero{grid-template-columns:1fr 1fr;min-height:390px}.scripts-hero h1{font-size:65px}.scripts-hero-art{transform:scale(1.1)}.scripts-collection-heading{align-items:start;flex-direction:column}.scripts-frameworks{text-align:left}.script-concepts{gap:12px}.script-concept h3{font-size:21px}.script-concept p{font-size:10px}.scripts-return{gap:15px;flex-wrap:wrap}.scripts-return .btn{margin-left:auto}.universe-gateway>a{padding:23px;gap:18px}.universe-gateway h2{font-size:23px}.gateway-symbol{font-size:47px}.code-symbol{font-size:29px}}
@media(max-width:650px){.cinematic-store .nav nav{gap:14px;font-size:8px;letter-spacing:.3px}.universe-gateway{grid-template-columns:1fr;gap:12px;padding-top:5px;padding-bottom:15px}.universe-gateway>a{padding:25px}.universe-gateway h2{font-size:27px}.scripts-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px;gap:5px}.scripts-hero h1{font-size:clamp(62px,16vw,93px);margin:20px 0}.scripts-hero p{font-size:12px}.scripts-hero-art{transform:none;max-width:550px;width:100%;margin:auto}.script-breadcrumb{font-size:8px;padding-top:22px}.scripts-collection{padding-top:35px;padding-bottom:35px}.scripts-collection h2{font-size:38px}.scripts-chips{gap:7px}.scripts-chips .chip{min-width:auto;font-size:9px;padding:9px 13px}.script-concepts{grid-template-columns:1fr;gap:20px}.script-concept h3{font-size:28px}.script-concept p{font-size:12px;min-height:0}.script-concept-copy{padding:23px}.script-concept-art>span{font-size:8px}.scripts-return{margin-left:6vw;margin-right:6vw;gap:15px;padding:22px}.scripts-return h2{font-size:14px}.scripts-return>div{flex:1;min-width:160px}.scripts-return .btn{margin:3px 0 0;width:100%}.scripts-frameworks>div>span{font-size:9px}.scripts-page{padding-bottom:45px}.scripts-store .script-products:not(:has(>.empty)){grid-template-columns:1fr}.scripts-hero .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.universe-gateway>a,.script-concept{transition:none}.universe-gateway>a:hover,.script-concept:hover{transform:none}}
