/* JME Creative Studio Film — responsive cinematic brand showcase */
.hero.section-dark{overflow:hidden}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1.06fr);gap:clamp(26px,4vw,64px);align-items:center;min-height:560px}
.hero-copy{padding-bottom:55px}
.hero-art.jme-film-stage{height:auto;min-width:0;position:relative;display:block;isolation:isolate;animation:none}
.jme-film-stage::before{content:"";position:absolute;left:-11%;right:-10%;top:-15%;bottom:-14%;border-radius:50%;background:radial-gradient(circle,#0a96ff40 0%,#0b3b9540 40%,transparent 69%);filter:blur(22px);z-index:-1;pointer-events:none}
.jme-film-outline{position:relative;border:1px solid #83d8ff69;background:linear-gradient(145deg,#124882,#071c43);padding:7px;border-radius:22px;box-shadow:0 38px 90px #0009,0 0 0 1px #67d8ff18,inset 0 1px #ffffff4d;overflow:hidden}
.jme-film-viewport{position:relative;border-radius:16px;overflow:hidden;background:#102a58;aspect-ratio:16/9}
.jme-film-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#102a58}
.jme-film-viewport::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#061a40cc 0%,transparent 38%,#061a4055 100%)}
.jme-film-topline{position:absolute;z-index:3;top:19px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}
.jme-film-label{font:800 10px/1.2 var(--ff);letter-spacing:.18em;text-transform:uppercase;color:white;text-shadow:0 2px 12px #000;display:flex;align-items:center;gap:8px}
.jme-film-label::before{content:"";width:6px;height:6px;display:block;background:#36ddff;border-radius:50%;box-shadow:0 0 12px #20caff}
.jme-film-number{font:700 10px var(--body);color:#e0f8ff;background:#08285799;border:1px solid #72d7ff52;border-radius:50px;padding:7px 10px;backdrop-filter:blur(10px)}
.jme-film-footer{position:absolute;z-index:3;bottom:17px;left:19px;right:17px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.jme-film-footer-text strong{display:block;font:700 clamp(16px,2.1vw,28px)/1.12 var(--ff);letter-spacing:-.04em;color:white;text-shadow:0 2px 12px #000b}
.jme-film-footer-text span{display:block;margin-top:6px;color:#a9e7ff;font:600 10px var(--body);letter-spacing:.12em;text-transform:uppercase}
.jme-film-controls{display:flex;align-items:center;gap:8px}
.jme-film-control{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid #b1eeff80;background:#08234cd9;color:white;backdrop-filter:blur(10px);font-size:19px;cursor:pointer;transition:background .2s,transform .2s}
.jme-film-control:hover{background:#107ed5;transform:scale(1.08)}
.jme-film-control:focus-visible{outline:3px solid #20caff;outline-offset:2px}
.jme-film-below{padding:15px 4px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.jme-film-caption{margin:0;font-size:10px;letter-spacing:.025em;color:#b7d3f3;line-height:1.5}
.jme-film-caption a{color:#c1ebff;text-decoration:underline;text-underline-offset:3px}
.jme-film-below .film-bottom-brand{display:flex;gap:8px;align-items:center;color:#96dbff;font:800 10px var(--ff);letter-spacing:.17em;text-transform:uppercase}
.jme-film-below .film-bottom-brand::before{content:"✦";color:#2ad4ff;font-size:16px}
.jme-film-aux{position:absolute;right:-17px;top:-24px;z-index:5;font:800 10px var(--ff);letter-spacing:.16em;background:#21caff;color:#041633;padding:12px 18px;border-radius:100px;transform:rotate(7deg);box-shadow:0 8px 25px #0005}
.jme-hero-prelude{display:inline-flex;gap:8px;align-items:center;color:#a9dcff;font:700 11px var(--ff);letter-spacing:.06em;margin-top:22px}
.jme-hero-prelude span{width:25px;height:1px;background:#20caff}
@media(min-width:1100px){.hero h1{font-size:clamp(55px,5vw,82px);max-width:700px}.hero-grid{gap:50px}}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:35px}.hero-art.jme-film-stage{width:min(100%,740px);margin:0 auto 38px}.hero{padding-top:145px}.jme-film-footer-text strong{font-size:clamp(18px,3.3vw,30px)}}
@media(max-width:640px){.hero{padding-top:128px}.hero-grid{gap:12px}.hero-copy{padding-bottom:28px}.hero-art.jme-film-stage{margin:0 auto 30px}.jme-film-outline{border-radius:16px;padding:5px}.jme-film-viewport{border-radius:12px}.jme-film-topline{top:12px;left:12px;right:12px}.jme-film-footer{bottom:11px;left:12px;right:12px}.jme-film-control{width:36px;height:36px;font-size:16px}.jme-film-footer-text span{font-size:8px}.jme-film-footer-text strong{font-size:17px}.jme-film-aux{display:none}.jme-film-below{padding:10px 0 0}.jme-film-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.jme-film-outline,.jme-film-control{animation:none!important;transition:none!important}}