/* Stable page width while a native dialog is open. */
html{scrollbar-gutter:stable}
body.has-modal{padding-right:var(--sfe-modal-gap,0px)}
.topbar.site-navigation{left:0;right:var(--sfe-modal-gap,0px);width:auto}

/* A quiet, animated scroll cue in the same blue / white vocabulary. */
#hero .hero-scroll{left:50%;right:auto;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;min-width:128px;padding:5px 14px;color:#ebebeb;font:400 var(--text-2)/1.3 'nexor',sans-serif;letter-spacing:0;text-align:center;transition:opacity .8s ease,color .3s ease;pointer-events:none}
#hero.has-scroll-cue .hero-scroll,#hero.intro-complete .hero-scroll{opacity:1;pointer-events:auto}
#hero .hero-scroll-track{display:block;position:relative;width:20px;height:34px;border:1px solid #f0f0f058;border-radius:12px}
#hero .hero-scroll-track>span{display:block;position:absolute;width:2px;height:7px;left:8px;top:7px;background:#d3d3d3;border-radius:2px;animation:sfe-scroll-nudge 2.4s cubic-bezier(.62,.05,.01,.99) infinite}
#hero .hero-scroll:hover{color:#f0f0f0}
#hero .hero-scroll:focus-visible{outline:2px solid #d3d3d3;outline-offset:5px}
@keyframes sfe-scroll-nudge{0%,12%{transform:translateY(0);opacity:0}26%{opacity:1}78%{transform:translateY(12px);opacity:1}100%{transform:translateY(12px);opacity:0}}

/* The text carries the explanation; the faint decorative sphere is removed. */
#technology .technology-explanation{align-self:center;padding-bottom:0}
#technology .technology-explanation>p{max-width:510px;margin-inline:auto;font-size:var(--text-4);line-height:1.5;color:#ebebeb}
#technology .technology-explanation>p>span{display:block;padding:22px 0;border-top:1px solid #f0f0f030}
#technology .technology-explanation>p>span:last-child{border-bottom:1px solid #f0f0f030}

/* Noema's generous chapter / image composition; long copy stays in normal flow. */
#advantages{padding:clamp(40px,5vw,88px) 0 0;background:#000000}
#advantages .advantages-list{height:auto;margin:0;padding:0}
#advantages .advantage-item{position:relative;top:auto;height:auto;z-index:auto;background:#000000}
#advantages .advantage-meta{grid-template-columns:56px minmax(0,1fr);gap:20px;min-height:64px;padding:18px 0;border-top:1px solid #f0f0f038}
#advantages .advantage-item:first-child .advantage-meta{border-top:1px solid #f0f0f038}
#advantages .advantage-number{color:#d3d3d3}
#advantages .advantage-label{font-size:var(--text-2);letter-spacing:.04em}
#advantages .advantage-content{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,5vw,92px);align-items:start;overflow:visible;padding:26px 0 clamp(72px,8vw,140px)}
#advantages .advantage-text-wrap{display:block;grid-column:1;grid-row:1;overflow:visible;padding:0}
#advantages .advantage-text-wrap::before{display:none}
#advantages .advantage-text{display:block;transform:none;padding:0;will-change:auto}
#advantages .advantage-title{width:100%;max-width:640px;font-size:var(--text-7);line-height:1.1;letter-spacing:-.04em}
#advantages .advantage-facts{max-width:640px;width:100%;margin:36px 0 0}
#advantages .advantage-fact{padding:22px 0;grid-template-columns:28px minmax(0,1fr);gap:18px;border-top:1px solid #f0f0f024}
#advantages .advantage-fact .benefit-number{font-size:var(--text-1);color:#d3d3d3}
#advantages .advantage-fact h3{font-size:var(--text-4);line-height:1.22}
#advantages .advantage-fact p{font-size:var(--text-3);line-height:1.65;margin-top:12px;color:#d3d3d3}
#advantages .advantage-media{grid-column:2;grid-row:1;position:sticky;top:116px;width:100%;height:clamp(360px,43vw,620px);max-height:calc(100svh - 144px);min-height:0;border:1px solid #f0f0f020;background:#1d1d1b}
#advantages .advantage-picture{height:100%}
#advantages .advantage-image{height:100%;object-fit:cover;transform:scale(1.04);opacity:.8;transition:transform 1.6s cubic-bezier(.16,1,.3,1),opacity 1s ease}
#advantages .advantage-item.is-advantage-visible .advantage-image{transform:scale(1);opacity:1}

