/* Immersive Experiences — one service story and the shared Training project rail. */
.immersive-page{--ix-purple:var(--accent,#161616);--ix-lime:var(--signal,#d7ea40)}
.ix-breadcrumb{display:flex;align-items:center;gap:14px;font-size:13px;color:#62626b;padding:12px 0 33px}.ix-breadcrumb a:hover{color:var(--ix-purple)}
.ix-opening-top{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:100px;padding:24px 0 52px}
.ix-descriptor{font-size:17px;color:#66656e;margin-top:12px}
.ix-opening h1{font-size:clamp(65px,5vw,108px);font-weight:500;line-height:1.02;letter-spacing:-.064em;margin-top:40px}
.ix-opening h1 em{font-style:normal;color:var(--ix-purple)}
.ix-opening-intro{max-width:560px;padding-bottom:7px}
.ix-opening-intro>p:first-child{font-size:clamp(23px,1.7vw,34px);line-height:1.4;letter-spacing:-.032em}
.ix-opening-intro>p+p{font-size:19px;line-height:1.65;color:#66656e;margin-top:25px}
.ix-opening-intro .line-cta{font-size:17px;width:365px;max-width:100%;margin-top:39px}
.ix-stage{display:grid;grid-template-columns:1.8fr 1fr;height:465px;border-radius:18px;overflow:hidden;isolation:isolate}
.ix-stage-project{position:relative;margin:0;overflow:hidden;background:#28343c;min-width:0}
.ix-stage-project>img{width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:scale(1.025);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.ix-stage-project:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#08172a99);pointer-events:none}
.ix-stage-project figcaption{position:absolute;z-index:1;bottom:24px;left:28px;right:28px;max-width:425px}
.ix-stage-project figcaption a{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 21px;color:white;border:1px solid #ffffff50;border-radius:8px;background:#1616168f;backdrop-filter:blur(16px);font-size:14px}
.ix-stage-project figcaption strong{display:block;font-weight:550;font-size:20px;margin-bottom:4px}.ix-arrow{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid #fff9;border-radius:50%;font-size:24px;transition:all .3s}
.ix-stage-material{position:relative;overflow:hidden;display:flex;align-items:center;padding:46px;background:#a7b1ff url('../campo-kpi-blu.webp') 80% 50%/cover;color:#161616}
.ix-stage-material>span{position:relative;z-index:1;font-size:clamp(32px,2.7vw,55px);font-weight:500;letter-spacing:-.055em;line-height:1.25}
.ix-stage-material em{font-style:normal;color:#161616}.ix-stage-glass{position:absolute;inset:0 0 0 40%;border-left:1px solid #ffffffa6;backdrop-filter:blur(16px);background:#ffffff13;transform:skew(-15deg) translateX(var(--ix-shift,0px));transition:transform .5s}
.ix-stage-material svg{position:absolute;width:113px;height:113px;bottom:27px;right:27px;color:#fff;opacity:.65;stroke-width:1}
.ix-jump{display:flex;justify-content:space-between;gap:40px;padding:27px 0;border-bottom:1px solid var(--line)}.ix-jump a{display:flex;justify-content:space-between;gap:60px;font-size:16px;flex:1}.ix-jump a+a{border-left:1px solid var(--line);padding-left:40px}.ix-jump span{color:var(--ix-purple);transition:translate .3s}.ix-jump a:hover{color:var(--ix-purple)}.ix-jump a:hover span{translate:0 4px}
.ix-section{padding-top:115px}.ix-lead{font-size:23px;line-height:1.5;letter-spacing:-.025em}
.ix-product{display:grid;grid-template-columns:1fr 1.18fr;gap:100px}
.ix-product h2{margin-top:25px}.ix-product .ix-lead{max-width:520px;margin-top:27px;color:#66656e}
.ix-learning-link{font-size:15px;line-height:1.5;max-width:470px;margin-top:30px;align-items:center}.ix-learning-link svg{flex:none}
.ix-product-rows{border-top:1px solid var(--line)}.ix-product-rows article{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;border-bottom:1px solid var(--line);padding:30px 0;scroll-margin-top:125px}.ix-product-rows h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;font-weight:500}.ix-product-rows p{font-size:18px;line-height:1.65;color:#66656e}
/* Same dimensions and interaction contract as the Interactive Learning rail. */
.ix-projects{padding-top:106px}.ix-projects .projects-heading h2{font-size:clamp(36px,2.65vw,56px)}
.ix-projects .case-rail .case-panel.active{flex:4.7}.ix-projects .case-panel{height:540px;scroll-margin-top:130px}
.ix-projects .case-panel:after{background:linear-gradient(180deg,#161616ad 0%,#1616167a 22%,#1616161f 46%,#161616b8 74%,#161616ed 100%)}
.ix-projects .case-body h3{max-width:720px}.ix-projects .case-description{max-width:640px}.ix-projects .case-open svg{width:21px;height:21px}
.ix-projects .case-panel--inpeco .case-image img{object-position:60% center}.ix-projects .case-panel--candoglia .case-image img{object-position:53% center}.ix-projects .case-panel--tennis-league .case-image img{object-position:55% center}
.ix-design{padding-bottom:10px}.ix-design-top{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:end}.ix-design-top h2{font-size:clamp(42px,3.5vw,72px)}.ix-design-top h2 span{color:var(--ix-purple)}.ix-design-top>p{font-size:23px;line-height:1.5;max-width:650px;letter-spacing:-.025em;color:#66656e}.ix-design-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin-top:50px}.ix-design-bottom article{padding-top:24px;border-top:1px solid #bdbdc2}.ix-design-bottom h3{font-size:24px;letter-spacing:-.035em;font-weight:500}.ix-design-bottom p{font-size:18px;color:#66656e;line-height:1.6;margin-top:15px;max-width:510px}
.immersive-page .faq-section{padding-top:105px;padding-bottom:95px}.immersive-page .faq-intro h2{font-size:45px}.immersive-page .faq-item summary{font-size:19px}.immersive-page .faq-item>div{font-size:17px}
.ix-close{margin-bottom:90px;padding:68px 70px;border-radius:18px;position:relative;overflow:hidden;background:#161616 url('../campo-ottica-viola.webp') 83% 50%/cover;color:#fff;isolation:isolate}.ix-close:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#161616 2%,#161616cc 35%,#16161615)}.ix-close .eyebrow{color:#a7b1ff}.ix-close h2{font-size:clamp(38px,3vw,62px);margin-top:25px;max-width:900px}.ix-close p:not(.eyebrow){font-size:19px;line-height:1.65;color:#a7b1ff;margin-top:24px}.ix-close .line-cta{margin-top:35px;width:365px;max-width:100%;font-size:17px;color:#fff}.ix-close .line-cta svg{background:var(--ix-lime);color:#161616;border-radius:50%;padding:7px}.ix-close a:focus-visible{outline-color:var(--ix-lime)}
@media(hover:hover) and (pointer:fine){.ix-stage-project:hover>img{transform:scale(1.075)}.ix-stage-project figcaption a:hover .ix-arrow{background:var(--ix-lime);border-color:var(--ix-lime);color:#17181c;rotate:6deg}}
@media(min-width:2000px){
.ix-breadcrumb{font-size:15px;padding-bottom:38px}.ix-opening-top{padding-top:30px;padding-bottom:62px;gap:130px}.ix-opening h1{font-size:114px}.ix-descriptor{font-size:19px}.ix-opening-intro>p+p{font-size:22px}.ix-opening-intro .line-cta{font-size:19px;width:410px}.ix-stage{height:530px}.ix-stage-material{padding:58px}.ix-stage-material>span{font-size:64px}.ix-stage-project figcaption{max-width:490px;bottom:32px;left:34px}.ix-stage-project figcaption a{padding:20px 25px;font-size:17px}.ix-stage-project figcaption strong{font-size:25px}.ix-jump{padding-block:32px}.ix-jump a{font-size:19px}.ix-section{padding-top:130px}.ix-product{gap:130px}.ix-product-rows h3{font-size:30px}.ix-product-rows p{font-size:21px}.ix-lead{font-size:26px}.ix-product .ix-lead{max-width:560px}.ix-learning-link{font-size:18px;max-width:560px}.ix-projects{padding-top:125px}.ix-projects .case-panel{height:580px}.ix-design-top>p{font-size:26px}.ix-design-bottom h3{font-size:28px}.ix-design-bottom p{font-size:21px}.immersive-page .faq-item summary{font-size:22px}.immersive-page .faq-item>div{font-size:20px}.ix-close{padding:80px}.ix-close p:not(.eyebrow){font-size:22px}.ix-close .line-cta{font-size:20px;width:420px}}
@media(max-width:1350px){
.ix-opening-top{gap:60px}.ix-opening h1{font-size:72px}.ix-opening-intro>p+p{font-size:17px}.ix-opening-intro .line-cta{font-size:15px;gap:20px}.ix-stage{height:405px}.ix-stage-material{padding:35px}.ix-stage-material>span{font-size:40px}.ix-stage-material svg{width:82px;height:82px}.ix-product{gap:65px}.ix-product-rows article{display:block}.ix-product-rows p{margin-top:14px}.ix-design-top{gap:70px}.ix-design-top>p{font-size:20px}.ix-projects .case-panel{height:520px}.ix-projects .case-rail.is-enhanced .case-panel:not(.active) .case-select{font-size:16px;padding:25px 15px}.ix-projects .case-body{left:27px;right:27px}}
@media(max-width:1000px){
.ix-opening h1{font-size:63px}.ix-opening-top{gap:40px;grid-template-columns:1.1fr 1fr}.ix-opening-intro>p:first-child{font-size:23px}.ix-opening-intro>p+p{font-size:16px}.ix-opening-intro .line-cta{font-size:14px}.ix-stage{height:355px;grid-template-columns:1.5fr 1fr}.ix-stage-material{padding:29px}.ix-stage-material>span{font-size:34px}.ix-jump a{font-size:14px;gap:20px}.ix-jump a+a{padding-left:25px}.ix-jump{gap:25px}.ix-section{padding-top:85px}.ix-product{gap:45px}.ix-lead{font-size:21px}.ix-product-rows h3{font-size:23px}.ix-design-top{gap:40px}.ix-design-top h2{font-size:39px}.ix-design-top>p{font-size:19px}.ix-design-bottom{gap:25px}.ix-design-bottom h3{font-size:21px}.ix-design-bottom p{font-size:16px}.immersive-page .faq-intro h2{font-size:37px}}
@media(max-width:800px){
.ix-breadcrumb{padding-top:5px;padding-bottom:22px;font-size:12px;gap:10px}.ix-opening-top{display:block;padding:18px 0 32px}.ix-descriptor{font-size:14px;margin-top:10px}.ix-opening h1{font-size:clamp(48px,8.9vw,69px);margin-top:28px;line-height:1.04}.ix-opening-intro{max-width:580px;margin-top:29px}.ix-opening-intro>p:first-child{font-size:23px;max-width:510px}.ix-opening-intro>p+p{font-size:17px;margin-top:16px}.ix-opening-intro .line-cta{width:335px;margin-top:26px;font-size:15px}.ix-stage{height:335px;grid-template-columns:1.4fr 1fr;border-radius:13px}.ix-stage-material{padding:25px}.ix-stage-material>span{font-size:30px}.ix-stage-project figcaption{left:15px;right:15px;bottom:15px}.ix-stage-project figcaption a{padding:15px;font-size:12px;gap:14px}.ix-stage-project figcaption strong{font-size:16px}.ix-arrow{height:32px;width:32px;font-size:20px}.ix-stage-material svg{height:66px;width:66px;right:18px;bottom:18px}.ix-jump{gap:17px;padding:21px 0}.ix-jump a{font-size:12px;gap:10px}.ix-jump a+a{padding-left:17px}.ix-section{padding-top:72px}.ix-product{display:block}.ix-product h2{font-size:39px;margin-top:21px}.ix-product .ix-lead{font-size:20px;max-width:540px;margin-top:23px}.ix-learning-link{margin-top:23px}.ix-product-rows{margin-top:30px}.ix-product-rows article{display:grid;grid-template-columns:1fr 1.4fr;gap:26px;padding:24px 0}.ix-product-rows h3{font-size:23px}.ix-product-rows p{margin-top:0;font-size:16px}.ix-projects{padding-top:70px}.ix-projects .projects-heading h2{font-size:38px}.ix-projects .case-rail .case-panel,.ix-projects .case-rail .case-panel.active{flex:0 0 89%;height:540px}.ix-projects .case-rail.is-enhanced .case-panel:not(.active) .case-select{font-size:23px;padding:25px;flex-direction:row;height:auto}.ix-projects .case-body{left:25px;right:25px;bottom:26px}.ix-projects .case-body h3{font-size:29px}.ix-projects .case-rail.is-enhanced .case-panel:not(.active) .case-body{visibility:visible;opacity:1;pointer-events:auto}.ix-design-top{display:block}.ix-design-top h2{font-size:42px}.ix-design-top>p{font-size:20px;max-width:610px;margin-top:25px}.ix-design-bottom{gap:25px;margin-top:32px}.ix-design-bottom h3{font-size:20px}.ix-design-bottom p{font-size:15px}.immersive-page .faq-section{padding-top:70px;padding-bottom:65px}.immersive-page .faq-item summary{font-size:17px}.immersive-page .faq-item>div{font-size:16px}.ix-close{padding:47px 35px;margin-bottom:60px;border-radius:13px;background-position:67% 50%}.ix-close:before{background:linear-gradient(90deg,#161616f5,#161616b3 65%,#16161670)}.ix-close h2{font-size:40px;max-width:630px}.ix-close p:not(.eyebrow){font-size:17px;margin-top:22px}.ix-close .line-cta{font-size:15px;width:330px}}
@media(max-width:520px){
.ix-opening h1{font-size:clamp(43px,12vw,58px);letter-spacing:-.058em}.ix-opening-intro>p:first-child{font-size:21px}.ix-opening-intro>p+p{font-size:16px}.ix-opening-intro .line-cta{font-size:13px;gap:15px}.ix-stage{display:block;height:auto}.ix-stage-project{height:265px}.ix-stage-project>img{object-position:62% center}.ix-stage-project figcaption{max-width:280px}.ix-stage-project figcaption strong{font-size:15px}.ix-stage-material{min-height:142px;padding:26px 24px}.ix-stage-material>span{font-size:27px;line-height:1.25;max-width:210px}.ix-stage-material>span br{display:none}.ix-stage-material>span em{display:block}.ix-stage-material svg{width:65px;height:65px;right:22px;bottom:35px}.ix-stage-glass{left:62%}.ix-jump{gap:15px}.ix-jump a{font-size:12px;line-height:1.4;gap:8px}.ix-jump a+a{padding-left:15px}.ix-product h2{font-size:35px}.ix-product h2 br{display:none}.ix-product-rows article{display:block;padding:24px 0}.ix-product-rows p{margin-top:12px}.ix-product-rows h3{font-size:23px}.ix-product .ix-lead{font-size:19px}.ix-learning-link{font-size:14px;gap:12px}.ix-projects .projects-heading{flex-direction:column;align-items:start;gap:20px}.ix-projects .case-controls{align-self:flex-end}.ix-projects .projects-heading h2{font-size:34px}.ix-projects .case-rail .case-panel,.ix-projects .case-rail .case-panel.active{flex-basis:92%;height:550px}.ix-projects .case-body h3{font-size:27px}.ix-projects .case-body{left:22px;right:22px}.ix-projects .case-description{font-size:16px}.ix-projects .case-open{font-size:13px;gap:12px}.ix-design-top h2{font-size:35px}.ix-design-top>p{font-size:19px}.ix-design-bottom{display:block;margin-top:26px}.ix-design-bottom article{padding:22px 0 24px}.ix-design-bottom h3{font-size:22px}.ix-design-bottom p{font-size:16px;margin-top:12px}.immersive-page .faq-intro h2{font-size:34px}.immersive-page .faq-intro h2 br{display:none}.immersive-page .faq-item summary{font-size:16px}.ix-close{padding:39px 25px}.ix-close h2{font-size:33px}.ix-close h2 br{display:none}.ix-close p:not(.eyebrow){font-size:16px}.ix-close p:not(.eyebrow) br{display:none}.ix-close .line-cta{font-size:13px;gap:15px}}
@media(prefers-reduced-motion:reduce){.ix-stage-glass,.ix-stage-project>img{transform:none!important}}
/* Cross-links may wrap naturally in narrow viewports. */
.ix-learning-link{max-width:100%;white-space:normal}