/* EXYO Original 2.0 — assets from the supplied final brand kit. */
:root{--brand-black:#080808;--brand-ivory:#EDECE7;--brand-purple:#7952B3;--brand-line:#3A3A3A;--brand-muted:#A0A0A0}
.brand-site{--exyo-accent:var(--brand-ivory);--inner-lilac:var(--brand-ivory);--art-paper:var(--brand-ivory);--sp-paper:var(--brand-ivory);background:var(--brand-black);color:var(--brand-ivory)}
.brand-site.studio-product-page main,.brand-site.nudot-studio-page{background:var(--brand-black)}
.brand-site a:focus-visible,.brand-site button:focus-visible,.brand-site summary:focus-visible{outline-color:var(--brand-purple)}
.brand-site .sp-consultation :is(a,input,select,textarea,button):focus-visible{outline-color:var(--brand-black)}
.brand-site .sp-period{color:var(--brand-purple)}
.brand-site :is(.inner-eyebrow,.inner-demo-head,.inner-demo-status,.inner-contact-choices legend,.case-specs){color:var(--brand-muted)}
.brand-site .case-specs b{color:var(--brand-ivory)}
.brand-site .scene-menu-thumb:before{content:none}
.brand-site .scene-menu-foot{color:var(--brand-muted)}
.brand-site .inner-reading-progress{background:var(--brand-purple)}
.brand-site #nav_scroll_container,.brand-site #nav_scroll_container.has-scene-menu.is-menu-open{--ns-menu-bg:var(--brand-black);--ns-menu-text:var(--brand-ivory);--ns-menu-accent:var(--brand-purple);--ns-menu-line:var(--brand-line)}
.brand-site #nav_scroll_container.has-scene-menu.is-menu-open{background:var(--brand-black)!important;color:var(--brand-ivory)}
.brand-site .ns-logo img{width:33px!important;height:36px!important;object-fit:contain;filter:none}
.brand-site img[src="/assets/exyo-logo.svg"]{object-fit:contain;aspect-ratio:663.4463519313305/217}
.brand-site #nudot-loader .nd-logo{width:max-content;gap:34px!important}
.brand-site #nudot-loader{--loader-letter-size:clamp(70px,10vw,145px)}
.brand-site #nudot-loader .nd-letter{width:var(--loader-letter-size);height:var(--loader-letter-size)}
.brand-site #nudot-loader .exyo-loader-frames{width:calc(var(--loader-letter-size)*2.5);height:calc(var(--loader-letter-size)*1.8);background:#151515}
.brand-site #nudot-loader .exyo-loader-frames>img[data-loader-frame]{opacity:0;object-fit:cover;animation:exyoLoaderTexture .24s step-end forwards!important;animation-delay:calc(.05s + var(--loader-frame) * .24s)!important}
.brand-site #nudot-loader .exyo-loader-frames>img[data-loader-frame]:last-child{animation-name:exyoLoaderTextureLast!important}
@keyframes exyoLoaderTexture{0%,99.99%{opacity:1}100%{opacity:0}}
@keyframes exyoLoaderTextureLast{0%,100%{opacity:1}}
.brand-site .archive-brand{gap:18px}
.brand-site .archive-brand picture{display:block}
.brand-site .archive-brand img{width:164px;height:auto;max-height:54px;object-fit:contain}
.brand-site .archive-brand span{padding-top:0;color:var(--brand-muted)}
.brand-site .stm-logo img{width:100%;height:auto;object-fit:contain}
.brand-site .hero-seal img,.brand-site .sp-contact-outro>img,.brand-site .marquee-sep>img{object-fit:contain;filter:none}
.brand-site .hero-seal img{animation:none}
.brand-site .footer-parallax-bg{background-color:var(--brand-black)}
.brand-site .art-inner-signature img,.brand-site .exyo-footer-wordmark{object-fit:contain}
.brand-site .cc-face img[src="/assets/studio/mark.svg"]{filter:none}
/* The interactive desktop/mobile preview uses the same quiet chrome as EXYO's mockups. */
.brand-site .inner-device-choices .inner-example-choice{color:var(--brand-muted);border-color:var(--brand-line);border-radius:2px}
.brand-site .inner-device-choices .inner-example-choice:hover,.brand-site .inner-device-choices .inner-example-choice[aria-pressed="true"]{color:var(--brand-ivory);border-color:var(--brand-ivory);background:#141414}
.brand-site .browser-stage[data-device="desktop"]{border:1px solid var(--brand-line);border-radius:4px;overflow:hidden;background:var(--brand-black);box-shadow:none}
.brand-site .browser-stage[data-device="mobile"]{border:8px solid #1b1b1b;border-radius:28px;overflow:hidden;background:var(--brand-black);box-shadow:none}
/* The master symbol stays undistorted; only the unbranded photographic background moves. */
.brand-studio-motion{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8%;background:var(--brand-black);overflow:hidden;isolation:isolate}
.brand-studio-motion:before{content:'';position:absolute;inset:-4%;z-index:-1;background:url('/assets/art-direction/banner-fold.webp') center/cover no-repeat;opacity:.62;animation:brandMaterialDrift 12s ease-in-out infinite alternate}
.brand-studio-symbol{display:block;width:27%;max-width:300px;height:auto;max-height:48%;object-fit:contain}
.brand-studio-motion>span{font:8px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.2em;color:var(--brand-ivory);opacity:.75}
.brand-studio-motion.is-paused:before{animation-play-state:paused}
@keyframes brandMaterialDrift{from{transform:translate3d(-1%,0,0) scale(1.02)}to{transform:translate3d(1%,1%,0) scale(1.06)}}
@media(max-width:767px){
 .brand-site #nudot-loader{--loader-letter-size:clamp(52px,18.5vw,65px)}
 .brand-site #nudot-loader .nd-logo{gap:18px!important}
 .brand-site .archive-brand{gap:10px}
 .brand-site .archive-brand img{width:36px;height:39px;max-height:42px;aspect-ratio:867/932}
 .brand-site .archive-contact{top:120px}
 .brand-studio-motion>span{font-size:6px;letter-spacing:.13em}
}
@media(prefers-reduced-motion:reduce){
 .brand-site #nudot-loader .nd-logo{animation:none;opacity:1;filter:none}
 .brand-studio-motion:before{animation:none}
 .brand-site #nudot-loader :is(.nd-n,.nd-d,.nd-icon){animation:none;opacity:1;filter:none;transform:none}
 .brand-site #nudot-loader .exyo-loader-frames>img[data-loader-frame]{animation:none!important;opacity:0}
 .brand-site #nudot-loader .exyo-loader-frames>img[data-loader-frame]:last-child{animation:none!important;opacity:1}
 .brand-site #nudot-loader .nd-mask{animation:none}
}