/* Jinxing — industrial technology direction, 2026-10-22 */
:root{--tech-blue:#6cbcf0;--tech-gold:#d8b467;--tech-dark:#0c1823;--paper:#eff3f5}
body,.header{background:var(--paper)}
.cinema-home,.industrial-stage,footer,.cinema-contact{background:var(--tech-dark)}
.cinema-home .header{background:linear-gradient(180deg,#081724e6,#08172480);border-bottom:1px solid #ffffff24;backdrop-filter:blur(14px)}
.header .nav-contact{border-radius:0;border-color:#89afc5}
.opening .cinema-shade{background:linear-gradient(90deg,#061725de 0%,#071c2c80 50%,#071b2815 100%),linear-gradient(0deg,#071827cc,transparent 45%)}
.opening-title{text-align:left;left:8%;right:8%;top:29%;max-width:850px;text-shadow:none}
.opening-title>span{color:#a7daf8;border-left:24px solid var(--tech-gold);padding-left:16px;letter-spacing:.23em}
.opening-title h1{font-size:clamp(46px,6.2vw,92px);font-weight:600;line-height:1.18;letter-spacing:.015em;margin:28px 0}
.opening-title p{color:#d6e6ee;letter-spacing:.15em}
.opening-bottom{text-align:left;left:8%;right:8%;bottom:48px}.opening-bottom>p{color:#c2d4df}.opening .cinema-actions{justify-content:flex-start}.opening .down-cue{margin:24px 0 0}.opening .image-credit{bottom:48px}
.opening:after{content:'';position:absolute;right:5%;top:22%;bottom:23%;width:9%;border-right:1px solid #b9e4ff60;border-top:1px solid #b9e4ff60;border-bottom:1px solid #b9e4ff60;pointer-events:none}
.solid-action{background:#b8def4;border-color:#b8def4;color:#102332;border-radius:0}.solid-action:hover{background:white;border-color:white;transform:translateY(-2px)}.outline-action{border-radius:0;border-color:#95bfd080}.outline-action:hover{background:#dceefa;color:#102332;transform:translateY(-2px)}
.overline{color:var(--tech-blue);letter-spacing:.22em}.industrial-stage{position:relative;background-image:linear-gradient(#83b7d509 1px,transparent 1px),linear-gradient(90deg,#83b7d509 1px,transparent 1px);background-size:64px 64px;padding-top:120px;padding-bottom:120px}
.stage-heading{text-align:left}.stage-heading h2{font-weight:550;letter-spacing:0}.industrial-tabs{justify-content:flex-start;border-bottom:1px solid #789cb333;gap:44px}.industrial-tabs button[aria-selected=true]{border-color:var(--tech-gold);color:#bbdef5}.industrial-frame{border:1px solid #749bb54d;box-shadow:0 30px 80px #0003}.industry-copy>span{color:#a8d5ef}.industry-overlay{background:linear-gradient(90deg,#071624e8,transparent 90%)}
.responsible-panel{background:linear-gradient(120deg,#142a39,#0d1d2b);position:relative}.responsible-panel h2>span{color:#83a8c0}.responsible-grid{gap:24px}.responsible-grid article{padding:30px;border:1px solid #718fa640;background:#ffffff03;transition:background .3s,border-color .3s,transform .3s}.responsible-grid article:hover{background:#85bcdb0c;border-color:#83b7d5;transform:translateY(-4px)}.responsible-grid article>span{color:var(--tech-gold);font-family:monospace}
.cinema-news{background:#eff3f5;color:#152735}.cinema-news .overline{color:#376986}.cinema-news h3{color:#152735}.cinema-news time{font-family:monospace;letter-spacing:.08em;color:#48687c}.cinema-news .news-row{border-color:#c4d2dc;transition:padding .25s}.cinema-news .news-row:hover{padding-left:12px}.cinema-news .outline-action{border-color:#557b92;color:#183b51}.cinema-contact{background:radial-gradient(ellipse at 50% 100%,#203f53,transparent 65%),#0c1823}.cinema-contact h2{letter-spacing:.03em}footer{border-color:#375064}.page-hero,.dark-section{background:#102331}.cta{background:#e0eaf0}.filters button[aria-pressed=true],.apply-button{background:#183b51;border-color:#183b51}
a:focus-visible,button:focus-visible{outline:2px solid #5dafe2;outline-offset:6px}
@media(max-width:900px){.cinema-home .nav{background:#0c1823}.opening-title{top:25%}.opening:after{display:none}}
@media(max-width:600px){.opening-title{left:6%;right:6%;top:24%}.opening-title h1{font-size:clamp(35px,9vw,52px);line-height:1.3;margin:22px 0}.opening-title>span{font-size:8px;letter-spacing:.08em;border-left-width:12px;padding-left:10px}.opening-title p{font-size:11px;letter-spacing:.04em}.opening-bottom{left:6%;right:6%;bottom:24px}.opening-bottom>p{margin:0 0 20px}.opening .image-credit{bottom:184px}.opening .cinema-shade{background:linear-gradient(90deg,#071827c9,#07182745),linear-gradient(0deg,#071827e8,transparent 65%)}.industrial-stage{padding:64px 0 0}.industrial-tabs{margin-left:7%;margin-right:7%;gap:24px}.responsible-grid article{padding:24px}.responsible-panel h2{font-size:39px}.cinema-news .news-row:hover{padding-left:0}}
@media(prefers-reduced-motion:reduce){.responsible-grid article:hover,.solid-action:hover,.outline-action:hover{transform:none}}