/* Alche's stage, central object and horizontal journey, dressed in EXYO's material language. */
.svo-pagination,.svo-intro-copy,.svo-current,.svo-carousel-tools,.svo-header-note,.svo-environment{display:none}
.svo-viewport{position:relative}
.services-spatial-page.svo-ready .svo-experience{height:400svh;min-height:0;overflow:visible}
.services-spatial-page.svo-ready .svo-viewport{position:sticky;top:0;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;outline-offset:-5px;background:#080808}
.services-spatial-page.svo-ready .svo-viewport:after{content:none}
.services-spatial-page.svo-ready .svo-header{top:135px;left:4%;right:4%;z-index:6;align-items:start;pointer-events:none}
.services-spatial-page.svo-ready .svo-header h1{font:400 clamp(30px,3.7vw,59px)/1.08 'Bitcount Grid Single',monospace;letter-spacing:-.045em;margin-top:17px;max-width:500px;opacity:var(--svo-intro,1)}
.services-spatial-page.svo-ready .svo-header-note{display:block;max-width:180px;padding-top:5px;font:8px/1.7 'DM Sans',sans-serif;letter-spacing:.08em;color:#888;text-align:right}
.services-spatial-page.svo-ready .svo-scene{position:absolute;inset:0;perspective:1350px;perspective-origin:50% 46%;isolation:isolate;z-index:2}
.services-spatial-page.svo-ready .svo-center{top:47%;width:min(48vw,650px);opacity:1;z-index:0}
.svo-symbol-image{display:block;width:100%;height:auto;aspect-ratio:455/472;object-fit:contain}
.svo-center>.svo-symbol-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.svo-center.has-svo-webgl>.svo-symbol-image{visibility:hidden}
.services-spatial-page.svo-ready .svo-center-caption{display:none}
.services-spatial-page.svo-ready .svo-environment{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;perspective:1000px}
.svo-environment>span{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font:400 18.5vw/1 'Bitcount Grid Single',monospace;letter-spacing:-.065em;white-space:nowrap;color:#edece7;opacity:calc(.07 + var(--svo-intro,1)*.07)}
.svo-environment>img{position:absolute;left:50%;top:53%;width:180vw;max-width:none;height:auto;opacity:.018;transform:translate(-50%,-50%) perspective(900px) rotateY(-18deg) rotate(-14deg);object-fit:contain}
.services-spatial-page.svo-ready .svo-cards{display:contents}
.services-spatial-page.svo-ready .svo-card{position:absolute;inset:auto;left:50%;top:46%;width:min(58vw,830px);margin:0;animation:none;transition:none;transform:translate(-50%,-50%) translate3d(var(--card-x,160vw),var(--card-y,0px),var(--card-z,-200px)) rotateY(var(--card-ry,-30deg));opacity:var(--card-alpha,0);transform-origin:center;will-change:transform,opacity}
.services-spatial-page.svo-ready .svo-card-image{aspect-ratio:16/9;box-shadow:none;border:1px solid #ffffff35;border-radius:3px;background:#181818}
.services-spatial-page.svo-ready .svo-card-image:after{background:linear-gradient(135deg,#ffffff10,transparent 30%,transparent 70%,#7952b314);box-shadow:inset 0 0 0 1px #ffffff12}
.svo-service-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;pointer-events:none;color:#edece7}
.svo-service-poster>strong{font:400 clamp(35px,6vw,96px)/1 'Bitcount Grid Single',monospace;letter-spacing:-.065em;text-shadow:0 2px 25px #0003}
.svo-service-poster>strong>span{color:#9d7bce}
.svo-service-poster>small{font:7px/1.6 'DM Sans',sans-serif;letter-spacing:.12em}
.svo-poster-web{text-align:center}
.svo-poster-ia{color:#161616}
.svo-poster-ia>strong{font-size:clamp(75px,15vw,210px);text-shadow:none}
.svo-poster-ia>strong>span{color:#7952b3}
.services-spatial-page.svo-ready .svo-card-image>img{transform:none;transition:none}
.services-spatial-page.svo-ready .svo-card-tag{top:14px;left:16px;font-size:7px;padding:4px 7px;background:#080808c4}
.services-spatial-page.svo-ready .svo-card-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services-spatial-page.svo-ready .svo-card-open{width:42px;height:42px;right:18px;bottom:18px;font-size:27px}
.services-spatial-page.svo-ready .svo-card summary:hover img,.services-spatial-page.svo-ready .svo-card summary:focus-visible img{transform:none}
.services-spatial-page.svo-ready .svo-card summary:focus-visible{outline:2px solid #7952b3;outline-offset:5px}
.services-spatial-page.svo-ready .svo-pagination{display:flex;position:absolute;left:4%;top:43%;flex-direction:column;gap:4px;z-index:5;opacity:var(--svo-intro,1);visibility:var(--intro-visibility,visible)}
.svo-pagination>button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:10px 0;min-height:38px;color:#777;font:9px/1.5 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.svo-pagination>button>span:first-child{font-size:7px;letter-spacing:.08em}
.svo-pagination>button:hover,.svo-pagination>button:focus-visible,.svo-pagination>button[aria-pressed=true]{color:#edece7}
.svo-pagination>button[aria-pressed=true]>span:first-child{color:#a784da}
.services-spatial-page.svo-ready .svo-intro-copy{display:block;position:absolute;left:4%;bottom:12%;z-index:5;opacity:var(--svo-intro,1);visibility:var(--intro-visibility,visible);pointer-events:none}
.svo-intro-copy>p{font:400 clamp(26px,3.4vw,54px)/1.12 'DM Sans',sans-serif;letter-spacing:-.045em}
.svo-intro-copy>span{display:flex;align-items:center;gap:20px;margin-top:25px;color:#888;font:7px/1.6 'DM Sans',sans-serif;letter-spacing:.05em}
.svo-intro-copy i{font-size:23px;font-style:normal}
.services-spatial-page.svo-ready .svo-current{display:block;position:absolute;left:8%;bottom:10%;width:min(65%,850px);z-index:5;opacity:var(--svo-caption,0);visibility:var(--caption-visibility,hidden);pointer-events:none}
.svo-current:before{content:none}
.services-spatial-page.svo-ready .svo-current{mix-blend-mode:difference}
.svo-current-index{font:8px/1.6 'DM Sans',sans-serif;letter-spacing:.08em;color:#999}
.svo-current>h2{font:400 clamp(30px,3.15vw,48px)/1.1 'DM Sans',sans-serif;letter-spacing:-.045em;margin-top:10px}
.svo-current>p{font:12px/1.65 'DM Sans',sans-serif;color:#999;margin-top:10px}
.svo-current>button{pointer-events:auto;display:flex;align-items:center;gap:35px;min-height:44px;margin-top:8px;padding:8px 0;border:0;border-bottom:1px solid #ffffff40;color:#ddd;background:none;font:8px/1.6 'DM Sans',sans-serif;letter-spacing:.04em;cursor:pointer}
.svo-current>button>span{font-size:23px}
.services-spatial-page.svo-ready .svo-carousel-tools{display:flex;position:absolute;right:4%;bottom:12%;gap:20px;align-items:center;z-index:6}
.svo-carousel-tools>button{display:grid;place-items:center;min-width:44px;min-height:44px;color:#bbb;background:none;border:1px solid #ffffff30;border-radius:50%;font:23px/1 'DM Sans',sans-serif;cursor:pointer;transition:background .25s,color .25s}
.svo-carousel-tools>button:hover{background:#edece7;color:#080808}
.svo-carousel-counter{font:8px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;color:#999}
.services-spatial-page.svo-ready .svo-scene-footer{position:absolute;bottom:24px;left:4%;right:4%;z-index:6;flex-wrap:nowrap;font-size:7px}
.svo-scroll-label{display:flex;align-items:center;gap:20px}
.svo-scroll-label>span{font-size:19px}
.services-spatial-page.svo-ready .svo-invitation{padding-top:100px}
.services-spatial-page.svo-ready .svo-experience.is-paused .svo-card-image>img{transition:none}
@media(min-width:1800px){.services-spatial-page.svo-ready .svo-header,.services-spatial-page.svo-ready .svo-scene-footer{left:4%;right:4%}}
@media(max-width:1100px) and (min-width:768px){
 .services-spatial-page.svo-ready .svo-card{width:64vw}
 .services-spatial-page.svo-ready .svo-header{top:130px}
 .services-spatial-page.svo-ready .svo-header h1{font-size:36px}
 .services-spatial-page.svo-ready .svo-current{left:6%;width:66%;bottom:10%}
 .svo-current>h2{font-size:32px}
 .svo-current>p{max-width:380px;font-size:11px}
 .services-spatial-page.svo-ready .svo-pagination{top:37%}
 .svo-pagination>button{font-size:8px}
 .svo-carousel-tools{gap:12px}
}
@media(max-width:767px){
 .services-spatial-page.svo-ready .svo-experience{height:400svh;padding:0}
 .services-spatial-page.svo-ready .svo-viewport{min-height:600px}
 .services-spatial-page.svo-ready .svo-header{position:absolute;top:115px;left:5%;right:5%;display:flex;gap:15px}
 .services-spatial-page.svo-ready .svo-header h1{font-size:clamp(26px,6.7vw,42px);line-height:1.12;margin-top:15px;max-width:280px}
 .services-spatial-page.svo-ready .svo-header-note{font-size:5px;max-width:85px;padding-top:0}
 .services-spatial-page.svo-ready .svo-scene{inset:0;padding:0;perspective:800px;perspective-origin:50% 45%;margin:0}
 .services-spatial-page.svo-ready .svo-center{top:44%;width:70vw;max-width:350px}
 .svo-environment>span{top:44%;font-size:21vw;opacity:.08}
 .svo-environment>img{top:50%;width:220vw;opacity:.025}
 .services-spatial-page.svo-ready .svo-card{width:82vw;top:44%;inset:auto;left:50%;top:44%}
 .services-spatial-page.svo-ready .svo-card-image{aspect-ratio:1.6}
 .services-spatial-page.svo-ready .svo-card-tag{top:9px;left:8px;font-size:5px;padding:3px 5px;max-width:90%}
 .svo-service-poster{gap:12px}
 .svo-service-poster>strong{font-size:9vw}
 .svo-service-poster>small{font-size:4px;letter-spacing:.08em}
 .svo-poster-ia>strong{font-size:24vw}
 .services-spatial-page.svo-ready .svo-card-open{width:27px;height:27px;right:10px;bottom:10px;font-size:20px}
 .services-spatial-page.svo-ready .svo-pagination{top:auto;bottom:22%;left:5%;gap:0}
 .svo-pagination>button{font-size:10px;min-height:32px;padding:6px 0}
 .svo-pagination>button>span:first-child{font-size:7px}
 .services-spatial-page.svo-ready .svo-intro-copy{left:5%;bottom:11.5%;max-width:70%}
 .svo-intro-copy>p{font-size:23px;line-height:1.1}
 .svo-intro-copy>span{font-size:5px;margin-top:13px;gap:15px}
 .svo-intro-copy i{font-size:18px}
 .services-spatial-page.svo-ready .svo-current{left:5%;bottom:17.5%;width:90%}
 .svo-current-index{font-size:6px}
 .svo-current>h2{font-size:31px;margin-top:10px;max-width:340px}
 .svo-current>p{font-size:11px;margin-top:10px;max-width:290px}
 .svo-current>button{font-size:7px;min-height:40px;margin-top:8px}
 .services-spatial-page.svo-ready .svo-carousel-tools{right:5%;bottom:8.8%;gap:13px}
 .svo-carousel-tools>button{min-width:36px;min-height:36px;font-size:20px}
 .svo-carousel-counter{font-size:6px}
 .services-spatial-page.svo-ready .svo-scene-footer{left:5%;right:5%;bottom:12px;margin:0;display:flex;gap:15px;align-items:center;font-size:5px}
 .services-spatial-page.svo-ready .svo-scene-footer>span{width:auto;max-width:40%}
 .services-spatial-page.svo-ready .svo-scene-footer>a{font-size:6px;min-height:36px;gap:10px;flex:initial}
 .services-spatial-page.svo-ready .svo-scene-footer>a>span{font-size:17px}
 .svo-scroll-label{gap:10px}
 .svo-scroll-label>span{font-size:15px}
 .services-spatial-page.svo-ready .svo-motion{font-size:5px;gap:7px;min-height:36px}
 .services-spatial-page.svo-ready .svo-motion>span{font-size:13px}
 .services-spatial-page.svo-ready .svo-invitation{padding-top:75px}
}
@media(max-height:740px) and (min-width:768px){
 .services-spatial-page.svo-ready .svo-viewport{min-height:560px}
 .services-spatial-page.svo-ready .svo-header{top:115px}
 .services-spatial-page.svo-ready .svo-header h1{font-size:29px;max-width:300px}
 .services-spatial-page.svo-ready .svo-card{width:min(47vw,690px);top:45%}
 .services-spatial-page.svo-ready .svo-pagination{top:37%}
 .services-spatial-page.svo-ready .svo-current{bottom:9%}
 .svo-current>h2{font-size:30px}
 .svo-current>p{display:none}
}
@media(prefers-reduced-motion:reduce){.services-spatial-page.svo-ready .svo-motion{display:none}.services-spatial-page.svo-ready .svo-card-image>img,.svo-carousel-tools>button{transition:none}}
/* The shared page transition is the only entrance. Start on the first service. */
.services-spatial-page.svo-ready .svo-header h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:1}
.services-spatial-page.svo-ready :is(.svo-pagination,.svo-intro-copy){display:none}
.services-spatial-page.svo-ready .svo-current{opacity:1;visibility:visible}
.services-spatial-page.svo-ready :is(.svo-current>h2,.svo-service-poster>strong){pointer-events:auto}
.services-spatial-page.svo-ready .svo-card-open{opacity:1;transform:none;transition:none}
.services-spatial-page .svo-dialog[open]{animation:none}
.services-spatial-page .svo-dialog::backdrop{background:#080808e8;backdrop-filter:none}
.services-spatial-page .svo-center:after,.services-spatial-page .svo-environment>img{display:none}
/* Image bands and timings live in the shared explorations stylesheet. */
.svo-card-image.is-image-glitching .svo-service-poster{z-index:2}
@media(prefers-reduced-motion:reduce){.svo-symbol-image{transform:none!important;will-change:auto}}
/* Keep the material texture without a full-screen animated blending layer. */
.services-spatial-page.brand-site .exyo-studio-grain{inset:0;animation:none;transform:none;will-change:auto;mix-blend-mode:normal;opacity:.035}