/* Hero-only scope: no header, footer, form, or other page selectors. */
#hia-live-hero{font-family:Manrope,Arial,sans-serif;color:#20201e;background:#f4f1e9;line-height:1.5;width:100%;padding-top:var(--hero-menu-gap,10px);overflow:clip}#hia-live-hero *{box-sizing:border-box}#hia-live-hero [hidden]{display:none!important}#hia-live-hero .st-showreel{position:relative;height:max(0px,calc(100svh - var(--hero-menu-space,125px)));min-height:0;overflow:hidden;background:#202b35;color:white;isolation:isolate}#hia-live-hero .st-background-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}#hia-live-hero .st-reel-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;letter-spacing:.06em}#hia-live-hero .st-reel-bottom small{display:inline-block;font-size:7px;color:#ffffffc9;margin-top:7px}#hia-live-hero .st-reel-bottom>a{color:white;text-decoration:none;font-size:28px;min-height:44px;min-width:44px;text-align:center}#hia-live-hero .st-film-toggle{border:1px solid #ffffffa6;border-radius:30px;color:white;background:#10172242;padding:9px 15px;font-size:9px;font-family:inherit;cursor:pointer;min-height:44px;min-width:100px}#hia-live-hero .st-hero-statement{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;padding:55px clamp(22px,5vw,80px);max-width:1680px;margin:auto;border-bottom:1px solid #cbc9c1}#hia-live-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4.7vw,70px);font-weight:600;line-height:1.08;letter-spacing:-.05em;margin:0;text-wrap:balance;overflow-wrap:break-word}#hia-live-hero h1 em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600}#hia-live-hero .st-hero-statement p{font-size:15px;line-height:1.8;margin:0 0 25px;color:#555a55}#hia-live-hero .st-sales-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}#hia-live-hero .st-outline-link{color:#20201e;border:1px solid currentColor;border-radius:40px;padding:14px 22px;font-size:11px;font-weight:700;display:inline-block;text-decoration:none;min-height:46px}#hia-live-hero .st-outline-link:hover{background:#20201e;color:#f4f1e9}#hia-live-hero .st-sales-secondary{color:#20201e;font-size:11px;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}#hia-live-hero a:focus-visible,#hia-live-hero button:focus-visible{outline:3px solid #4169ed;outline-offset:5px}#hia-live-hero .st-film-noscript{position:absolute;bottom:95px;left:5%;right:5%;font-size:12px;color:white}#hia-live-hero .st-film-noscript a{color:white}
@media(max-width:700px){#hia-live-hero{--hero-menu-space:100px}#hia-live-hero .st-background-film{object-position:center}#hia-live-hero .st-hero-statement{grid-template-columns:1fr;gap:26px;padding:35px 22px}#hia-live-hero h1{font-size:clamp(32px,8.5vw,48px)}#hia-live-hero .st-hero-statement p{font-size:13px}#hia-live-hero .st-reel-bottom{font-size:6px;left:20px;right:20px;gap:12px}#hia-live-hero .st-reel-bottom small{font-size:5px}#hia-live-hero .st-film-toggle{font-size:8px;min-width:85px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){#hia-live-hero *{animation:none!important;transition:none!important}}

/* Cinematic hero: the film fills the stage; readable HTML stays in its safe area. */
#hia-live-hero .st-film-caption{position:absolute;z-index:1;inset:30px 34px auto;display:flex;justify-content:space-between;gap:18px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-shadow:0 1px 12px #0008;pointer-events:none}



@media(max-width:700px){#hia-live-hero .st-film-caption{inset:22px 20px auto;font-size:8px}}

#hia-live-hero .st-film-caption{inset:22px 28px auto;font-size:10px;color:#fff;text-shadow:0 1px 5px #000b;max-width:calc(100% - 56px)}
#hia-live-hero .st-film-caption span{min-width:0;overflow-wrap:anywhere}
#hia-live-hero .st-service-message{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;font-size:clamp(17px,2.1vw,30px);font-weight:700;line-height:1.25;color:#fff;text-shadow:0 2px 10px #000a;overflow-wrap:break-word;pointer-events:none}
@media(max-width:700px){#hia-live-hero .st-film-caption{inset:20px 20px auto;max-width:calc(100% - 40px);font-size:8px}#hia-live-hero .st-service-message{left:20px;right:20px;bottom:25px;font-size:21px}}

#hia-live-hero .st-film-caption span{background:#14231fed;padding:6px 9px;text-shadow:none}
#hia-live-hero .st-service-message{background:#14231fed;padding:10px 14px;width:fit-content;max-width:calc(100% - 56px);right:auto;text-shadow:none}
@media(max-width:700px){#hia-live-hero .st-service-message{max-width:calc(100% - 40px)}}

#hia-live-hero .st-service-message{left:auto;right:28px;text-align:right}
@media(max-width:700px){#hia-live-hero .st-service-message{right:20px;bottom:100px;text-align:left}}

/* Original image assets stay intact; the collage is composed in CSS. */
#hia-live-hero .st-art-stage{background:#202119}
#hia-live-hero .st-art-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;overflow:hidden;isolation:isolate}
#hia-live-hero .st-art-panel.is-active{opacity:1;visibility:visible;z-index:1}
#hia-live-hero .st-art-main{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015)}
#hia-live-hero .st-art-cut{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:cover;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}
#hia-live-hero .st-art-sketch{position:absolute;right:9%;top:10%;width:31%;height:57%;background:#e9d5ab;transform:rotate(7deg);clip-path:polygon(3% 0,100% 5%,94% 100%,0 93%);box-shadow:0 20px 60px #0007}
#hia-live-hero .st-art-sketch img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.88}
#hia-live-hero .st-art-panel:nth-child(2) .st-art-sketch{right:10%;top:8%;transform:rotate(-9deg);width:38%;height:65%}
#hia-live-hero .st-art-panel:nth-child(3) .st-art-cut{width:52%;clip-path:polygon(50% 0,100% 0,100% 100%,0 100%)}
#hia-live-hero .st-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08111b0d 20%,#08111b30 45%,#08111bbd 100%)}
#hia-live-hero .st-art-title{position:absolute;left:6%;right:6%;bottom:12%;color:#fff;max-width:100%;text-shadow:0 2px 20px #0008}
#hia-live-hero .st-art-title>span{font-size:11px;font-weight:700;letter-spacing:.16em}
#hia-live-hero .st-art-title h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.02;font-size:clamp(42px,7vw,112px);margin:14px 0 17px;overflow-wrap:break-word;color:#fff}
#hia-live-hero .st-art-title p{font-size:clamp(13px,1.3vw,19px);margin:0;color:#fff;line-height:1.5}
#hia-live-hero .st-art-credits{position:absolute;right:22px;bottom:16px;z-index:3;max-width:min(360px,calc(100% - 100px));color:#fff;font-size:10px;text-align:right}
#hia-live-hero .st-art-credits summary{cursor:pointer;text-shadow:0 1px 5px #000;padding:8px}
#hia-live-hero .st-art-credits>div{position:absolute;bottom:100%;right:0;width:320px;max-width:calc(100vw - 44px);max-height:55svh;overflow:auto;background:#17221df5;padding:18px;text-align:left;box-shadow:0 8px 30px #0004}
#hia-live-hero .st-art-credits a{display:block;color:#fff;margin:0 0 10px;line-height:1.5}#hia-live-hero .st-art-credits small{font-size:9px;line-height:1.5;display:block}
@media(max-width:700px){#hia-live-hero .st-art-cut{width:70%;opacity:.7}#hia-live-hero .st-art-sketch{right:-4%;top:8%;width:65%;height:43%}#hia-live-hero .st-art-panel:nth-child(2) .st-art-sketch{right:-2%;top:8%;width:72%;height:48%}#hia-live-hero .st-art-title{left:24px;right:24px;bottom:16%}#hia-live-hero .st-art-title h2{font-size:clamp(40px,11vw,65px)}#hia-live-hero .st-art-title>span{font-size:9px}#hia-live-hero .st-art-credits{right:14px;bottom:20px}}
@media(max-height:480px) and (min-width:701px){#hia-live-hero .st-art-title{bottom:16%;left:4%}#hia-live-hero .st-art-title h2{font-size:46px;margin:8px 0}#hia-live-hero .st-art-title p{font-size:12px}}
@media(prefers-reduced-motion:reduce){#hia-live-hero .st-art-panel{transition:none}#hia-live-hero .st-art-main{transform:none}}

/* Painted service lettering lives in the artwork; no separate visible title. */
#hia-live-hero .st-art-fusion .st-art-panel{transition:opacity .12s linear,visibility .12s;isolation:isolate}
#hia-live-hero .st-art-fused{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
#hia-live-hero .st-art-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(prefers-reduced-motion:reduce){#hia-live-hero .st-art-fusion .st-art-panel{transition:none}}

#hia-live-hero .st-technical-study{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;opacity:.68}
#hia-live-hero .st-study-machine{mix-blend-mode:screen;opacity:.65}
#hia-live-hero .st-mobile-machine{display:none}
#hia-live-hero .st-monet{object-position:center}
@media(max-width:700px){#hia-live-hero .st-mobile-machine{display:contents}#hia-live-hero .st-technical-study{opacity:.8}}

/* Every selector stays inside the hero. The existing menu is unchanged. */
#hia-live-hero .st-art-dance{background:#282824 url('/storage/themes/HZT3T/assets/images/hero-art/rembrandt.jpg') center/cover;isolation:isolate}
#hia-live-hero .st-art-dance::before{content:'';position:absolute;inset:0;background:#141c1ac2;z-index:0}
#hia-live-hero .st-process-kicker{position:absolute;z-index:12;left:28px;top:22px;color:#f4eee2;letter-spacing:.16em;font-size:10px;font-weight:700;text-shadow:0 1px 6px #000}
#hia-live-hero .st-dance-piece{position:absolute;margin:0;overflow:hidden;isolation:isolate;mask-image:radial-gradient(ellipse at center,#000 52%,#000c 70%,transparent 100%);filter:brightness(.84);transition:filter .25s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
#hia-live-hero .st-dance-piece img{width:100%;height:100%;object-fit:cover;display:block}
#hia-live-hero .st-dance-piece figcaption{position:absolute;left:16%;right:13%;top:47%;transform:rotate(-6deg);text-align:center;mix-blend-mode:screen;color:#f5dfb0;text-shadow:0 1px 6px #21190b88}
#hia-live-hero .st-dance-piece figcaption>span{font:italic 16px Georgia,serif;letter-spacing:.15em}
#hia-live-hero .st-dance-piece h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,3.3vw,55px);font-style:italic;font-weight:400;letter-spacing:-.04em;line-height:1.03;margin:7px 0 0;overflow-wrap:break-word;color:inherit}
#hia-live-hero .st-dance-piece.is-current{z-index:9!important;filter:brightness(1.08)}
#hia-live-hero .st-dance-rembrandt{left:-8%;top:-12%;width:65%;height:79%;z-index:2;animation-name:hi-art-left;animation-duration:4.8s}
#hia-live-hero .st-dance-leonardo{right:-8%;top:-15%;width:59%;height:82%;z-index:3;animation-name:hi-art-right;animation-duration:5.7s}
#hia-live-hero .st-dance-leonardo figcaption{mix-blend-mode:multiply;color:#49341e;text-shadow:none;top:51%}
#hia-live-hero .st-dance-osman{left:-6%;bottom:-20%;width:62%;height:84%;z-index:4;animation-name:hi-art-bottom;animation-duration:6.1s}
#hia-live-hero .st-dance-vangogh{right:-10%;bottom:-20%;width:66%;height:85%;z-index:5;animation-name:hi-art-left;animation-duration:5.3s;animation-direction:alternate-reverse}
#hia-live-hero .st-dance-monet{left:29%;top:11%;width:49%;height:79%;z-index:1;animation-name:hi-art-center;animation-duration:7.1s}
#hia-live-hero .st-dance-monet figcaption{mix-blend-mode:multiply;color:#34283c;text-shadow:none}
#hia-live-hero .st-process-current{position:absolute;left:85px;right:160px;bottom:20px;z-index:12;display:flex;gap:15px;align-items:center;color:#f6efdf;text-shadow:0 1px 8px #000;font-size:12px;font-weight:600;pointer-events:none}
#hia-live-hero .st-process-current>span:first-child{font-size:9px;letter-spacing:.15em;white-space:nowrap}
#hia-live-hero [data-motion-paused=true] .st-dance-piece{animation-play-state:paused}
@keyframes hi-art-left{0%{transform:translate3d(-3%,-2%,0) rotate(-9deg) scale(1.03)}48%{transform:translate3d(13%,9%,0) rotate(5deg) scale(.91)}100%{transform:translate3d(7%,19%,0) rotate(-3deg) scale(1.1)}}
@keyframes hi-art-right{0%{transform:translate3d(3%,-4%,0) rotate(10deg) scale(1.06)}50%{transform:translate3d(-15%,13%,0) rotate(-8deg) scale(.94)}100%{transform:translate3d(-4%,6%,0) rotate(4deg) scale(1.12)}}
@keyframes hi-art-bottom{0%{transform:translate3d(-4%,8%,0) rotate(8deg) scale(1.08)}55%{transform:translate3d(16%,-15%,0) rotate(-7deg) scale(.93)}100%{transform:translate3d(1%,-6%,0) rotate(3deg) scale(1.06)}}
@keyframes hi-art-center{0%{transform:translate3d(-12%,-4%,0) rotate(-10deg) scale(.87)}45%{transform:translate3d(10%,13%,0) rotate(9deg) scale(1.13)}100%{transform:translate3d(-8%,0,0) rotate(-4deg) scale(1)}}
@media(max-width:700px){#hia-live-hero .st-process-kicker{left:20px;top:20px;font-size:8px}#hia-live-hero .st-dance-rembrandt{left:-25%;top:-7%;width:110%;height:55%}#hia-live-hero .st-dance-leonardo{right:-34%;top:8%;width:108%;height:59%}#hia-live-hero .st-dance-osman{left:-28%;bottom:-5%;width:110%;height:61%}#hia-live-hero .st-dance-vangogh{right:-30%;bottom:-6%;width:115%;height:66%}#hia-live-hero .st-dance-monet{left:0;top:23%;width:105%;height:59%}#hia-live-hero .st-dance-piece h2{font-size:clamp(26px,8vw,42px)}#hia-live-hero .st-dance-piece figcaption>span{font-size:12px}#hia-live-hero .st-process-current{left:80px;right:18px;bottom:64px;font-size:10px;gap:10px}}
@media(max-height:480px) and (min-width:701px){#hia-live-hero .st-dance-piece h2{font-size:27px}#hia-live-hero .st-process-kicker{top:12px;font-size:8px}#hia-live-hero .st-process-current{bottom:16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#hia-live-hero .st-dance-piece{animation:none!important;transition:none!important}}