/* Curtain reveal, then staggered navigation; closing has its own trajectory. */
dialog.reference-menu{width:var(--sfe-page-width,100%);right:auto;opacity:1;clip-path:inset(100% 0 0 0);transition:clip-path 900ms cubic-bezier(.62,.05,.01,.99);will-change:clip-path}
dialog.reference-menu::backdrop{background:#00000000;transition:background-color 650ms ease}
dialog.reference-menu.is-menu-open{clip-path:inset(0 0 0 0)}
dialog.reference-menu.is-menu-open::backdrop{background:#00000099}
dialog.reference-menu.is-closing{clip-path:inset(0 0 100% 0);transition-duration:720ms;pointer-events:none}
.reference-menu .menu-header{transform:translateY(-18px);opacity:0;transition:transform 700ms cubic-bezier(.16,1,.3,1),opacity 450ms ease}
.reference-menu.is-menu-open .menu-header{transform:translateY(0);opacity:1;transition-delay:260ms}
.reference-menu .menu-primary-list{transform:translate3d(calc(var(--menu-x,0px)*-.12),calc(var(--menu-y,0px)*-.1),0);will-change:transform}
.reference-menu .menu-primary-link{transform:translate3d(24px,30px,0);transition:opacity 650ms ease,transform 850ms cubic-bezier(.16,1,.3,1)}
.reference-menu.is-menu-open .menu-primary-link:nth-child(n){transform:translate3d(0,0,0);transition-delay:calc(230ms + var(--menu-order,0)*55ms)}
.reference-menu .menu-secondary{transition:opacity 700ms ease,transform 900ms cubic-bezier(.16,1,.3,1)}
.reference-menu.is-menu-open .menu-secondary{transition-delay:470ms}
.reference-menu .menu-particles{opacity:0;transform:translate3d(36px,24px,0) scale(1.035);transition:opacity 750ms ease,transform 1100ms cubic-bezier(.16,1,.3,1)}
.reference-menu.is-menu-open .menu-particles{opacity:.74;transform:translate3d(0,0,0) scale(1);transition-delay:180ms}
.reference-menu .particle-canvas{transform:translate3d(var(--menu-x,0px),var(--menu-y,0px),0)}
.reference-menu.is-closing .menu-header{transform:translateY(-24px);opacity:0;transition-delay:0ms;transition-duration:300ms}
.reference-menu.is-closing .menu-primary-link{opacity:0;transform:translate3d(-12px,-28px,0);transition-delay:calc(var(--menu-order,0)*18ms);transition-duration:380ms}
.reference-menu.is-closing .menu-secondary{opacity:0;transform:translateY(-22px);transition-delay:0ms;transition-duration:360ms}
.reference-menu.is-closing .menu-particles{opacity:0;transform:translate3d(-28px,-32px,0) scale(.97);transition-delay:0ms;transition-duration:650ms}
.reference-menu.is-closing .site-menu{pointer-events:none}

/* Machine artwork reaches the frame evenly, without a vignette or edge mask. */
.model-picture .topo-canvas,.catalog-photo .topo-canvas,.product-detail-photo .topo-canvas{mask-image:none;-webkit-mask-image:none;opacity:1;mix-blend-mode:normal}
@media(max-width:1000px){
 #advantages .advantage-content{grid-template-columns:minmax(0,1fr);gap:34px;padding-bottom:72px}
 #advantages .advantage-media{grid-column:1;grid-row:1;position:relative;top:auto;height:clamp(280px,58vw,580px);max-height:none}
 #advantages .advantage-text-wrap{grid-column:1;grid-row:2}
 #advantages .advantage-title,#advantages .advantage-facts{max-width:none}
 #advantages .advantage-title{font-size:var(--text-7)}
}
@media(max-width:760px){
 #hero .hero-scroll{bottom:24px;font-size:var(--text-2);gap:8px}
 #advantages .advantage-meta{grid-template-columns:38px minmax(0,1fr);gap:15px;min-height:58px}
 #advantages .advantage-label{font-size:var(--text-2);letter-spacing:0}
 #advantages .advantage-content{gap:26px;padding-top:16px;padding-bottom:58px}
 #advantages .advantage-title{font-size:var(--text-6)}
 #advantages .advantage-facts{margin-top:27px}
 #advantages .advantage-fact{gap:12px;padding:20px 0;grid-template-columns:24px minmax(0,1fr)}
 #advantages .advantage-fact h3{font-size:var(--text-4)}
 #technology .technology-explanation>p{font-size:var(--text-3)}
 #technology .technology-explanation>p>span{padding:17px 0}
}
@media(prefers-reduced-motion:reduce){
 #hero .hero-scroll-track>span{animation:none;opacity:1;transform:translateY(5px)}
 #advantages .advantage-media{position:relative;top:auto}
 #advantages .advantage-image{opacity:1;transform:none;transition:none}
 dialog.reference-menu,dialog.reference-menu::backdrop,.reference-menu *{transition:none!important;will-change:auto}
 .reference-menu .menu-primary-list,.reference-menu .particle-canvas{transform:none}
}
@media print{#advantages .advantage-media{position:static;max-height:none}#hero .hero-scroll{display:none}}