/* site-shell-vm20261030.css: site-shell-vl20261029.css + touch screens answer height media queries once, from the height at page load (2026-10-30) */
[data-site-shell]{--site-shell-fg: rgba(246, 248, 247, .94);--site-shell-muted: rgba(246, 248, 247, .68);--site-shell-line: rgba(246, 248, 247, .84);--site-shell-scrim: linear-gradient( to bottom, rgba(5, 7, 8, .2) 0%, rgba(5, 7, 8, .08) 52%, rgba(5, 7, 8, 0) 100% );position:fixed;inset:0 0 auto;z-index:120;min-height:0!important;padding:0!important;color:var(--site-shell-fg)!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}[data-site-shell]:before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:116px;background:var(--site-shell-scrim);opacity:0;pointer-events:none;transition:opacity .36s ease}[data-site-shell].is-scrolled:before{opacity:1}body.project-manual-page.project-premium-redesign.is-project-showroom-view [data-site-shell]{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-site-shell].is-on-light{--site-shell-fg: rgba(8, 14, 16, .92);--site-shell-muted: rgba(8, 14, 16, .62);--site-shell-line: rgba(8, 14, 16, .8);--site-shell-scrim: linear-gradient( to bottom, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .1) 52%, rgba(255, 255, 255, 0) 100% )}[data-site-shell].is-on-dark{--site-shell-fg: #fff;--site-shell-muted: #fff;--site-shell-line: #fff}[data-site-shell] .site-header__bar{position:relative;z-index:3;width:100%;min-height:72px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,64px);padding:16px clamp(22px,4.8vw,72px);color:var(--site-shell-fg);background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto;opacity:1;transform:translateZ(0);transition:opacity .36s ease,transform .42s cubic-bezier(.22,1,.36,1),color .34s ease;will-change:opacity,transform}[data-site-shell] .brand{display:inline-flex;align-items:center;gap:13px;min-width:0;color:currentColor!important;text-shadow:none!important;transition:color .34s ease}[data-site-shell] .brand-sign{position:relative;flex:0 0 auto;display:block;width:96px!important;height:auto!important;aspect-ratio:320 / 186;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}[data-site-shell] .brand-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;filter:none!important;transition:opacity .36s ease}[data-site-shell].is-on-dark .brand-logo--light,[data-site-shell].is-on-light .brand-logo--dark{opacity:1}[data-site-shell] .brand-name{display:inline-block!important;color:currentColor!important;white-space:nowrap;font-size:16px!important;font-weight:800;letter-spacing:0;transition:color .34s ease}[data-site-shell] .site-primary-nav{flex:0 1 auto;display:flex!important;align-items:center;gap:clamp(18px,2.25vw,36px)!important;max-width:none!important;overflow:visible!important;padding:0!important;color:var(--site-shell-muted)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:15px!important;font-weight:700!important;letter-spacing:0}[data-site-shell] .site-primary-nav a{position:relative;min-width:0!important;padding:10px 0!important;color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:1;letter-spacing:0;text-align:center;transform:translateZ(0);transition:color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}[data-site-shell] .site-primary-nav a:after{content:"";position:absolute;left:50%;bottom:3px;width:100%;height:1px;background:var(--site-shell-line);opacity:0;transform:translate(-50%) scaleX(0);transform-origin:center;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1),width .22s ease}[data-site-shell] .site-primary-nav a:hover,[data-site-shell] .site-primary-nav a:focus-visible{color:var(--site-shell-fg)!important;background:transparent!important;outline:none;transform:translate3d(0,-1px,0)}[data-site-shell] .site-primary-nav a:hover:after,[data-site-shell] .site-primary-nav a:focus-visible:after{opacity:1;transform:translate(-50%) scaleX(1)}[data-site-shell] .site-primary-nav a.is-current{color:var(--site-shell-fg)!important;background:transparent!important}[data-site-shell] .site-primary-nav a.is-current:after{width:14px;opacity:.9;transform:translate(-50%) scaleX(1)}[data-site-shell] .site-primary-nav a:focus-visible{outline:1px solid var(--site-shell-line);outline-offset:5px}[data-site-shell] .site-menu-toggle{position:relative;z-index:5;flex:0 0 44px;display:none;width:44px;height:44px;align-items:center;justify-content:center;padding:0;color:currentColor;background:transparent;border:0;border-radius:0;cursor:pointer}[data-site-shell] .site-menu-toggle:focus-visible{outline:1px solid currentColor;outline-offset:2px}[data-site-shell] .site-menu-toggle__bars{position:relative;display:block;width:22px;height:16px}[data-site-shell] .site-menu-toggle__line{position:absolute;left:0;width:22px;height:1.5px;background:currentColor;transform-origin:center;transition:top .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .3s cubic-bezier(.22,1,.36,1)}[data-site-shell] .site-menu-toggle__line:nth-child(1){top:0}[data-site-shell] .site-menu-toggle__line:nth-child(2){top:7px}[data-site-shell] .site-menu-toggle__line:nth-child(3){top:14px}html.site-menu-open [data-site-shell] .site-menu-toggle{color:#f8f9f8f5}html.site-menu-open [data-site-shell]{--site-shell-fg: rgba(248, 249, 248, .96);--site-shell-muted: rgba(248, 249, 248, .72);--site-shell-line: rgba(248, 249, 248, .88);--site-shell-scrim: linear-gradient( to bottom, rgba(2, 4, 5, .68) 0%, rgba(2, 4, 5, .24) 58%, rgba(2, 4, 5, 0) 100% )}html.site-menu-open [data-site-shell]:before{opacity:1}html.site-menu-open [data-site-shell] .brand-logo--light{opacity:1}html.site-menu-open [data-site-shell] .brand-logo--dark{opacity:0}html.site-menu-open [data-site-shell] .site-menu-toggle__line:nth-child(1){top:7px;transform:rotate(45deg)}html.site-menu-open [data-site-shell] .site-menu-toggle__line:nth-child(2){opacity:0;transform:scaleX(.3)}html.site-menu-open [data-site-shell] .site-menu-toggle__line:nth-child(3){top:7px;transform:rotate(-45deg)}[data-site-shell] .site-mobile-menu[hidden]{display:none!important}[data-site-shell] .site-mobile-menu{position:fixed;inset:0;z-index:2;box-sizing:border-box;display:flex;min-height:calc(100 * var(--vh1, 1vh));padding:0;color:#f8f9f8f5;background:#02040529;visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s linear .42s,opacity .28s ease}html.site-menu-open [data-site-shell] .site-mobile-menu{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}[data-site-shell] .site-mobile-menu__inner{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:clamp(140px,62vw,340px);min-height:calc(100 * var(--vh1, 1vh));margin:0 0 0 auto;padding:calc(104px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) 30px;color:#f8f9f8f5;background:linear-gradient(90deg,#05070800,#0507084d 24%,#050708c2 58%,#050708f5);border-left:0;box-shadow:none;backdrop-filter:blur(10px) saturate(1.04);-webkit-backdrop-filter:blur(10px) saturate(1.04);transform:translate3d(100%,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}html.site-menu-open [data-site-shell] .site-mobile-menu__inner{transform:translateZ(0)}[data-site-shell] .site-mobile-menu__eyebrow{margin:0 0 20px;color:#c4d7d694;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:0}[data-site-shell] .site-mobile-menu nav{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;max-width:none!important;overflow:visible!important;padding:0!important;color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-site-shell] .site-mobile-menu nav a{position:relative;display:flex;width:100%;min-height:44px;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:center;padding:4px 0 4px 22px!important;color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:20px;font-weight:600;line-height:1.08;letter-spacing:0;white-space:nowrap;opacity:0;transform:translate3d(0,14px,0);transition:opacity .36s ease,transform .42s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--menu-index, 0) * 52ms)}[data-site-shell] .site-mobile-menu__en{display:block;margin-bottom:3px;color:#9fc9c8c7;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;line-height:1.15;letter-spacing:0}[data-site-shell] .site-mobile-menu__label{display:block;color:#f8f9f8f5;line-height:1.08}html.site-menu-open [data-site-shell] .site-mobile-menu nav a{opacity:1;transform:translateZ(0)}[data-site-shell] .site-mobile-menu.is-closing nav a{opacity:0;transform:translate3d(0,8px,0);transition-duration:.18s;transition-delay:calc((4 - var(--menu-index, 0)) * 24ms)}[data-site-shell] .site-mobile-menu nav a:before{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:currentColor;opacity:0;transform:translateY(-50%) scaleX(0);transform-origin:left;transition:opacity .22s ease,transform .26s ease}[data-site-shell] .site-mobile-menu nav a:hover:before,[data-site-shell] .site-mobile-menu nav a:focus-visible:before,[data-site-shell] .site-mobile-menu nav a.is-current:before{opacity:.9;transform:translateY(-50%) scaleX(1)}[data-site-shell] .site-mobile-menu nav a:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}html.site-menu-open,html.site-menu-open body{overflow:hidden}@media(max-width:760px){[data-site-shell]:before{height:102px}[data-site-shell] .site-header__bar{min-height:66px;gap:12px;padding:calc(11px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 11px max(16px,env(safe-area-inset-left))}[data-site-shell] .brand{gap:9px}[data-site-shell] .brand-sign{width:80px!important;height:auto!important}[data-site-shell] .brand-name{max-width:8em;overflow:hidden;font-size:14px!important;text-overflow:ellipsis}[data-site-shell] .site-primary-nav{display:none!important}[data-site-shell] .site-menu-toggle{display:flex}}@media(max-width:380px){[data-site-shell] .brand-name{max-width:7em;font-size:11px}[data-site-shell] .site-mobile-menu nav a{font-size:19px}[data-site-shell] .site-mobile-menu__en{font-size:8px}}@media(max-height:520px)and (orientation:landscape) and (hover: hover), (max-height:520px)and (orientation:landscape) and (pointer: fine), (max-height:520px)and (orientation:landscape) and (pointer: none){[data-site-shell] .site-mobile-menu__inner{overflow-y:auto;justify-content:flex-start;padding-top:calc(82px + env(safe-area-inset-top))}[data-site-shell] .site-mobile-menu__eyebrow{margin-bottom:12px}[data-site-shell] .site-mobile-menu nav a{min-height:38px;padding-block:3px!important;font-size:18px}[data-site-shell] .site-mobile-menu__en{margin-bottom:2px;font-size:8px}}@media(hover: none) and (pointer: coarse) and (orientation:landscape){:where(html.vq-xh520) [data-site-shell] .site-mobile-menu__inner{overflow-y:auto;justify-content:flex-start;padding-top:calc(82px + env(safe-area-inset-top))}:where(html.vq-xh520) [data-site-shell] .site-mobile-menu__eyebrow{margin-bottom:12px}:where(html.vq-xh520) [data-site-shell] .site-mobile-menu nav a{min-height:38px;padding-block:3px!important;font-size:18px}:where(html.vq-xh520) [data-site-shell] .site-mobile-menu__en{margin-bottom:2px;font-size:8px}}@media(prefers-reduced-motion:reduce){[data-site-shell]:before,[data-site-shell] .site-header__bar,[data-site-shell] .brand-logo,[data-site-shell] .site-primary-nav a,[data-site-shell] .site-primary-nav a:after,[data-site-shell] .site-menu-toggle__line,[data-site-shell] .site-mobile-menu,[data-site-shell] .site-mobile-menu__inner,[data-site-shell] .site-mobile-menu nav a{transition-duration:1ms!important;transition-delay:0ms!important}}
