.corporate-site-page .corporate-hero-visual{width:100%;max-width:680px;margin-inline:auto;justify-self:center;isolation:isolate}
.corporate-site-page .corporate-hero-visual::before{display:none}
.iq-corporate-scene{display:block;width:100%;aspect-ratio:760/790;position:relative;contain:layout style;line-height:0;pointer-events:none}
.iq-corporate-scene>svg{display:block;width:100%;height:auto;overflow:visible}
.iq-corporate-scene .iqc-about,.iq-corporate-scene .iqc-projects{opacity:0}
.iq-corporate-scene .iqc-services{opacity:1}
.iq-corporate-scene .iqc-nav text{fill:#687d98}
.iq-corporate-scene .iqc-nav .iqc-nav-services{fill:white}
.iq-corporate-scene .iqc-cursor{transform:translate(528px,103px);transform-origin:0 0}
.iq-corporate-scene[data-iqc-ready] .iqc-window{animation:iqc-enter .85s cubic-bezier(.2,.8,.2,1) both}
.iq-corporate-scene[data-iqc-ready] .iqc-heading,.iq-corporate-scene[data-iqc-ready] .iqc-tiles{animation:iqc-enter .8s .15s ease both}
.iq-corporate-scene[data-iqc-ready] .iqc-contact{animation:iqc-enter .8s .3s ease both}
.iq-corporate-scene[data-iqc-ready] .iqc-services{animation:iqc-services 15s ease infinite}
.iq-corporate-scene[data-iqc-ready] .iqc-projects{animation:iqc-projects 15s ease infinite}
.iq-corporate-scene[data-iqc-ready] .iqc-about{animation:iqc-about 15s ease infinite}
.iq-corporate-scene[data-iqc-ready] .iqc-panel{transform-box:fill-box;transform-origin:center}
.iq-corporate-scene[data-iqc-ready] .iqc-nav-services{animation:iqc-text-services 15s ease infinite}
.iq-corporate-scene[data-iqc-ready] .iqc-nav-projects{animation:iqc-text-projects 15s ease infinite}
.iq-corporate-scene[data-iqc-ready] .iqc-nav-about{animation:iqc-text-about 15s ease infinite}
.iq-corporate-scene[data-iqc-ready] .iqc-cursor{animation:iqc-cursor 15s cubic-bezier(.3,0,.2,1) infinite}
.iq-corporate-scene[data-iqc-active="0"] .iqc-window,.iq-corporate-scene[data-iqc-active="0"] .iqc-window *{animation-play-state:paused!important}
@keyframes iqc-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes iqc-services{0%,27%,96%,100%{opacity:1}32%,91%{opacity:0}}
@keyframes iqc-projects{0%,28%,62%,100%{opacity:0}34%,56%{opacity:1}}
@keyframes iqc-about{0%,57%,95%,100%{opacity:0}64%,89%{opacity:1}}
@keyframes iqc-text-services{0%,27%,96%,100%{fill:white}32%,91%{fill:#687d98}}
@keyframes iqc-text-projects{0%,28%,62%,100%{fill:#687d98}34%,56%{fill:white}}
@keyframes iqc-text-about{0%,57%,95%,100%{fill:#687d98}64%,89%{fill:white}}
@keyframes iqc-cursor{0%{opacity:0;transform:translate(583px,225px)}8%,23%{opacity:1;transform:translate(528px,103px)}27%{opacity:1;transform:translate(647px,103px) scale(1)}29%{transform:translate(647px,103px) scale(.91)}33%,52%{transform:translate(647px,103px) scale(1)}58%{transform:translate(398px,103px) scale(1)}60%{transform:translate(398px,103px) scale(.91)}64%,85%{transform:translate(398px,103px) scale(1)}91%{transform:translate(528px,103px) scale(1)}93%{transform:translate(528px,103px) scale(.91)}97%,100%{opacity:1;transform:translate(528px,103px) scale(1)}}
@media(min-width:1101px){.corporate-site-page .corporate-hero-visual{align-self:center;transform:translateY(-12px)}}
@media(max-width:1100px){.corporate-site-page .corporate-hero-visual{max-width:620px}}
@media(max-width:640px){.corporate-site-page .corporate-hero-visual{width:calc(100% + 12px);max-width:none;margin-inline:-6px}}
@media(prefers-reduced-motion:reduce){.iq-corporate-scene .iqc-window,.iq-corporate-scene .iqc-window *{animation:none!important;translate:none!important}.iq-corporate-scene .iqc-window,.iq-corporate-scene .iqc-heading,.iq-corporate-scene .iqc-tiles,.iq-corporate-scene .iqc-contact,.iq-corporate-scene .iqc-services,.iq-corporate-scene .iqc-cursor{opacity:1!important}.iq-corporate-scene .iqc-about,.iq-corporate-scene .iqc-projects{opacity:0!important}.iq-corporate-scene .iqc-cursor{transform:translate(528px,103px)!important}.iq-corporate-scene .iqc-nav-services{fill:white!important}.iq-corporate-scene .iqc-nav-about,.iq-corporate-scene .iqc-nav-projects{fill:#687d98!important}}


/* IQ 2026-10-31: desktop-only illustration fit — corporate page. */
@media (min-width:1101px) {
  .corporate-site-page .corporate-hero {
    min-height:min(700px,calc(100svh - 88px));
    padding-top:clamp(26px,3.5svh,46px);
    padding-bottom:clamp(28px,3.7svh,48px);
  }
  .corporate-site-page .corporate-hero-visual {
    width:100%;max-width:min(610px,calc(100svh - 180px));
    margin-inline:auto;align-self:center;transform:none;
  }
}
