/* V145 — Dedicated mural JPEG scroll-scrub hero.
   Mirrors the proven V137 landing-page architecture with mural-specific class names.
   Uses a visible JPG fallback under the canvas so a failed script never produces a black hero. */
body.page-murals main{overflow:visible!important}
body.page-murals{overflow-x:clip!important}
.v145-mural-hero{--v145-accent:#36e3dd;--v145-orange:#ff8b3d;position:relative;height:650vh;min-height:4200px;background:#02070a;color:#fff;isolation:isolate;overflow:visible!important}
.v145-mural-sticky{position:sticky!important;position:-webkit-sticky!important;top:0!important;height:100vh;height:100dvh;min-height:640px;overflow:hidden!important;background:#061015;transform:none!important;contain:none!important}
#v145MuralCanvas,.v145-mural-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#v145MuralCanvas{z-index:1;opacity:0;transition:opacity .22s ease;background:#061015}
.v145-mural-fallback{z-index:0;display:block;opacity:1;transition:opacity .25s ease}
.v145-mural-hero.is-sequence-ready #v145MuralCanvas{opacity:1}
.v145-mural-hero.is-sequence-ready .v145-mural-fallback{opacity:0}
.v145-mural-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,8,11,.82) 0%,rgba(2,8,11,.55) 29%,rgba(2,8,11,.10) 58%,rgba(2,8,11,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 28%,transparent 69%,rgba(0,0,0,.72));pointer-events:none}
.v145-mural-topline{position:absolute;z-index:5;top:calc(var(--header-height,76px) + 16px);left:clamp(22px,4vw,72px);right:clamp(22px,4vw,72px);display:flex;justify-content:space-between;gap:20px;font:900 10px/1.2 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--v145-accent);text-shadow:0 2px 12px rgba(0,0,0,.65)}
.v145-mural-topline span:last-child{color:rgba(255,255,255,.76)}
.v145-mural-copy{position:absolute;z-index:6;left:clamp(24px,5vw,92px);top:50%;transform:translateY(-47%);width:min(690px,50vw);will-change:opacity,transform;transition:opacity .12s linear}
.v145-mural-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--v145-accent);font:900 clamp(10px,1vw,13px)/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.v145-mural-eyebrow::before{content:"";width:38px;height:2px;background:var(--v145-orange)}
.v145-mural-copy h1,.v145-mural-copy h1::before,.v145-mural-copy h1::after{content:none}
.v145-mural-copy h1{display:block!important;position:static!important;margin:0!important;padding:0!important;max-width:820px!important;color:#fff!important;background:none!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:#fff!important;text-shadow:0 5px 28px rgba(0,0,0,.65)!important;font-family:Arial Black,Arial,sans-serif!important;font-size:clamp(3.4rem,6.4vw,7.5rem)!important;font-weight:900!important;line-height:.88!important;letter-spacing:-.045em!important;text-transform:uppercase!important;filter:none!important}
.v145-mural-copy h1 em{display:block;color:var(--v145-orange)!important;-webkit-text-fill-color:var(--v145-orange)!important;font:inherit!important;font-style:normal!important;background:none!important;-webkit-text-stroke:0!important}
.v145-mural-copy p{max-width:640px;margin:18px 0 0;color:rgba(247,250,252,.94);font:500 clamp(1rem,1.22vw,1.16rem)/1.57 Arial,sans-serif;text-shadow:0 2px 12px #000}
.v145-mural-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.v145-mural-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(4,11,16,.62);color:#fff!important;text-decoration:none!important;font:900 .69rem/1 Arial,sans-serif;letter-spacing:.075em;backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.v145-mural-actions a:hover{transform:translateY(-2px);border-color:var(--v145-accent)}
.v145-mural-actions .primary{background:var(--v145-accent);border-color:var(--v145-accent);color:#051117!important;box-shadow:0 10px 32px rgba(54,227,221,.22)}
.v145-mural-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.v145-mural-facts span{color:rgba(255,255,255,.84);font:800 .62rem/1.2 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.v145-mural-facts b{color:var(--v145-accent);margin-right:5px}
.v145-mural-contact{position:absolute;z-index:7;right:clamp(22px,3.5vw,64px);top:50%;transform:translateY(-45%);width:min(255px,21vw);display:grid;gap:7px;transition:opacity .12s linear;will-change:opacity}
.v145-mural-contact>span{padding:0 3px 6px;color:var(--v145-orange);font:900 .6rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.v145-mural-contact a{display:grid;gap:4px;padding:11px 13px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(3,9,14,.6);backdrop-filter:blur(10px);color:#fff!important;text-decoration:none!important}
.v145-mural-contact a:hover{border-color:var(--v145-accent);background:rgba(4,21,25,.78)}
.v145-mural-contact small{color:var(--v145-accent);font:900 .54rem/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.v145-mural-contact b{font:900 .68rem/1.25 Arial,sans-serif;overflow-wrap:anywhere}
.v145-mural-final{position:absolute;z-index:8;left:50%;top:49%;transform:translate(-50%,-50%);width:min(800px,calc(100% - 40px));padding:clamp(25px,4vw,46px);border:1px solid rgba(255,255,255,.22);border-radius:25px;background:rgba(3,9,14,.73);backdrop-filter:blur(14px);text-align:center;opacity:0;pointer-events:none;box-shadow:0 26px 90px rgba(0,0,0,.32);will-change:opacity,transform}
.v145-mural-final small{display:block;margin-bottom:11px;color:var(--v145-accent);font:900 .68rem/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.v145-mural-final h2{margin:0!important;color:#fff!important;font:900 clamp(2.25rem,5vw,5rem)/.93 Arial Black,Arial,sans-serif!important;letter-spacing:-.045em!important;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.6)}
.v145-mural-final p{max-width:620px;margin:16px auto 0;color:rgba(255,255,255,.88);font:600 clamp(.9rem,1.2vw,1.06rem)/1.5 Arial,sans-serif}
.v145-mural-final .v145-mural-actions{justify-content:center}
.v145-mural-story{position:absolute;z-index:8;left:clamp(22px,4vw,72px);right:clamp(22px,4vw,72px);bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;color:rgba(255,255,255,.43);font:900 .58rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 10px #000}
.v145-mural-story span{position:relative;padding-bottom:7px}.v145-mural-story span.active{color:#fff}.v145-mural-story span.active::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--v145-accent)}
.v145-mural-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.13);overflow:hidden}.v145-mural-progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--v145-accent),var(--v145-orange))}
.v145-mural-scroll{position:absolute;z-index:8;right:clamp(22px,4vw,72px);bottom:58px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font:900 .55rem/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 8px #000}.v145-mural-scroll i{width:34px;height:1px;background:var(--v145-accent)}
.v145-mural-loading{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:rgba(2,9,13,.55);color:#fff;font:800 .62rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:opacity .25s ease}
.v145-mural-loading::before{content:"";width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--v145-accent);animation:v145spin .8s linear infinite}.v145-mural-loading.ready{opacity:0;pointer-events:none}@keyframes v145spin{to{transform:rotate(360deg)}}
.v145-mural-static-note{display:none}

@media(max-width:900px){
 .v145-mural-hero{height:520vh;min-height:3000px}.v145-mural-sticky{min-height:600px}
 .v145-mural-topline span:last-child,.v145-mural-contact{display:none}
 .v145-mural-copy{left:18px;right:18px;top:auto;bottom:90px;transform:none!important;width:auto}
 .v145-mural-copy h1{font-size:clamp(2.75rem,11.5vw,5rem)!important;letter-spacing:-.025em!important}
 .v145-mural-copy p{max-width:94%;font-size:.95rem;line-height:1.48}.v145-mural-facts{display:none}.v145-mural-actions{margin-top:16px}
 .v145-mural-story{left:16px;right:16px;bottom:19px}.v145-mural-story span{text-align:center;font-size:.5rem}
 .v145-mural-scroll{display:none}.v145-mural-shade{background:linear-gradient(180deg,rgba(2,8,11,.18),rgba(2,8,11,.05) 38%,rgba(2,8,11,.82) 67%,rgba(2,8,11,.96))}
 .v145-mural-final{top:auto;bottom:73px;transform:translate(-50%,0)!important;padding:24px 18px;border-radius:18px}.v145-mural-final h2{font-size:clamp(2rem,10vw,3.4rem)!important}
}
@media(max-width:560px){
 .v145-mural-hero{height:500vh;min-height:2700px}.v145-mural-copy h1{font-size:clamp(2.45rem,12.4vw,3.8rem)!important}.v145-mural-copy p{font-size:.88rem}
 .v145-mural-actions{display:grid;grid-template-columns:1fr 1fr}.v145-mural-actions a{padding:10px 11px;font-size:.61rem}.v145-mural-actions .primary{grid-column:1/-1}
 .v145-mural-story span{font-size:.42rem}.v145-mural-final .v145-mural-actions{display:grid;grid-template-columns:1fr}.v145-mural-final .v145-mural-actions .primary{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 .v145-mural-hero{height:auto;min-height:780px}.v145-mural-sticky{position:relative!important;height:780px;min-height:780px}.v145-mural-fallback{display:block!important;opacity:1!important}#v145MuralCanvas{display:none!important}.v145-mural-loading,.v145-mural-scroll,.v145-mural-story,.v145-mural-final{display:none}.v145-mural-copy{opacity:1!important;pointer-events:auto!important}.v145-mural-static-note{display:block}
}
