*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#173b55;background:#e9eff4}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}nav{height:76px;display:flex;align-items:center;justify-content:center;gap:10px;background:#eef3f8}nav button{border:1px solid #c9d7e4;background:white;border-radius:10px;padding:10px 17px;color:#24475f;font:600 14px Arial}nav button[aria-pressed=true]{background:#183e5c;color:#fff;border-color:#183e5c}.scene{min-height:calc(100svh - 76px);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:72px 28px;background:#eef4f9}.scene:before{content:'';position:absolute;inset:-4%;z-index:-3;background:url('assets/production-workshop.webp') center/cover;animation:drift 26s ease-in-out infinite alternate;filter:saturate(.55)}.scene:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#edf5f9e8,#f8fafde0 48%,#d9e8f0c9)}.content{width:min(840px,100%);text-align:center;position:relative;animation:enter .9s both}.logo{width:145px;height:145px;object-fit:cover;border-radius:24px;box-shadow:0 14px 45px #153c5620;margin:0 auto 26px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:#4c7798;margin:0 0 13px}h1{font-size:clamp(28px,4vw,43px);font-weight:600;letter-spacing:-1.3px;margin:0}p{font-size:15px;color:#5b7387;line-height:1.7;margin:15px 0 36px}.portals{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}.portal{display:flex;align-items:center;gap:17px;text-decoration:none;color:#173b55;padding:29px 25px;min-height:140px;background:#ffffffed;border:1px solid #d1e0eb;border-radius:17px;box-shadow:0 12px 40px #1b4a6410;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:enter .9s .15s both}.portal:nth-child(2){animation-delay:.28s}.portal:first-child{background:#193f5f;color:#fff;border-color:#315771}.portal:hover{transform:translateY(-6px);box-shadow:0 20px 45px #183d5a30}.portal:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff24 45%,transparent 70%);transform:translateX(-160%);transition:transform .7s}.portal:hover:after{transform:translateX(160%)}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7eff7;color:#315d7c;flex-shrink:0}.portal:first-child .icon{background:#315a79;color:white}.portal svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.portal strong{font-size:22px;font-weight:600;display:block}.portal small{display:block;font-size:12px;color:#607c91;margin-top:9px}.portal:first-child small{color:#ccdce9}.arrow{margin-left:auto;font-size:24px;font-weight:400}.bottom{margin-top:43px;font-size:11px;letter-spacing:1px;color:#688298}.address{position:absolute;top:23px;right:28px;font-size:11px;color:#5a768d;letter-spacing:.3px}.orb{position:absolute;z-index:-1;width:400px;height:400px;border-radius:50%;background:#57a5d226;filter:blur(65px);right:-150px;bottom:-180px;animation:glow 9s infinite alternate;pointer-events:none}.glass:after{background:linear-gradient(120deg,#e6f0f789,#f4f9ffb0)}.glass .content{padding:45px 38px;background:#ffffffb8;border:1px solid #ffffffd9;border-radius:28px;backdrop-filter:blur(17px);box-shadow:0 25px 80px #153e5b25}.glass .logo{width:120px;height:120px;margin-bottom:22px}.glass h1{font-size:34px}.cinema{color:#f2f8ff}.cinema:before{filter:saturate(.7)}.cinema:after{background:linear-gradient(115deg,#061c31ec,#102e47ce 50%,#112f47e8)}.cinema .eyebrow,.cinema p,.cinema .bottom,.cinema .address{color:#abc7db}.cinema .logo{box-shadow:0 0 65px #5aa5e33b}.cinema .portal{background:#173f5be6;color:#f0f8ff;border-color:#527e9a70;backdrop-filter:blur(10px)}.cinema .portal small{color:#c0d3e1}.cinema .portal:first-child{background:#f5f9ff;color:#183f5f;border-color:white}.cinema .portal:first-child small{color:#58748a}.cinema .orb{background:#2485d451;width:600px;height:600px}.blue:after{background:linear-gradient(140deg,#d9e9f7f0,#f5faffdb 50%,#c4dcecdb)}.blue .content:before{content:'';position:absolute;width:150px;height:2px;background:linear-gradient(90deg,transparent,#6594b9,transparent);top:-30px;left:calc(50% - 75px)}.blue .portal{border-radius:7px;border-bottom:3px solid #6792b3}.blue .logo{border-radius:50%;border:6px solid #ffffffa8}.blue .orb{background:#378ed13b;left:-170px;top:-140px;bottom:auto;right:auto}.blue .scene-lines{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(120deg,transparent 0px,transparent 160px,#ffffff45 161px,transparent 162px);pointer-events:none}.scene[hidden]{display:none}a:focus-visible,button:focus-visible{outline:3px solid #4196d6;outline-offset:5px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07) translateX(-.8%)}}@keyframes glow{from{opacity:.4;transform:translate(0,0)}to{opacity:1;transform:translate(-60px,-35px)}}@media(max-width:620px){nav{height:70px;gap:7px}nav button{padding:10px 14px}.scene{min-height:calc(100svh - 70px);padding:70px 18px 38px}.portals{grid-template-columns:1fr;gap:14px}.portal{min-height:108px;padding:22px}.logo{width:115px;height:115px}.glass .content{padding:30px 18px}.glass h1{font-size:27px}.address{left:0;right:0;text-align:center;font-size:10px}.bottom{margin-top:28px}.portal strong{font-size:20px}p{font-size:14px;margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.scene{min-height:100svh}@media(max-width:620px){.scene{min-height:100svh}}

/* Keep moving layers compositor-only; avoid repainting full-screen filters. */
.scene:before,.cinema:before{background-image:url('assets/production-background.webp');filter:none;inset:-2%;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);animation:background-pan 48s ease-in-out infinite alternate}
.cinema .portal{backdrop-filter:none;background:#173f5bf5}
.orb,.cinema .orb{width:560px;height:560px;background:radial-gradient(ellipse,rgba(36,133,212,.22) 0%,rgba(36,133,212,.09) 35%,transparent 70%);filter:none;animation:ambient-light 18s ease-in-out infinite alternate;will-change:opacity;transform:none;contain:strict}
@keyframes background-pan{from{transform:translate3d(-.35%,0,0) scale(1.012)}to{transform:translate3d(.35%,-.25%,0) scale(1.025)}}
@keyframes ambient-light{from{opacity:.4}to{opacity:.8}}
.page-idle .scene:before,.page-idle .orb{animation-play-state:paused}
@media(max-width:620px){.scene:before{animation:none;will-change:auto}.orb,.cinema .orb{width:340px;height:340px;animation:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){.scene:before,.orb{animation:none!important;will-change:auto}}

/* Static backdrop and a legible silver ERP surface. */
.scene:before,.cinema:before{animation:none!important;transform:none!important;will-change:auto}
.orb,.cinema .orb{animation:none!important;opacity:.55;will-change:auto}
.cinema .portal:first-child{background:linear-gradient(115deg,#9aabb9 0%,#d7e0e7 24%,#f0f4f7 42%,#becbd6 63%,#e0e7ec 82%,#a2b4c2 100%);border:1px solid #bacbd8;box-shadow:inset 0 1px 0 #ffffffbd,inset 0 -2px 0 #617b9166,0 12px 34px #04192c45;color:#15364f}
.cinema .portal:first-child small{color:#38576f}
.cinema .portal:first-child .icon{background:#254d6d;color:#f3f8fc;box-shadow:inset 0 1px 0 #ffffff26}
.cinema .portal:first-child:after{background:linear-gradient(110deg,transparent 20%,#ffffff38 45%,transparent 70%)}