/* v0.5.4 — bilingual controls and a five-image technology experience. */
.language-switch{display:flex;align-items:center;gap:3px;flex:none;color:#fa4616;font-size:14px;font-weight:800;white-space:nowrap}
.language-switch button{position:relative;display:grid;place-items:center;min-width:26px;min-height:44px;padding:0 2px;border:0;background:transparent;color:#fa4616;font:inherit;cursor:pointer;opacity:.55;transition:opacity .2s}
.language-switch button[aria-pressed=true],.language-switch button:hover,.language-switch button:focus-visible{opacity:1}
.language-switch button:after{content:'';position:absolute;left:2px;right:2px;bottom:8px;height:2px;background:#fa4616;transform:scaleX(0);transition:transform .2s}
.language-switch button[aria-pressed=true]:after{transform:scaleX(1)}
.site-header .nav-wrap{gap:20px}
.site-header .desktop-nav{gap:24px}
.site-header .desktop-nav{order:0}
.contact-socials{gap:10px}
.contact-socials a{width:48px;height:48px}
.contact-socials img{width:38px;height:38px}
.hero-v5 .immersion-actions .text-action,.about-strip .text-action{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:11px 22px;border:1.5px solid #fa4616;border-radius:999px;background:transparent;color:#fa4616;gap:12px;line-height:1.5;transition:background .2s,color .2s;white-space:normal;text-align:center}
.hero-v5 .immersion-actions .text-action:hover,.hero-v5 .immersion-actions .text-action:focus-visible,.about-strip .text-action:hover,.about-strip .text-action:focus-visible{background:#fa4616;color:#fff}
.hero-v5 .immersion-actions .text-action svg,.about-strip .text-action svg{color:currentColor;flex:none}
.moments-heading{flex-wrap:wrap;row-gap:24px}
.moments-heading>div:last-child{min-width:max-content}
.moments-heading>div:last-child .moments-note{font-size:18px;line-height:1.85}
.moments-note span{display:block;white-space:nowrap}
/* Technology references: the new floor and immersive venue join the three photos. */
.tech-v5-system{height:870px}
.tech-art{left:5%;top:275px;width:88%;height:300px;--tech-tilt:-3deg}
.tech-vr{left:74%;top:55px;width:27%;height:190px;--tech-tilt:6deg}
.tech-immersive{left:0;top:58px;width:60%;height:185px;--tech-tilt:-5deg;z-index:3}
.tech-immersive img{object-position:50% 65%}
.tech-floor{left:-3%;top:635px;width:51%;height:175px;--tech-tilt:-6deg;z-index:5}
.tech-digital{left:55%;top:655px;width:47%;height:160px;--tech-tilt:5deg}
.technology-signature{left:1%;bottom:4px}
.tech-values{position:absolute;inset:0;pointer-events:none;z-index:9}
.tech-value{position:absolute;color:#fff;font-size:14px;line-height:1.35;font-weight:800;letter-spacing:.065em;max-width:230px}
.tech-value>span{display:block;padding:6px 8px 6px 13px;background:#191919e8;border-left:2px solid #fa4616;box-shadow:0 0 22px #fa461614;text-shadow:0 1px 4px #000;animation:tech-value-pop 8s cubic-bezier(.16,.74,.22,1) var(--value-delay,0s) both infinite}
.tech-value-1{left:2%;top:8px}
.tech-value-2{right:0;top:260px}
.tech-value-3{left:1%;top:590px}
.tech-value-4{right:0;top:830px}
.tech-value-5{left:22%;top:827px}
.tech-value-6{left:35%;top:600px}
.is-offscreen .tech-value>span{animation-play-state:paused}
.motion-paused .tech-value>span{animation:none;opacity:1;transform:none}
@keyframes tech-value-pop{0%,3%{opacity:0;transform:translate3d(0,16px,0) scale(.76);filter:blur(4px)}13%,73%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}88%,100%{opacity:0;transform:translate3d(0,-7px,0) scale(.97);filter:blur(1px)}}
@media(max-width:1100px) and (min-width:801px){.site-header .nav-wrap{gap:13px}.site-header .desktop-nav{gap:16px;font-size:13px}.language-switch{font-size:13px;gap:1px}.language-switch button{min-width:22px}.site-header .nav-cta{padding-inline:15px;font-size:14px}}
@media(max-width:1100px) and (min-width:701px){
 .tech-v5-system{height:820px}
 .tech-art{top:270px;height:250px}
 .tech-immersive{top:62px;height:170px}
 .tech-vr{top:60px;height:180px}
 .tech-floor{top:595px;height:155px}
 .tech-digital{top:625px;height:150px}
 .tech-value{font-size:12px;max-width:190px}
 .tech-value-2{top:245px}.tech-value-3{top:540px}.tech-value-6{top:565px;left:27%}.tech-value-4,.tech-value-5{top:785px}
}
@media(max-width:900px) and (min-width:701px){.tech-v5-system{height:870px}.tech-art{height:300px}.tech-floor{top:635px;height:175px}.tech-digital{top:655px;height:160px}.tech-value-3{top:590px}.tech-value-6{top:600px}.tech-value-4,.tech-value-5{top:830px}}
@media(max-width:800px){
 .site-header .nav-wrap{gap:0 10px}
 .language-switch{margin-left:auto;font-size:13px;gap:1px}
 .language-switch button{min-width:23px;min-height:44px}
 .site-header .nav-cta{margin-left:0}
}
@media(max-width:700px){
 .contact-socials{gap:8px}
 .hero-v5 .immersion-actions .text-action,.about-strip .text-action{min-height:50px;padding:10px 20px;font-size:15px}
 .about-strip .text-action{margin-left:47px;max-width:calc(100% - 47px);flex-shrink:1;font-size:14px;padding-inline:16px}
 .moments-heading>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;width:100%}
 .moments-heading>div:last-child .moments-note{font-size:clamp(13px,3.7vw,17px);width:100%;line-height:1.9}
 .moments-heading .rail-control{align-self:flex-end}
 .tech-v5-system{height:850px;margin-top:35px}
 .tech-art{left:3%;top:267px;width:94%;height:215px}
 .tech-immersive{left:-1%;top:56px;width:63%;height:155px}
 .tech-vr{left:73%;top:60px;width:28%;height:180px}
 .tech-floor{left:-3%;top:565px;width:53%;height:150px}
 .tech-digital{left:54%;top:635px;width:48%;height:145px}
 .tech-value{font-size:12px;letter-spacing:.04em;max-width:185px}
 .tech-value>span{padding:5px 7px 5px 10px}
 .tech-value-1{left:0;top:8px}
 .tech-value-2{right:0;top:235px}
 .tech-value-3{left:1%;top:505px}
 .tech-value-4{right:0;top:800px}
 .tech-value-5{left:0;top:755px}
 .tech-value-6{right:0;left:auto;top:535px;max-width:170px}
 .technology-signature{left:0;bottom:7px}
}
@media(max-width:480px){
 .site-header .nav-wrap{gap:0 7px}
 .site-header .brand img{width:112px}
 .site-header .nav-cta{font-size:12px;padding:8px 10px;gap:0}
 .site-header .nav-cta svg{display:none}
 .site-header .menu-toggle{width:36px}
 .language-switch{font-size:12px;gap:0}
 .language-switch button{min-width:20px;padding-inline:1px}
}
@media(max-width:360px){.site-header .nav-wrap{gap:0 6px}.site-header .brand img{width:92px}.site-header .nav-cta{font-size:11.5px;padding-inline:9px}.language-switch{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.tech-value>span{animation:none!important;opacity:1;transform:none;filter:none}.language-switch button,.language-switch button:after{transition:none}}