/* Homepage public chrome snapshot, 2026-09-13. Selectors isolated from Residential content. */
.homepage-chrome :where(*:not(svg):not(svg *)),.homepage-chrome :where(*)::before,.homepage-chrome :where(*)::after{all:revert}
.homepage-chrome .submenu-dismissed>.sub-menu{display:none!important}
.homepage-chrome{display:contents;font-size:16px;letter-spacing:normal}
.homepage-chrome{--bg: #f5efe6; --bg-alt: #e8ddd0; --paper: rgba(255, 255, 255, 0.78); --paper-strong: #fffaf3; --ink: #1b1c1d; --muted: #5d615d; --line: rgba(27, 28, 29, 0.12); --brand: #0f5d58; --brand-deep: #0a3e3b; --accent: #bb7d3b; --accent-soft: #f0d8bd; --shadow: 0 24px 70px rgba(24, 27, 28, 0.12); --radius-lg: 34px; --radius-md: 24px; --radius-sm: 18px; --shell: min(1200px, calc(100vw - 56px)); --font-sans: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif; --font-serif: "Iowan Old Style", "Book Antiqua", "Palatino Linotype", serif; --mirrorcraft-display-hero-size: clamp(3.45rem, 4.6vw, 5.45rem); --mirrorcraft-display-hero-line: 0.9; --mirrorcraft-display-hero-track: -0.04em;}
.homepage-chrome :is(.visual-note, .concept-note, .hero-image > .concept, .series-visuals figcaption small){display: none !important;}
.homepage-chrome :is(.hero-photo, .evidence-card)::before, .homepage-chrome :is(.hero-photo, .evidence-card)::after{content: none !important;}
.homepage-chrome{scroll-behavior: smooth;}
.homepage-chrome{margin: 0px; background: radial-gradient(circle at top left, rgba(187, 125, 59, 0.12), transparent 38%),
    radial-gradient(circle at top right, rgba(15, 93, 88, 0.12), transparent 32%),
    var(--bg); color: var(--ink); font-family: var(--font-sans); line-height: 1.72;}
.homepage-chrome img{display: block; max-width: 100%; height: auto;}
.homepage-chrome a{color: inherit; text-decoration: none;}
.homepage-chrome p, .homepage-chrome ul, .homepage-chrome ol, .homepage-chrome blockquote{margin: 0px;}
.homepage-chrome ul, .homepage-chrome ol{padding-left: 1.2rem;}
.homepage-chrome button, .homepage-chrome input, .homepage-chrome textarea, .homepage-chrome select{font: inherit;}
.homepage-chrome .shell{width: var(--shell); margin: 0px auto;}
.homepage-chrome .site-header{position: sticky; top: 0px; z-index: 10000; backdrop-filter: blur(16px); background: rgba(245, 239, 230, 0.78); border-bottom: 1px solid transparent; transition: border-color 180ms, background 180ms, box-shadow 180ms;}
.homepage-chrome .site-header.is-scrolled{border-bottom-color: var(--line); box-shadow: rgba(24, 27, 28, 0.06) 0px 14px 38px;}
.homepage-chrome .site-header{background: rgba(245, 239, 230, 0.92) !important; border-bottom: 1px solid rgba(27, 28, 29, 0.08) !important; box-shadow: rgba(24, 27, 28, 0.06) 0px 14px 38px !important;}
.homepage-chrome .brand-title, .homepage-chrome .nav-toggle, .homepage-chrome .nav-list > li.current-menu-item > a, .homepage-chrome .nav-list > li.current-menu-parent > a, .homepage-chrome .nav-list a:hover, .homepage-chrome .nav-list a:focus-visible{color: var(--ink) !important;}
.homepage-chrome .brand-tagline, .homepage-chrome .nav-list a{color: var(--muted) !important;}
.homepage-chrome .nav-list > li > a::before{background: rgb(29, 74, 133) !important;}
.homepage-chrome .nav-list .sub-menu{border-color: var(--line) !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: rgba(34, 28, 20, 0.12) 0px 24px 44px !important;}
.homepage-chrome .nav-list .sub-menu a{color: var(--muted) !important;}
.homepage-chrome .nav-list .sub-menu a:hover, .homepage-chrome .nav-list .sub-menu a:focus-visible{background: var(--brand) !important; color: rgb(255, 255, 255) !important;}
.homepage-chrome .header-actions .button-primary{background: var(--brand) !important; border-color: transparent !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(15, 93, 88, 0.18) 0px 18px 36px !important;}
.homepage-chrome .header-actions .button-primary:hover, .homepage-chrome .header-actions .button-primary:focus-visible{background: var(--brand-deep) !important;}
.homepage-chrome .header-shell{display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; padding: 20px 0px; position: relative;}
.homepage-chrome .custom-logo-link, .homepage-chrome .site-brand a{display: inline-flex; align-items: center;}
.homepage-chrome .custom-logo, .homepage-chrome .site-brand img{max-height: 72px; width: auto;}
.homepage-chrome .site-nav{justify-self: center;}
.homepage-chrome .brand-lockup{display: inline-flex; align-items: center; gap: 12px;}
.homepage-chrome .site-brand-mark{display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 0px; background: transparent;}
.homepage-chrome .brand-image{width: 100%; height: 100%; object-fit: contain;}
.homepage-chrome .brand-copy{display: grid;}
.homepage-chrome .brand-title{font-family: var(--font-serif); font-size: 1.12rem; font-weight: 700; letter-spacing: 0.04em;}
.homepage-chrome .brand-tagline{color: var(--muted); font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase;}
.homepage-chrome .nav-list{list-style: none; display: flex; align-items: center; flex-wrap: nowrap; gap: 26px; margin: 0px; padding: 0px;}
.homepage-chrome .nav-list a{color: var(--muted); font-size: 0.98rem; letter-spacing: 0.01em; transition: color 160ms;}
.homepage-chrome h1, .homepage-chrome h2, .homepage-chrome h3, .homepage-chrome h4, .homepage-chrome h5, .homepage-chrome h6{font-family: var(--font-serif); font-weight: 700; text-wrap: balance;}
.homepage-chrome .nav-list > li > a{position: relative; display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap;}
.homepage-chrome .nav-list{flex-wrap: nowrap;}
@media (max-width: 1240px){.homepage-chrome .nav-list{gap: 18px;}}
@media (max-width: 1240px){.homepage-chrome .nav-list a{font-size: 0.94rem;}}
@media (max-width: 1240px){.homepage-chrome .nav-list .sub-menu--mega{left: clamp(-180px, -12vw, -90px); min-width: min(820px, -40px + 100vw); width: min(820px, -40px + 100vw);}}
@media (max-width: 1240px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{left: clamp(-180px, -12vw, -90px); width: min(820px, -40px + 100vw);}}
@media (max-width: 1240px){.homepage-chrome .nav-mega-menu__groups{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
.homepage-chrome .nav-list a:hover, .homepage-chrome .nav-list a:focus-visible{color: var(--ink);}
.homepage-chrome .nav-list > li{position: relative; flex: 0 0 auto;}
.homepage-chrome .nav-list > li.current-menu-item > a, .homepage-chrome .nav-list > li.current-menu-parent > a{color: var(--ink); font-weight: 650;}
.homepage-chrome .nav-list > li > a::before{content: ""; position: absolute; left: 0px; right: 0px; bottom: -4px; height: 2px; border-radius: 999px; background: rgb(29, 74, 133); transform: scaleX(0); transform-origin: center center; transition: transform 160ms;}
.homepage-chrome .nav-list > li.current-menu-item > a::before, .homepage-chrome .nav-list > li.current-menu-parent > a::before, .homepage-chrome .nav-list > li > a:hover::before, .homepage-chrome .nav-list > li > a:focus-visible::before{transform: scaleX(1);}
.homepage-chrome .nav-list > li.menu-item-has-children > a{gap: 8px;}
.homepage-chrome .nav-list > li.menu-item-has-children > a::after{content: ""; width: 7px; height: 7px; margin-top: -3px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); transform-origin: center center; transition: transform 160ms;}
.homepage-chrome .nav-list > li.menu-item-has-children:hover > a::after, .homepage-chrome .nav-list > li.menu-item-has-children:focus-within > a::after, .homepage-chrome .nav-list > li.menu-item-has-children.is-submenu-open > a::after, .homepage-chrome .nav-list > li.current-menu-parent > a::after{transform: rotate(225deg) translate(-1px, -1px);}
.homepage-chrome .nav-list > li.menu-item-has-children::after{content: ""; position: absolute; top: 100%; left: 0px; width: max(100%, 232px); height: 56px; z-index: 10010; pointer-events: none;}
.homepage-chrome .nav-list > li.menu-item-has-children:hover::after, .homepage-chrome .nav-list > li.menu-item-has-children:focus-within::after, .homepage-chrome .nav-list > li.menu-item-has-children.is-submenu-open::after{pointer-events: auto;}
.homepage-chrome .nav-list .sub-menu{position: absolute; top: 100%; left: 0px; min-width: 232px; list-style: none; margin: 0px; padding: 12px; display: none; gap: 6px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.96); box-shadow: rgba(34, 28, 20, 0.12) 0px 24px 44px; z-index: 10020;}
.homepage-chrome .nav-list .sub-menu a{display: block; padding: 12px 16px; border-radius: 12px; font-size: 0.95rem; line-height: 1.4;}
@media (min-width: 861px){.homepage-chrome .nav-list > li.menu-item-has-children:not(.menu-item-has-mega-menu) > .sub-menu{min-width: 280px;}}
@media (min-width: 861px){.homepage-chrome .nav-list > li.menu-item-has-children:not(.menu-item-has-mega-menu) > .sub-menu a{white-space: nowrap;}}
.homepage-chrome .nav-list .sub-menu a:hover, .homepage-chrome .nav-list .sub-menu a:focus-visible{color: rgb(255, 255, 255); background: var(--brand);}
.homepage-chrome .nav-list > li.nav-item--medicine-cabinet > a{font-size: 0.9rem; letter-spacing: 0.03em;}
.homepage-chrome .nav-mega-menu{display: grid; gap: 18px;}
.homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__title{display: inline-flex; align-items: center; width: max-content; padding: 0px 0px 10px; border-bottom: 1px solid rgba(20, 38, 63, 0.12); color: var(--ink); font-size: 1rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;}
.homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__title:hover, .homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__title:focus-visible{color: var(--brand); background: transparent;}
.homepage-chrome .nav-mega-menu__groups{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 20px 24px;}
.homepage-chrome .nav-list > li.menu-item-products .nav-mega-menu__groups{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__groups{grid-template-columns: 1.65fr 1fr 1fr;}
.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group + .nav-mega-menu__group{padding-left: 24px; border-left: 1px solid rgba(20, 38, 63, 0.14);}
@media (min-width: 1121px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu{position: static;}}
@media (min-width: 1121px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{left: 0px; width: 100%;}}
@media (min-width: 1121px){.homepage-chrome .nav-list .sub-menu--mega{left: 0px; right: 0px; min-width: 0px; width: 100%; gap: 18px; padding: 22px 24px 24px;}}
.homepage-chrome .nav-mega-menu__group{position: relative; display: grid; align-content: start; gap: 10px; min-width: 0px;}
@media (min-width: 1121px){.homepage-chrome .nav-list > li:is(.menu-item-products, .nav-item--medicine-cabinet) .nav-mega-menu__group + .nav-mega-menu__group::before{content: ""; position: absolute; top: 0px; bottom: 0px; left: -12px; width: 1px; background: rgba(20, 38, 63, 0.12);}}
.homepage-chrome .nav-mega-menu__eyebrow{margin: 0px; color: rgb(102, 119, 140); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
.homepage-chrome .nav-mega-menu__links{list-style: none; display: grid; gap: 4px; margin: 0px; padding: 0px;}
.homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__links a{display: block; padding: 8px 10px; border-radius: 10px; color: var(--ink); font-size: 0.92rem; line-height: 1.4; text-wrap: balance;}
.homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__links a:hover, .homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__links a:focus-visible{color: var(--brand); background: rgba(29, 74, 133, 0.08);}
.homepage-chrome .nav-list > li:hover > .sub-menu, .homepage-chrome .nav-list > li:focus-within > .sub-menu, .homepage-chrome .nav-list > li.is-submenu-open > .sub-menu{display: grid;}
.homepage-chrome .header-actions{display: flex; align-items: center; gap: 12px;}
.homepage-chrome .button{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0px 22px; border: 1px solid transparent; border-radius: 999px; font-family: var(--font-sans); font-weight: 650; letter-spacing: 0.015em; transition: transform 160ms, box-shadow 160ms, background 160ms, color 160ms, border-color 160ms;}
.homepage-chrome .button:hover, .homepage-chrome .button:focus-visible{transform: translateY(-1px);}
.homepage-chrome .button-primary{background: var(--brand); color: rgb(255, 255, 255); box-shadow: rgba(15, 93, 88, 0.18) 0px 14px 34px;}
.homepage-chrome .button-primary:hover, .homepage-chrome .button-primary:focus-visible{background: var(--brand-deep);}
.homepage-chrome .nav-toggle{display: none; align-items: center; gap: 10px; background: none; border: 0px; color: var(--ink); padding: 0px;}
.homepage-chrome .nav-toggle-box{width: 24px; display: grid; gap: 4px;}
.homepage-chrome .nav-toggle-line{height: 2px; border-radius: 999px; background: currentcolor;}
.homepage-chrome h1, .homepage-chrome h2, .homepage-chrome h3, .homepage-chrome h4{margin: 0px; font-family: var(--font-serif); font-weight: 700; line-height: 1.04;}
.homepage-chrome h2{font-size: clamp(1.8rem, 4vw, 3.1rem); letter-spacing: -0.03em;}
.homepage-chrome h3{font-size: clamp(1.2rem, 2.4vw, 1.7rem);}
.homepage-chrome .site-footer{position: relative; margin-top: 96px; color: rgba(255, 255, 255, 0.86); background: radial-gradient(circle at left top, rgba(255, 255, 255, 0.06), transparent 28%), linear-gradient(rgb(53, 59, 70) 0%, rgb(47, 52, 61) 100%); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset; overflow: hidden;}
.homepage-chrome .footer-shell{padding-top: 52px; padding-bottom: 48px;}
.homepage-chrome .footer-cta{display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 50px; padding: clamp(28px, 3vw, 40px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 28px; background: linear-gradient(120deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035));}
.homepage-chrome .footer-cta-copy{max-width: 760px;}
.homepage-chrome .footer-cta h2{margin: 8px 0px; font-family: var(--font-serif); font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.05; color: rgb(255, 255, 255);}
.homepage-chrome .footer-cta-copy > p:last-child{margin: 0px; max-width: 68ch; color: rgba(255, 255, 255, 0.72); line-height: 1.65;}
.homepage-chrome .footer-cta-actions{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px;}
.homepage-chrome .footer-cta-button{display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1.15; min-height: 48px; padding: 0px 20px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; font-size: 0.92rem; font-weight: 700; white-space: nowrap; transition: transform 160ms, background-color 160ms, border-color 160ms;}
.homepage-chrome .footer-cta-button:hover, .homepage-chrome .footer-cta-button:focus-visible{color: rgb(255, 255, 255); transform: translateY(-2px);}
.homepage-chrome .footer-cta-button-primary{border-color: rgb(255, 255, 255); background: rgb(255, 255, 255); color: rgb(39, 48, 57);}
.homepage-chrome .footer-cta-button-primary:hover, .homepage-chrome .footer-cta-button-primary:focus-visible{color: rgb(39, 48, 57); background: rgb(245, 241, 234);}
.homepage-chrome .footer-cta-button-secondary{color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.06);}
.homepage-chrome .footer-grid{display: grid; grid-template-columns: minmax(280px, 1.25fr) repeat(4, minmax(140px, 0.8fr)); gap: clamp(30px, 3vw, 58px); align-items: start;}
.homepage-chrome .footer-brand-panel, .homepage-chrome .footer-column{display: grid; align-content: start;}
.homepage-chrome .footer-brand-panel{position: relative; gap: 26px; grid-column: 1; padding-right: clamp(24px, 3vw, 44px);}
.homepage-chrome .footer-column-product{grid-column: 2;}
.homepage-chrome .footer-column-markets{grid-column: 3;}
.homepage-chrome .footer-column-company{grid-column: 4;}
.homepage-chrome .footer-column-support{grid-column: 5;}
.homepage-chrome .footer-brand-panel::after{content: ""; position: absolute; top: 4px; right: 0px; bottom: 4px; width: 1px; background: linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.02));}
.homepage-chrome .footer-wordmark{display: inline-flex; align-items: center; font-family: var(--font-serif); font-size: clamp(2rem, 3.6vw, 3.25rem); font-weight: 800; letter-spacing: -0.06em; color: rgb(255, 255, 255); line-height: 0.92;}
.homepage-chrome .footer-copy{margin: 0px; max-width: 29ch; font-size: 0.98rem; font-weight: 550; line-height: 1.74; text-wrap: pretty; color: rgba(255, 255, 255, 0.86);}
.homepage-chrome .footer-copy-lead{color: rgba(255, 255, 255, 0.92);}
.homepage-chrome .footer-contact-card{display: grid; gap: 18px;}
.homepage-chrome .footer-contact-card{max-width: 25rem; padding: 24px 24px 22px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.04); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset;}
.homepage-chrome .footer-meta-title{margin: 0px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255, 255, 255, 0.56);}
.homepage-chrome .footer-contact-listing{display: grid; gap: 16px;}
.homepage-chrome .footer-contact-row{display: grid; grid-template-columns: 42px minmax(0px, 1fr); align-items: start; gap: 10px 12px;}
.homepage-chrome .footer-contact-icon{display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255);}
.homepage-chrome .footer-contact-icon svg{display: block; width: 20px; height: 20px;}
.homepage-chrome .footer-contact-row a, .homepage-chrome .footer-contact-row span{color: rgba(255, 255, 255, 0.86);}
.homepage-chrome .footer-contact-row a{font-size: 1rem; font-weight: 600; line-height: 1.4;}
.homepage-chrome .footer-column{gap: 18px; padding-top: 14px;}
.homepage-chrome .footer-links{list-style: none; margin: 0px; padding: 0px; display: grid;}
.homepage-chrome .footer-links-compact{gap: 10px;}
.homepage-chrome .footer-column-markets .footer-links{grid-template-columns: 1fr;}
.homepage-chrome .footer-links a{display: inline-block; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.46; overflow-wrap: anywhere; transition: color 160ms, transform 160ms;}
.homepage-chrome .footer-links a:hover, .homepage-chrome .footer-links a:focus-visible{color: rgb(255, 255, 255); transform: translateX(2px);}
.homepage-chrome .footer-section-title{margin: 0px; font-family: var(--font-sans); font-size: clamp(1.05rem, 1.4vw, 1.28rem); font-weight: 650; letter-spacing: 0.01em; line-height: 1.15; color: rgb(255, 255, 255);}
.homepage-chrome .footer-subbar{border-top: 1px solid rgba(255, 255, 255, 0.12);}
.homepage-chrome .footer-subbar-shell{display: flex; align-items: center; gap: 20px; padding: 20px 0px 28px; justify-content: space-between;}
.homepage-chrome .footer-legal-links{display: flex; flex-wrap: wrap; gap: 12px 24px;}
.homepage-chrome .footer-legal-links a{color: rgba(255, 255, 255, 0.72); font-size: 0.9rem;}
.homepage-chrome .footer-legal-links a:hover, .homepage-chrome .footer-legal-links a:focus-visible{color: rgb(255, 255, 255);}
.homepage-chrome .footer-subbar-shell p{color: rgba(255, 255, 255, 0.76); font-size: 0.94rem;}
@media (max-width: 1280px){.homepage-chrome .footer-cta{align-items: flex-start;}}
@media (max-width: 1280px){.homepage-chrome .footer-grid{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
@media (max-width: 1280px){.homepage-chrome .footer-brand-panel{grid-column: 1 / -1; grid-template-columns: minmax(0px, 1.2fr) minmax(260px, 0.9fr); gap: 18px 34px; padding-right: 0px; padding-bottom: 24px;}}
@media (max-width: 1280px){.homepage-chrome .footer-brand-panel::after{display: none;}}
@media (max-width: 1280px){.homepage-chrome .footer-wordmark, .homepage-chrome .footer-copy{grid-column: 1;}}
@media (max-width: 1280px){.homepage-chrome .footer-contact-card{grid-column: 2;}}
@media (max-width: 1280px){.homepage-chrome .footer-column-product, .homepage-chrome .footer-column-markets, .homepage-chrome .footer-column-company, .homepage-chrome .footer-column-support{grid-column: auto;}}
.homepage-chrome .wechat-qr-backdrop, .homepage-chrome .wechat-qr-backdrop:hover, .homepage-chrome .wechat-qr-backdrop:focus, .homepage-chrome .wechat-qr-backdrop:focus-visible{background: rgba(12, 20, 31, 0.68) !important; border-color: transparent !important; box-shadow: none !important; transform: none !important;}
.homepage-chrome .quote-inquiry-backdrop, .homepage-chrome .quote-inquiry-backdrop:hover, .homepage-chrome .quote-inquiry-backdrop:focus, .homepage-chrome .quote-inquiry-backdrop:focus-visible{background: rgba(10, 18, 29, 0.72) !important; border-color: transparent !important; box-shadow: none !important; transform: none !important;}
.homepage-chrome{--oj-bg: #f6f3ee; --oj-surface: #ffffff; --oj-text: #111111; --oj-muted: #58544c; --oj-line: rgba(17, 17, 17, 0.14); --oj-max: 1320px; --oj-space-xs: 0.75rem; --oj-space-sm: 1.2rem; --oj-space-md: 1.9rem; --oj-space-lg: 3.4rem; --oj-space-xl: 5.25rem; --oj-space-2xl: 8.25rem;}
@media (max-width: 1100px){.homepage-chrome .header-shell{grid-template-columns: auto auto;}}
@media (max-width: 1100px){.homepage-chrome .site-nav{grid-column: 1 / -1; width: 100%; justify-self: center;}}
@media (max-width: 1100px){.homepage-chrome .nav-list{justify-content: center; gap: 16px;}}
@media (max-width: 1100px){.homepage-chrome .header-actions{display: none;}}
@media (max-width: 1100px){.homepage-chrome .section-heading-split, .homepage-chrome .cta-card, .homepage-chrome .footer-subbar-shell{flex-direction: column; align-items: start;}}
@media (max-width: 1100px){.homepage-chrome .footer-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 30px;}}
@media (max-width: 1100px){.homepage-chrome .footer-cta{flex-direction: column;}}
@media (max-width: 1100px){.homepage-chrome .footer-cta-actions{justify-content: flex-start;}}
@media (max-width: 1100px){.homepage-chrome .footer-brand-panel{grid-column: 1 / -1; grid-template-columns: 1fr; max-width: 40rem; gap: 22px; padding-bottom: 0px;}}
@media (max-width: 1100px){.homepage-chrome .footer-contact-card{grid-column: auto;}}
@media (max-width: 1120px){.homepage-chrome .nav-list .sub-menu--mega{left: clamp(-96px, -8vw, -28px); min-width: min(640px, -36px + 100vw); width: min(640px, -36px + 100vw); transform: none;}}
@media (max-width: 1120px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{left: clamp(-96px, -8vw, -28px); width: min(640px, -36px + 100vw); transform: none;}}
@media (max-width: 1120px){.homepage-chrome .nav-mega-menu__groups{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}}
@media (max-width: 1120px){.homepage-chrome .nav-list > li.menu-item-products .nav-mega-menu__groups{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 1120px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__groups{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 1120px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group{padding-left: 0px; border-left: 0px;}}
@media (max-width: 1120px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group:nth-child(2){padding-left: 20px; border-left: 1px solid rgba(20, 38, 63, 0.14);}}
@media (max-width: 1120px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group:nth-child(3){padding-left: 0px; border-left: 0px;}}
@media (max-width: 860px){.homepage-chrome .header-shell{grid-template-columns: auto auto; gap: 16px;}}
@media (max-width: 860px){.homepage-chrome .nav-toggle{display: inline-flex; justify-self: end;}}
@media (max-width: 860px){.homepage-chrome .site-nav{display: none; width: 100%; grid-column: 1 / -1;}}
@media (max-width: 860px){.homepage-chrome .site-nav.is-open{display: block;}}
@media (max-width: 860px){.homepage-chrome .nav-list{flex-direction: column; align-items: start; gap: 14px; padding: 20px; border-radius: 24px; background: rgba(255, 255, 255, 0.82); border: 1px solid var(--line); box-shadow: var(--shadow);}}
@media (max-width: 860px){.homepage-chrome .nav-list .sub-menu{position: static; display: grid; min-width: 0px; margin-top: 10px; width: 100%; box-shadow: none;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{content: none;}}
@media (max-width: 860px){.homepage-chrome .nav-list .sub-menu--mega{left: auto; width: 100%; min-width: 0px; padding: 14px; gap: 14px; transform: none;}}
@media (max-width: 860px){.homepage-chrome .nav-mega-menu{gap: 14px;}}
@media (max-width: 860px){.homepage-chrome .nav-list .sub-menu--mega .nav-mega-menu__title{width: 100%;}}
@media (max-width: 860px){.homepage-chrome .nav-mega-menu__groups{grid-template-columns: 1fr; gap: 14px;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li.menu-item-products .nav-mega-menu__groups{grid-template-columns: 1fr;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__groups{grid-template-columns: 1fr;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group + .nav-mega-menu__group{padding-left: 0px; border-left: 0px;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li.menu-item-has-children::after{content: none;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li > a::before{bottom: 0px;}}
@media (max-width: 640px){.homepage-chrome .shell{width: min(-24px + 100vw, 100%);}}
@media (max-width: 640px){.homepage-chrome .footer-shell{padding-top: 40px; padding-bottom: 32px;}}
@media (max-width: 640px){.homepage-chrome .footer-grid{grid-template-columns: 1fr; gap: 30px;}}
@media (max-width: 640px){.homepage-chrome .footer-cta{margin-bottom: 36px; padding: 24px 20px; border-radius: 22px;}}
@media (max-width: 640px){.homepage-chrome .footer-cta-actions, .homepage-chrome .footer-cta-button{width: 100%;}}
@media (max-width: 640px){.homepage-chrome .footer-wordmark{font-size: clamp(1.8rem, 9vw, 2.55rem);}}
@media (max-width: 640px){.homepage-chrome .footer-copy{max-width: 100%;}}
@media (max-width: 640px){.homepage-chrome .footer-contact-card{padding: 16px;}}
@media (max-width: 640px){.homepage-chrome .footer-column-markets .footer-links{grid-template-columns: 1fr;}}
@media (max-width: 640px){.homepage-chrome .footer-subbar-shell{align-items: stretch; padding-top: 20px; padding-bottom: 24px;}}
@media (hover: none), (pointer: coarse){.homepage-chrome{scroll-behavior: auto;}}
.homepage-chrome .technology-ref-hero, .homepage-chrome .workshop-ref-hero, .homepage-chrome .workshop-shot-hero, .homepage-chrome .qc-ref-hero, .homepage-chrome .catalogue-ref-hero, .homepage-chrome .video-center-ref-darkband{background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.14), transparent 32%), linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 248, 243) 52%, rgb(255, 255, 255) 100%) !important; color: var(--ink) !important;}
.homepage-chrome .technology-ref-hero__panel, .homepage-chrome .workshop-ref-hero__panel, .homepage-chrome .workshop-shot-hero__panel, .homepage-chrome .qc-ref-hero__panel, .homepage-chrome .catalogue-ref-hero__grid{border: 1px solid rgba(28, 37, 52, 0.08) !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.12), transparent 32%), linear-gradient(rgba(255, 255, 255, 0.98), rgba(251, 247, 239, 0.95)) !important; box-shadow: rgba(24, 30, 40, 0.08) 0px 24px 60px !important;}
.homepage-chrome .technology-ref-hero__panel::before, .homepage-chrome .workshop-ref-hero__panel::after, .homepage-chrome .workshop-shot-hero__panel::after, .homepage-chrome .qc-ref-hero__media::after, .homepage-chrome .qc-ref-hero__panel::after, .homepage-chrome .catalogue-ref-hero::after{background: linear-gradient(90deg, rgba(255, 251, 245, 0.98) 0%, rgba(255, 251, 245, 0.88) 38%, rgba(255, 251, 245, 0.2) 70%, rgba(255, 251, 245, 0.76) 100%) !important;}
.homepage-chrome .technology-ref-hero__panel::after{background: radial-gradient(circle at 72% 36%, rgba(213, 178, 129, 0.16), transparent 24%), radial-gradient(circle at 82% 82%, rgba(15, 93, 88, 0.08), transparent 18%) !important;}
.homepage-chrome .technology-ref-hero__media, .homepage-chrome .workshop-ref-hero__media, .homepage-chrome .workshop-shot-hero__media, .homepage-chrome .qc-ref-hero__media{background: rgb(244, 236, 223) !important;}
.homepage-chrome .technology-ref-hero__crumbs, .homepage-chrome .technology-ref-hero__crumbs a, .homepage-chrome .technology-ref-hero__copy h1, .homepage-chrome .technology-ref-hero__fact strong, .homepage-chrome .technology-ref-hero__industries h3, .homepage-chrome .workshop-ref-hero__copy h1, .homepage-chrome .workshop-shot-hero__copy h1, .homepage-chrome .qc-ref-hero__copy h1, .homepage-chrome .catalogue-ref-hero__copy h1, .homepage-chrome .video-center-ref-darkband .video-center-ref-heading h2, .homepage-chrome .video-center-ref-dark-card__body h3{color: var(--ink) !important; text-shadow: none !important;}
.homepage-chrome .technology-ref-hero__lead, .homepage-chrome .technology-ref-hero__fact span, .homepage-chrome .technology-ref-industry, .homepage-chrome .workshop-ref-hero__copy p, .homepage-chrome .workshop-shot-hero__copy p, .homepage-chrome .qc-ref-hero__lead, .homepage-chrome .catalogue-ref-hero__lead, .homepage-chrome .catalogue-ref-hero__sublead, .homepage-chrome .catalogue-ref-hero__fact span, .homepage-chrome .video-center-ref-darkband .video-center-ref-heading p, .homepage-chrome .video-center-ref-dark-card__body p{color: var(--muted) !important;}
.homepage-chrome .technology-ref-hero__facts, .homepage-chrome .technology-ref-hero__fact + .technology-ref-hero__fact, .homepage-chrome .technology-ref-hero__industries, .homepage-chrome .technology-ref-hero__industries h3, .homepage-chrome .technology-ref-industry, .homepage-chrome .catalogue-ref-hero__facts, .homepage-chrome .catalogue-ref-hero__fact{border-color: rgba(27, 28, 29, 0.1) !important;}
.homepage-chrome .technology-ref-hero__industries, .homepage-chrome .video-center-ref-dark-card, .homepage-chrome .catalogue-ref-book--dark{background: rgba(255, 255, 255, 0.86) !important; box-shadow: rgba(24, 30, 40, 0.08) 0px 18px 38px !important;}
.homepage-chrome .technology-ref-button--secondary, .homepage-chrome .technology-ref-button--light, .homepage-chrome .workshop-ref-button--secondary, .homepage-chrome .workshop-shot-button--secondary, .homepage-chrome .catalogue-ref-button--secondary, .homepage-chrome .video-center-ref-button--dark{border-color: rgba(27, 28, 29, 0.14) !important; background: rgba(255, 255, 255, 0.9) !important; color: var(--ink) !important;}
.homepage-chrome .projects-page-hero, .homepage-chrome .about-page-hero, .homepage-chrome .products-page-hero, .homepage-chrome .contact-b2b-hero, .homepage-chrome .technology-ref-hero, .homepage-chrome .workshop-ref-hero, .homepage-chrome .workshop-shot-hero, .homepage-chrome .qc-hero, .homepage-chrome .qc-ref-hero, .homepage-chrome .catalogue-ref-hero, .homepage-chrome .video-center-ref-hero{padding: 18px 0px 28px !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.1), transparent 32%), linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 248, 243) 100%) !important;}
.homepage-chrome .projects-page-hero__shell, .homepage-chrome .about-page-hero__shell, .homepage-chrome .products-page-hero__shell, .homepage-chrome .contact-b2b-hero__shell, .homepage-chrome .technology-ref-hero__panel, .homepage-chrome .workshop-ref-hero__panel, .homepage-chrome .workshop-shot-hero__panel, .homepage-chrome .qc-hero__card, .homepage-chrome .qc-ref-hero__panel, .homepage-chrome .catalogue-ref-hero__grid, .homepage-chrome .video-center-ref-hero__grid{display: grid !important; grid-template-columns: minmax(0px, 0.94fr) minmax(420px, 1.06fr) !important; gap: 26px !important; align-items: center !important; width: min(1290px, -40px + 100vw) !important; min-height: auto !important; margin: 0px auto !important; padding: clamp(1.15rem, 3vw, 1.7rem) !important; overflow: hidden !important; border: 1px solid rgba(28, 37, 52, 0.08) !important; border-radius: 32px !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.12), transparent 32%), linear-gradient(rgba(255, 255, 255, 0.98), rgba(251, 247, 239, 0.95)) !important; box-shadow: rgba(24, 30, 40, 0.08) 0px 24px 60px !important;}
.homepage-chrome .projects-page-hero__copy, .homepage-chrome .about-page-hero__copy, .homepage-chrome .products-page-hero__copy, .homepage-chrome .contact-b2b-hero__copy, .homepage-chrome .technology-ref-hero__copy, .homepage-chrome .workshop-ref-hero__copy, .homepage-chrome .workshop-shot-hero__copy, .homepage-chrome .qc-hero__content, .homepage-chrome .qc-ref-hero__copy, .homepage-chrome .catalogue-ref-hero__copy, .homepage-chrome .video-center-ref-hero__copy{position: relative !important; z-index: 2 !important; display: grid !important; align-content: center !important; gap: 1rem !important; min-width: 0px !important; min-height: auto !important; padding: 0.45rem !important; background: transparent !important; color: var(--ink) !important;}
.homepage-chrome .projects-page-hero__media, .homepage-chrome .about-page-hero__media, .homepage-chrome .products-page-hero__visual, .homepage-chrome .contact-b2b-hero__media, .homepage-chrome .technology-ref-hero__media, .homepage-chrome .workshop-ref-hero__media, .homepage-chrome .workshop-shot-hero__media, .homepage-chrome .qc-hero__media, .homepage-chrome .qc-ref-hero__media, .homepage-chrome .catalogue-ref-visual, .homepage-chrome .video-center-ref-hero__media{position: relative !important; inset: auto !important; z-index: 1 !important; overflow: hidden !important; width: 100% !important; min-height: 420px !important; height: 100% !important; border: 0px !important; border-radius: 26px !important; background: linear-gradient(rgb(244, 236, 223), rgb(239, 227, 212)) !important; box-shadow: rgba(22, 28, 36, 0.12) 0px 20px 42px !important;}
.homepage-chrome .projects-page-hero__media img, .homepage-chrome .about-page-hero__media img, .homepage-chrome .products-page-hero__visual img, .homepage-chrome .contact-b2b-hero__media img, .homepage-chrome .technology-ref-hero__media img, .homepage-chrome .workshop-ref-hero__media img, .homepage-chrome .workshop-shot-hero__media img, .homepage-chrome .qc-hero__media img, .homepage-chrome .qc-ref-hero__media img, .homepage-chrome .video-center-ref-hero__video img{display: block !important; width: 100% !important; height: 100% !important; min-height: 420px !important; object-fit: cover !important; object-position: center center !important;}
.homepage-chrome .catalogue-ref-visual__scene{position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center center !important;}
.homepage-chrome .projects-page-hero__media::after, .homepage-chrome .about-page-hero__media::after, .homepage-chrome .contact-b2b-hero__media::before, .homepage-chrome .technology-ref-hero__panel::before, .homepage-chrome .technology-ref-hero__panel::after, .homepage-chrome .workshop-ref-hero__panel::after, .homepage-chrome .workshop-shot-hero__panel::after, .homepage-chrome .qc-hero__media::after, .homepage-chrome .qc-ref-hero__media::after, .homepage-chrome .catalogue-ref-hero::after, .homepage-chrome .video-center-ref-hero__video::after{background: linear-gradient(rgba(15, 22, 34, 0.02), rgba(15, 22, 34, 0.16)) !important;}
.homepage-chrome .technology-ref-hero__copy h1, .homepage-chrome .projects-page-hero__copy h1, .homepage-chrome .about-page-hero__copy h1, .homepage-chrome .products-page-hero__copy h1, .homepage-chrome .contact-b2b-hero__copy h1, .homepage-chrome .workshop-ref-hero__copy h1, .homepage-chrome .workshop-shot-hero__copy h1, .homepage-chrome .qc-hero__content h1, .homepage-chrome .qc-ref-hero__copy h1, .homepage-chrome .catalogue-ref-hero__copy h1, .homepage-chrome .video-center-ref-hero__copy h1{max-width: 11ch !important; color: var(--ink) !important; font-family: var(--font-serif) !important; font-size: clamp(2.3rem, 4vw, 3.55rem) !important; font-weight: 800 !important; line-height: 0.97 !important; letter-spacing: -0.045em !important; text-shadow: none !important;}
.homepage-chrome .technology-ref-hero__copy h1 span, .homepage-chrome .catalogue-ref-hero__copy h1 span, .homepage-chrome .contact-b2b-hero__copy h1 span, .homepage-chrome .workshop-shot-hero__copy h1 span{white-space: normal !important;}
.homepage-chrome .technology-ref-hero__lead, .homepage-chrome .projects-page-hero__copy p, .homepage-chrome .about-page-hero__copy p, .homepage-chrome .products-page-hero__lead, .homepage-chrome .contact-b2b-hero__lead, .homepage-chrome .workshop-ref-hero__copy p, .homepage-chrome .workshop-shot-hero__copy p, .homepage-chrome .qc-hero__content p, .homepage-chrome .qc-ref-hero__lead, .homepage-chrome .catalogue-ref-hero__lead, .homepage-chrome .catalogue-ref-hero__sublead, .homepage-chrome .video-center-ref-hero__lead, .homepage-chrome .video-center-ref-hero__subtitle{max-width: 31rem !important; color: var(--muted) !important; font-size: 1rem !important; line-height: 1.78 !important;}
.homepage-chrome .technology-ref-hero__facts, .homepage-chrome .catalogue-ref-hero__facts, .homepage-chrome .products-page-hero__features, .homepage-chrome .contact-b2b-hero__features{margin-top: 0.35rem !important;}
@media (max-width: 980px){.homepage-chrome .projects-page-hero__shell, .homepage-chrome .about-page-hero__shell, .homepage-chrome .products-page-hero__shell, .homepage-chrome .contact-b2b-hero__shell, .homepage-chrome .technology-ref-hero__panel, .homepage-chrome .workshop-ref-hero__panel, .homepage-chrome .workshop-shot-hero__panel, .homepage-chrome .qc-hero__card, .homepage-chrome .qc-ref-hero__panel, .homepage-chrome .catalogue-ref-hero__grid, .homepage-chrome .video-center-ref-hero__grid{grid-template-columns: 1fr !important;}}
@media (max-width: 980px){.homepage-chrome .projects-page-hero__media, .homepage-chrome .about-page-hero__media, .homepage-chrome .products-page-hero__visual, .homepage-chrome .contact-b2b-hero__media, .homepage-chrome .technology-ref-hero__media, .homepage-chrome .workshop-ref-hero__media, .homepage-chrome .workshop-shot-hero__media, .homepage-chrome .qc-hero__media, .homepage-chrome .qc-ref-hero__media, .homepage-chrome .catalogue-ref-visual, .homepage-chrome .video-center-ref-hero__media{min-height: 300px !important;}}
.homepage-chrome :is(.button, .oj-button, .wp-block-button__link, .footer-cta-button, .contact-file-input-button, .floating-contact-link, .floating-action, .quote-inquiry-file-button), .homepage-chrome a[class*="button"], .homepage-chrome button:not(.nav-toggle):not(.quote-inquiry-backdrop):not(.wechat-qr-backdrop), .homepage-chrome input[type="submit"], .homepage-chrome input[type="button"]{background: rgb(198, 137, 67) !important; border-color: rgb(198, 137, 67) !important; color: rgb(255, 255, 255) !important;}
.homepage-chrome :is(.button, .oj-button, .wp-block-button__link, .footer-cta-button, .contact-file-input-button, .floating-contact-link, .floating-action, .quote-inquiry-file-button):is(:hover, :focus-visible), .homepage-chrome a[class*="button"]:is(:hover, :focus-visible), .homepage-chrome button:not(.nav-toggle):not(.quote-inquiry-backdrop):not(.wechat-qr-backdrop):is(:hover, :focus-visible), .homepage-chrome input[type="submit"]:is(:hover, :focus-visible), .homepage-chrome input[type="button"]:is(:hover, :focus-visible){background: rgb(140, 200, 242) !important; border-color: rgb(140, 200, 242) !important; color: rgb(18, 50, 83) !important;}
.homepage-chrome .header-actions .button.button-primary{background: rgb(198, 137, 67) !important; border-color: rgb(198, 137, 67) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(198, 137, 67, 0.22) 0px 18px 36px !important;}
.homepage-chrome .header-actions .button.button-primary:is(:hover, :focus-visible){background: rgb(140, 200, 242) !important; border-color: rgb(140, 200, 242) !important; color: rgb(18, 50, 83) !important; box-shadow: rgba(80, 157, 211, 0.24) 0px 18px 36px !important;}
.homepage-chrome .floating-actions .floating-action-whatsapp-bottom{background: rgb(37, 211, 102) !important; border-color: rgb(37, 211, 102) !important; color: rgb(255, 255, 255) !important;}
.homepage-chrome .floating-actions .floating-action-whatsapp-bottom:is(:hover, :focus-visible){background: rgb(18, 140, 126) !important; border-color: rgb(18, 140, 126) !important; color: rgb(255, 255, 255) !important;}
.homepage-chrome .projects-page-hero__shell, .homepage-chrome .about-page-hero__shell, .homepage-chrome .products-page-hero__shell, .homepage-chrome .contact-b2b-hero__shell, .homepage-chrome .technology-ref-hero__panel, .homepage-chrome .workshop-ref-hero__panel, .homepage-chrome .workshop-shot-hero__panel, .homepage-chrome .qc-hero__card, .homepage-chrome .qc-ref-hero__panel, .homepage-chrome .catalogue-ref-hero__grid, .homepage-chrome .video-center-ref-hero__grid{position: relative !important; display: block !important; min-height: clamp(520px, 62vh, 720px) !important; padding: 0px !important; isolation: isolate !important;}
.homepage-chrome .projects-page-hero__shell::before, .homepage-chrome .about-page-hero__shell::before, .homepage-chrome .products-page-hero__shell::before, .homepage-chrome .contact-b2b-hero__shell::before, .homepage-chrome .technology-ref-hero__panel::before, .homepage-chrome .workshop-ref-hero__panel::before, .homepage-chrome .workshop-shot-hero__panel::before, .homepage-chrome .qc-hero__card::before, .homepage-chrome .qc-ref-hero__panel::before, .homepage-chrome .catalogue-ref-hero__grid::before, .homepage-chrome .video-center-ref-hero__grid::before{content: "" !important; position: absolute !important; inset: 0px !important; z-index: 1 !important; background: linear-gradient(90deg, rgba(255, 251, 245, 0.98) 0%, rgba(255, 251, 245, 0.94) 34%, rgba(255, 251, 245, 0.46) 58%, rgba(255, 251, 245, 0.08) 100%) !important; pointer-events: none !important;}
.homepage-chrome .projects-page-hero__media, .homepage-chrome .about-page-hero__media, .homepage-chrome .products-page-hero__visual, .homepage-chrome .contact-b2b-hero__media, .homepage-chrome .technology-ref-hero__media, .homepage-chrome .workshop-ref-hero__media, .homepage-chrome .workshop-shot-hero__media, .homepage-chrome .qc-hero__media, .homepage-chrome .qc-ref-hero__media, .homepage-chrome .catalogue-ref-visual, .homepage-chrome .video-center-ref-hero__media{position: absolute !important; inset: 0px !important; z-index: 0 !important; min-height: 100% !important; height: 100% !important; border-radius: inherit !important; box-shadow: none !important;}
.homepage-chrome .projects-page-hero__media img, .homepage-chrome .about-page-hero__media img, .homepage-chrome .products-page-hero__visual img, .homepage-chrome .contact-b2b-hero__media img, .homepage-chrome .technology-ref-hero__media img, .homepage-chrome .workshop-ref-hero__media img, .homepage-chrome .workshop-shot-hero__media img, .homepage-chrome .qc-hero__media img, .homepage-chrome .qc-ref-hero__media img, .homepage-chrome .video-center-ref-hero__video img{min-height: 100% !important; object-fit: cover !important; object-position: center center !important;}
.homepage-chrome .video-center-ref-hero__video{position: absolute !important; inset: 0px !important; height: 100% !important; border-radius: inherit !important;}
.homepage-chrome .projects-page-hero__copy, .homepage-chrome .about-page-hero__copy, .homepage-chrome .products-page-hero__copy, .homepage-chrome .contact-b2b-hero__copy, .homepage-chrome .technology-ref-hero__copy, .homepage-chrome .workshop-ref-hero__copy, .homepage-chrome .workshop-shot-hero__copy, .homepage-chrome .qc-hero__content, .homepage-chrome .qc-ref-hero__copy, .homepage-chrome .catalogue-ref-hero__copy, .homepage-chrome .video-center-ref-hero__copy{width: min(46rem, 54%) !important; min-height: clamp(520px, 62vh, 720px) !important; padding: clamp(42px, 5vw, 72px) !important;}
.homepage-chrome .catalogue-ref-visual__glow, .homepage-chrome .catalogue-ref-book-stack, .homepage-chrome .products-page-hero__badge{z-index: 2 !important;}
@media (max-width: 980px){.homepage-chrome .projects-page-hero__shell, .homepage-chrome .about-page-hero__shell, .homepage-chrome .products-page-hero__shell, .homepage-chrome .contact-b2b-hero__shell, .homepage-chrome .technology-ref-hero__panel, .homepage-chrome .workshop-ref-hero__panel, .homepage-chrome .workshop-shot-hero__panel, .homepage-chrome .qc-hero__card, .homepage-chrome .qc-ref-hero__panel, .homepage-chrome .catalogue-ref-hero__grid, .homepage-chrome .video-center-ref-hero__grid{min-height: auto !important;}}
@media (max-width: 980px){.homepage-chrome .projects-page-hero__copy, .homepage-chrome .about-page-hero__copy, .homepage-chrome .products-page-hero__copy, .homepage-chrome .contact-b2b-hero__copy, .homepage-chrome .technology-ref-hero__copy, .homepage-chrome .workshop-ref-hero__copy, .homepage-chrome .workshop-shot-hero__copy, .homepage-chrome .qc-hero__content, .homepage-chrome .qc-ref-hero__copy, .homepage-chrome .catalogue-ref-hero__copy, .homepage-chrome .video-center-ref-hero__copy{width: 100% !important; min-height: auto !important; padding: 34px 24px 320px !important;}}
.homepage-chrome :is(.medicine-cabinet-hero, .full-length-mirror-hero, .framed-ref-hero, .decorative-ref-hero, .antique-ref__hero, .smart-ref-v2__hero, .smart-ref-hero, .makeup-ref-hero, .makeup-ref-v2__hero, .bathroom-mirror-hero, .custom-mirror-hero){padding: 18px 0px 28px !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.1), transparent 32%), linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 248, 243) 100%) !important; color: var(--ink) !important;}
.homepage-chrome :is(.medicine-cabinet-hero__shell, .full-length-mirror-hero__shell, .framed-ref-hero__inner, .framed-ref__hero, .decorative-ref-hero__shell, .antique-ref__hero-grid, .smart-ref-v2__hero-grid, .smart-ref-hero__inner, .makeup-ref-hero, .makeup-ref-v2__hero, .bathroom-mirror-hero, .custom-mirror-hero__shell){position: relative !important; display: block !important; width: min(1290px, -40px + 100vw) !important; min-height: clamp(520px, 62vh, 720px) !important; margin: 0px auto !important; padding: 0px !important; overflow: hidden !important; border: 1px solid rgba(28, 37, 52, 0.08) !important; border-radius: 32px !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.12), transparent 32%), linear-gradient(rgba(255, 255, 255, 0.98), rgba(251, 247, 239, 0.95)) !important; box-shadow: rgba(24, 30, 40, 0.08) 0px 24px 60px !important; isolation: isolate !important;}
.homepage-chrome :is(.medicine-cabinet-hero__shell, .full-length-mirror-hero__shell, .framed-ref-hero__inner, .framed-ref__hero, .decorative-ref-hero__shell, .antique-ref__hero-grid, .smart-ref-v2__hero-grid, .smart-ref-hero__inner, .makeup-ref-hero, .makeup-ref-v2__hero, .bathroom-mirror-hero, .custom-mirror-hero__shell)::before{content: "" !important; position: absolute !important; inset: 0px !important; z-index: 1 !important; background: linear-gradient(90deg, rgba(255, 251, 245, 0.98) 0%, rgba(255, 251, 245, 0.94) 34%, rgba(255, 251, 245, 0.46) 58%, rgba(255, 251, 245, 0.08) 100%) !important; pointer-events: none !important;}
.homepage-chrome :is(.medicine-cabinet-hero__visual, .full-length-mirror-hero__media, .framed-ref-hero__media, .framed-ref__hero-visual, .decorative-ref-hero__visual, .antique-ref__hero-visual, .smart-ref-v2__hero-media, .smart-ref-hero__visual, .makeup-ref-hero__bg, .makeup-ref-v2__hero-bg, .custom-mirror-hero__visual){position: absolute !important; inset: 0px !important; z-index: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; overflow: hidden !important; border-radius: inherit !important; background: linear-gradient(rgb(244, 236, 223), rgb(239, 227, 212)) !important; box-shadow: none !important;}
.homepage-chrome :is(.medicine-cabinet-hero__visual img, .full-length-mirror-hero__media img, .framed-ref-hero__media img, .framed-ref__hero-visual img, .decorative-ref-hero__visual img, .antique-ref__hero-image img, .smart-ref-v2__hero-panel img, .smart-ref-hero-card img, .makeup-ref-hero__bg img, .makeup-ref-v2__hero-bg img, .custom-mirror-hero__visual img){display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center center !important; transform: none !important;}
.homepage-chrome :is(.medicine-cabinet-hero__copy, .full-length-mirror-hero__copy, .framed-ref-hero__copy, .framed-ref__hero-copy, .decorative-ref-hero__copy, .antique-ref__hero-copy, .smart-ref-v2__hero-copy, .smart-ref-hero__copy, .makeup-ref-hero__copy, .makeup-ref-v2__hero-copy, .bathroom-mirror-hero__copy, .custom-mirror-hero__copy){position: relative !important; z-index: 2 !important; display: grid !important; align-content: center !important; gap: 1rem !important; width: min(46rem, 54%) !important; min-height: clamp(520px, 62vh, 720px) !important; padding: clamp(42px, 5vw, 72px) !important; background: transparent !important; color: var(--ink) !important;}
.homepage-chrome :is(.medicine-cabinet-hero__copy h1, .full-length-mirror-hero__copy h1, .framed-ref-hero__copy h1, .framed-ref__hero-copy h1, .decorative-ref-hero__copy h1, .antique-ref__hero-copy h1, .smart-ref-v2__hero-copy h1, .smart-ref-hero__copy h1, .makeup-ref-hero__copy h1, .makeup-ref-v2__hero-copy h1, .bathroom-mirror-hero__copy h1, .custom-mirror-hero__copy h1){max-width: 11ch !important; color: var(--ink) !important; font-family: var(--font-serif) !important; font-size: clamp(2.3rem, 4vw, 3.55rem) !important; font-weight: 800 !important; line-height: 0.97 !important; letter-spacing: -0.045em !important; text-shadow: none !important;}
.homepage-chrome :is(.medicine-cabinet-hero__lead, .full-length-mirror-hero__lead, .framed-ref-hero__copy p, .framed-ref__hero-copy p, .decorative-ref-hero__lead, .antique-ref__hero-copy p, .smart-ref-v2__hero-copy p, .smart-ref-hero__copy p, .makeup-ref-hero__copy p, .makeup-ref-v2__hero-copy p, .bathroom-mirror-hero__lead, .custom-mirror-hero__copy p){max-width: 31rem !important; color: var(--muted) !important; font-size: 1rem !important; line-height: 1.78 !important; text-shadow: none !important;}
.homepage-chrome :is(){background: linear-gradient(rgba(15, 22, 34, 0.02), rgba(15, 22, 34, 0.16)) !important;}
@media (max-width: 980px){.homepage-chrome :is(.medicine-cabinet-hero__shell, .full-length-mirror-hero__shell, .framed-ref-hero__inner, .framed-ref__hero, .decorative-ref-hero__shell, .antique-ref__hero-grid, .smart-ref-v2__hero-grid, .smart-ref-hero__inner, .makeup-ref-hero, .makeup-ref-v2__hero, .bathroom-mirror-hero, .custom-mirror-hero__shell){min-height: auto !important;}}
@media (max-width: 980px){.homepage-chrome :is(.medicine-cabinet-hero__copy, .full-length-mirror-hero__copy, .framed-ref-hero__copy, .framed-ref__hero-copy, .decorative-ref-hero__copy, .antique-ref__hero-copy, .smart-ref-v2__hero-copy, .smart-ref-hero__copy, .makeup-ref-hero__copy, .makeup-ref-v2__hero-copy, .bathroom-mirror-hero__copy, .custom-mirror-hero__copy){width: 100% !important; min-height: auto !important; padding: 34px 24px 320px !important;}}
.homepage-chrome :is(.medicine-ref__hero, .decorative-mirror-hero, .antique-mirror-hero, .smart-showcase-hero, .technology-hero, .partners-ref-hero, .qc-delivery-hero, .page-hero, .privacy-policy-hero, .legal-page-hero-section){padding: 18px 0px 28px !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.1), transparent 32%), linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 248, 243) 100%) !important; color: var(--ink) !important; position: relative !important; isolation: isolate !important;}
.homepage-chrome :is(.medicine-ref__hero-shell, .decorative-mirror-hero__shell, .antique-mirror-hero__shell, .smart-showcase-hero__inner, .technology-hero__shell, .partners-ref-hero__panel, .qc-delivery-hero__grid, .page-hero-shell, .privacy-policy-hero__shell, .legal-page-hero-shell){position: relative !important; display: block !important; width: min(1290px, -40px + 100vw) !important; min-height: clamp(520px, 62vh, 720px) !important; margin: 0px auto !important; padding: 0px !important; overflow: hidden !important; border: 1px solid rgba(28, 37, 52, 0.08) !important; border-radius: 32px !important; background: radial-gradient(circle at left top, rgba(213, 178, 129, 0.12), transparent 32%), linear-gradient(rgba(255, 255, 255, 0.98), rgba(251, 247, 239, 0.95)) !important; box-shadow: rgba(24, 30, 40, 0.08) 0px 24px 60px !important; isolation: isolate !important;}
.homepage-chrome :is(.medicine-ref__hero-shell, .decorative-mirror-hero__shell, .antique-mirror-hero__shell, .smart-showcase-hero__inner, .technology-hero__shell, .partners-ref-hero__panel, .qc-delivery-hero__grid, .page-hero-shell, .privacy-policy-hero__shell, .legal-page-hero-shell)::before{content: "" !important; position: absolute !important; inset: 0px !important; z-index: 1 !important; background: linear-gradient(90deg, rgba(255, 251, 245, 0.98) 0%, rgba(255, 251, 245, 0.94) 34%, rgba(255, 251, 245, 0.46) 58%, rgba(255, 251, 245, 0.08) 100%) !important; pointer-events: none !important;}
.homepage-chrome :is(.medicine-ref__hero-visual, .smart-showcase-hero__visual, .technology-hero__media, .partners-ref-hero__mediawrap, .qc-delivery-hero__media, .page-hero-aside, .privacy-policy-hero__media, .legal-page-hero-media){position: absolute !important; inset: 0px !important; z-index: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0px !important; overflow: hidden !important; border-radius: inherit !important; background: linear-gradient(rgb(244, 236, 223), rgb(239, 227, 212)) !important; box-shadow: none !important;}
.homepage-chrome :is(.medicine-ref__hero-visual img, .smart-showcase-device img, .technology-hero__media img, .partners-ref-hero__media img, .qc-delivery-hero__media img, .page-hero-media img, .privacy-policy-hero__media img, .legal-page-hero-media img){display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center center !important; transform: none !important;}
.homepage-chrome :is(.decorative-mirror-hero, .antique-mirror-hero, .bathroom-mirror-hero)::after{content: "" !important; position: absolute !important; inset: 18px max(20px, -645px + 50vw) 28px !important; z-index: 0 !important; border-radius: 32px !important; background-image: var(--decorative-hero-image, var(--antique-hero-image, none)) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; pointer-events: none !important;}
.homepage-chrome :is(.decorative-mirror-hero__shell, .antique-mirror-hero__shell)::after{content: "" !important; position: absolute !important; inset: 0px !important; z-index: 0 !important; background-image: var(--decorative-hero-image, var(--antique-hero-image, none)) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; pointer-events: none !important;}
.homepage-chrome :is(.medicine-ref__hero-copy, .decorative-mirror-hero__copy, .antique-mirror-hero__copy, .smart-showcase-hero__copy, .technology-hero__content, .partners-ref-hero__copy, .qc-delivery-hero__copy, .page-hero-copy, .privacy-policy-hero__copy, .legal-page-hero-copy){position: relative !important; z-index: 2 !important; display: grid !important; align-content: center !important; gap: 1rem !important; width: min(46rem, 54%) !important; min-height: clamp(520px, 62vh, 720px) !important; padding: clamp(42px, 5vw, 72px) !important; background: transparent !important; color: var(--ink) !important;}
.homepage-chrome :is(.medicine-ref__hero-copy h1, .decorative-mirror-hero__copy h1, .antique-mirror-hero__copy h1, .smart-showcase-hero__copy h1, .technology-hero__content h1, .partners-ref-hero__copy h1, .qc-delivery-hero__copy h1, .page-hero-copy h1, .privacy-policy-hero__copy h1, .legal-page-hero-copy h1){max-width: 11ch !important; color: var(--ink) !important; font-family: var(--font-serif) !important; font-size: clamp(2.3rem, 4vw, 3.55rem) !important; font-weight: 800 !important; line-height: 0.97 !important; letter-spacing: -0.045em !important; text-shadow: none !important;}
.homepage-chrome :is(.medicine-ref__hero-lead, .decorative-mirror-hero__copy p, .antique-mirror-hero__copy p, .smart-showcase-hero__copy p, .technology-hero__content p, .partners-ref-hero__copy p, .qc-delivery-hero__lead, .hero-lead, .privacy-policy-hero__copy p, .legal-page-hero-lead){max-width: 31rem !important; color: var(--muted) !important; font-size: 1rem !important; line-height: 1.78 !important; text-shadow: none !important;}
@media (max-width: 980px){.homepage-chrome :is(.medicine-ref__hero-shell, .decorative-mirror-hero__shell, .antique-mirror-hero__shell, .smart-showcase-hero__inner, .technology-hero__shell, .partners-ref-hero__panel, .qc-delivery-hero__grid, .page-hero-shell, .privacy-policy-hero__shell, .legal-page-hero-shell){min-height: auto !important;}}
@media (max-width: 980px){.homepage-chrome :is(.medicine-ref__hero-copy, .decorative-mirror-hero__copy, .antique-mirror-hero__copy, .smart-showcase-hero__copy, .technology-hero__content, .partners-ref-hero__copy, .qc-delivery-hero__copy, .page-hero-copy, .privacy-policy-hero__copy, .legal-page-hero-copy){width: 100% !important; min-height: auto !important; padding: 34px 24px 320px !important;}}
@media (min-width: 1440px){.homepage-chrome :is(.oj-hero__backdrop img, .oj-hero__media img, .hero-media-card img, .projects-page-hero__media img, .projects-ref-hero__main img, .projects-ref-hero__side img, .about-page-hero__media img, .products-page-hero__visual img, .contact-b2b-hero__media img, .contact-quote-factory-banner img, .blog-hub-hero__media img, .faq-hub-hero__media img, .faq-b2b-hero__primary img, .technology-ref-hero__media img, .technology-hero__media img, .workshop-ref-hero__media img, .workshop-shot-hero__media img, .qc-hero__media img, .qc-ref-hero__media img, .qc-delivery-hero__media img, .video-center-ref-hero__video img, .medicine-cabinet-hero__visual img, .medicine-ref__hero-visual img, .full-length-mirror-hero__media img, .framed-ref-hero__media img, .framed-ref__hero-visual img, .decorative-ref-hero__visual img, .antique-ref__hero-image img, .smart-ref-v2__hero-panel img, .smart-ref-hero-card img, .smart-showcase-device img, .makeup-ref-hero__bg img, .makeup-ref-v2__hero-bg img, .bathroom-mirror-hero img, .custom-mirror-hero__visual img, .custom-ref__hero-visual img, .partners-ref-hero__media img, .app-ref-hero__media img, .hero > img, .page-hero-media img, .privacy-policy-hero__media img, .legal-page-hero-media img){object-position: center top !important;}}
@media (min-width: 1440px){.homepage-chrome .oj-hero__backdrop img{object-position: 66% top !important;}}
@media (min-width: 1440px){.homepage-chrome .blog-hub-hero__media img{object-position: 90% top !important;}}
@media (min-width: 1440px){.homepage-chrome .catalogue-ref-visual__scene, .homepage-chrome :is(.decorative-mirror-hero, .antique-mirror-hero, .decorative-mirror-hero__shell, .antique-mirror-hero__shell)::after{background-position: center top !important;}}
.homepage-chrome{--bg: #f5efe6; --ink: #1b1c1d; --muted: #5d615d; --line: rgba(27, 28, 29, 0.12); --brand: #0f5d58; --brand-deep: #0a3e3b; --shadow: 0 24px 70px rgba(24, 27, 28, 0.12); --shell: min(1200px, calc(100vw - 56px)); --font-sans: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif; --font-serif: "Iowan Old Style", "Book Antiqua", "Palatino Linotype", serif; --mirrorcraft-display-hero-size: clamp(3.45rem, 4.6vw, 5.45rem); --mirrorcraft-display-hero-line: 0.9; --mirrorcraft-display-hero-track: -0.04em;}
.homepage-chrome{margin: 0px; background: radial-gradient(circle at top left, rgba(187, 125, 59, 0.12), transparent 38%), radial-gradient(circle at top right, rgba(15, 93, 88, 0.12), transparent 32%), var(--bg); color: var(--ink); font-family: var(--font-sans); line-height: 1.72;}
.homepage-chrome img{display: block; max-width: 100%; height: auto;}
.homepage-chrome a{color: inherit; text-decoration: none;}
.homepage-chrome p, .homepage-chrome ul, .homepage-chrome ol, .homepage-chrome h1, .homepage-chrome h2, .homepage-chrome h3, .homepage-chrome h4{margin: 0px;}
.homepage-chrome button, .homepage-chrome input, .homepage-chrome textarea, .homepage-chrome select{font: inherit;}
.homepage-chrome .shell{width: var(--shell); margin: 0px auto;}
.homepage-chrome .site-header{position: sticky; top: 0px; z-index: 10000; backdrop-filter: blur(16px); background: rgba(245, 239, 230, 0.78);}
.homepage-chrome .header-shell{display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; padding: 20px 0px; position: relative;}
.homepage-chrome .custom-logo-link, .homepage-chrome .site-brand a, .homepage-chrome .brand-lockup{display: inline-flex; align-items: center;}
.homepage-chrome .custom-logo, .homepage-chrome .site-brand img{max-height: 54px; width: auto;}
.homepage-chrome .brand-lockup{gap: 12px;}
.homepage-chrome .site-brand-mark{display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 18px; background: rgba(15, 93, 88, 0.08);}
.homepage-chrome .brand-image{width: 100%; height: 100%; object-fit: contain;}
.homepage-chrome .brand-copy{display: grid;}
.homepage-chrome .brand-title{font-family: var(--font-serif); font-size: 1.12rem; font-weight: 700; letter-spacing: 0.04em;}
.homepage-chrome .brand-tagline{color: var(--muted); font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase;}
.homepage-chrome .site-nav{justify-self: center;}
.homepage-chrome .nav-list{list-style: none; display: flex; align-items: center; gap: 26px; margin: 0px; padding: 0px; flex-wrap: nowrap;}
.homepage-chrome .nav-list > li{position: relative; flex: 0 0 auto;}
.homepage-chrome .nav-list > li > a{display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; color: var(--muted); font-size: 0.98rem;}
.homepage-chrome .nav-list > li.current-menu-item > a, .homepage-chrome .nav-list > li.current-menu-parent > a{color: var(--ink); font-weight: 600;}
.homepage-chrome .nav-list > li.current-menu-item > a::before, .homepage-chrome .nav-list > li.current-menu-parent > a::before{content: ""; position: absolute; left: 0px; right: 0px; bottom: -4px; height: 2px; border-radius: 999px; background: rgb(29, 74, 133);}
.homepage-chrome .nav-list > li.menu-item-has-children > a{gap: 8px;}
.homepage-chrome .nav-list > li.menu-item-has-children > a::after{content: ""; width: 7px; height: 7px; margin-top: -3px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg);}
.homepage-chrome .nav-list > li.menu-item-has-children::after{content: ""; position: absolute; top: 100%; left: 0px; width: max(100%, 232px); height: 56px; z-index: 10010; pointer-events: none;}
.homepage-chrome .nav-list > li.menu-item-has-children:hover::after, .homepage-chrome .nav-list > li.menu-item-has-children:focus-within::after, .homepage-chrome .nav-list > li.menu-item-has-children.is-submenu-open::after{pointer-events: auto;}
.homepage-chrome .nav-list .sub-menu{display: none;}
@media (min-width: 861px){.homepage-chrome .nav-list > li.menu-item-has-children:not(.menu-item-has-mega-menu) > .sub-menu{min-width: 280px;}}
@media (min-width: 861px){.homepage-chrome .nav-list > li.menu-item-has-children:not(.menu-item-has-mega-menu) > .sub-menu a{white-space: nowrap;}}
.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{left: clamp(-280px, -14vw, -120px); width: min(1040px, -48px + 100vw);}
.homepage-chrome .nav-list .sub-menu--mega{position: absolute; top: 100%; left: clamp(-280px, -14vw, -120px); min-width: min(1040px, -48px + 100vw); width: min(1040px, -48px + 100vw); padding: 22px 24px 24px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.96); box-shadow: rgba(34, 28, 20, 0.12) 0px 24px 44px; z-index: 10020;}
.homepage-chrome .nav-mega-menu{display: grid; gap: 18px;}
.homepage-chrome .nav-mega-menu__title{display: inline-flex; align-items: center; width: max-content; padding: 0px 0px 10px; border-bottom: 1px solid rgba(20, 38, 63, 0.12); color: var(--ink); font-size: 1rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;}
.homepage-chrome .nav-mega-menu__groups{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 20px 24px;}
.homepage-chrome .nav-list > li.menu-item-products .nav-mega-menu__groups{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__groups{grid-template-columns: 1.65fr 1fr 1fr;}
.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group + .nav-mega-menu__group{padding-left: 24px; border-left: 1px solid rgba(20, 38, 63, 0.14);}
@media (min-width: 1121px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu{position: static;}}
@media (min-width: 1121px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{left: 0px; width: 100%;}}
@media (min-width: 1121px){.homepage-chrome .nav-list .sub-menu--mega{left: 0px; right: 0px; min-width: 0px; width: 100%; gap: 18px; padding: 22px 24px 24px;}}
.homepage-chrome .nav-list > li:hover > .sub-menu, .homepage-chrome .nav-list > li:focus-within > .sub-menu, .homepage-chrome .nav-list > li.is-submenu-open > .sub-menu{display: grid;}
.homepage-chrome .nav-mega-menu__group{position: relative; display: grid; align-content: start; gap: 10px; min-width: 0px;}
@media (min-width: 1121px){.homepage-chrome .nav-list > li:is(.menu-item-products, .nav-item--medicine-cabinet) .nav-mega-menu__group + .nav-mega-menu__group::before{content: ""; position: absolute; top: 0px; bottom: 0px; left: -12px; width: 1px; background: rgba(20, 38, 63, 0.12);}}
.homepage-chrome .nav-mega-menu__eyebrow{margin: 0px; color: rgb(102, 119, 140); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
.homepage-chrome .nav-mega-menu__links{list-style: none; display: grid; gap: 4px; margin: 0px; padding: 0px;}
.homepage-chrome .nav-mega-menu__links a{display: block; padding: 8px 10px; border-radius: 10px; color: var(--ink); font-size: 0.92rem; line-height: 1.4; text-wrap: balance;}
.homepage-chrome .header-actions{display: flex; align-items: center; gap: 12px;}
.homepage-chrome .button{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0px 20px; border: 1px solid transparent; border-radius: 999px; font-family: var(--font-sans); font-weight: 650; letter-spacing: 0.015em;}
.homepage-chrome .button-primary{background: var(--brand); color: rgb(255, 255, 255);}
.homepage-chrome .nav-toggle{display: none; align-items: center; gap: 10px; background: none; border: 0px; color: var(--ink); padding: 0px;}
.homepage-chrome .nav-toggle-box{width: 24px; display: grid; gap: 4px;}
.homepage-chrome .nav-toggle-line{height: 2px; border-radius: 999px; background: currentcolor;}
.homepage-chrome h1, .homepage-chrome h2, .homepage-chrome h3, .homepage-chrome h4{font-family: var(--font-serif); font-weight: 700; line-height: 1.04; text-wrap: balance;}
@media (max-width: 1240px){.homepage-chrome .nav-list{gap: 18px;}}
@media (max-width: 1240px){.homepage-chrome .nav-list > li > a{font-size: 0.94rem;}}
@media (max-width: 1100px){.homepage-chrome .nav-list .sub-menu--mega{left: clamp(-96px, -8vw, -28px); min-width: min(640px, -36px + 100vw); width: min(640px, -36px + 100vw);}}
@media (max-width: 1100px){.homepage-chrome .nav-list > li.menu-item-has-mega-menu::after{left: clamp(-96px, -8vw, -28px); width: min(640px, -36px + 100vw);}}
@media (max-width: 1100px){.homepage-chrome .nav-mega-menu__groups, .homepage-chrome .nav-list > li.menu-item-products .nav-mega-menu__groups, .homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__groups{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}}
@media (max-width: 1100px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group{padding-left: 0px; border-left: 0px;}}
@media (max-width: 1100px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group:nth-child(2){padding-left: 20px; border-left: 1px solid rgba(20, 38, 63, 0.14);}}
@media (max-width: 1100px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group:nth-child(3){padding-left: 0px; border-left: 0px;}}
@media (max-width: 1100px){.homepage-chrome .header-shell{grid-template-columns: auto auto;}}
@media (max-width: 1100px){.homepage-chrome .site-nav{grid-column: 1 / -1; width: 100%; justify-self: center;}}
@media (max-width: 1100px){.homepage-chrome .nav-list{justify-content: center; gap: 18px;}}
@media (max-width: 1100px){.homepage-chrome .header-actions{display: none;}}
@media (max-width: 860px){.homepage-chrome .nav-list > li.nav-item--support .nav-mega-menu__group + .nav-mega-menu__group{padding-left: 0px; border-left: 0px;}}
@media (max-width: 860px){.homepage-chrome .header-shell{grid-template-columns: auto auto; gap: 16px;}}
@media (max-width: 860px){.homepage-chrome .nav-toggle{display: inline-flex; justify-self: end;}}
@media (max-width: 860px){.homepage-chrome .site-nav{display: none;}}
.homepage-chrome :is(.button, .oj-button, .wp-block-button__link), .homepage-chrome button:not(.nav-toggle):not(.quote-inquiry-backdrop):not(.wechat-qr-backdrop), .homepage-chrome input[type="submit"], .homepage-chrome input[type="button"]{background: rgb(198, 137, 67) !important; border-color: rgb(198, 137, 67) !important; color: rgb(255, 255, 255) !important;}
.homepage-chrome :is(.button, .oj-button, .wp-block-button__link):is(:hover, :focus-visible), .homepage-chrome button:not(.nav-toggle):not(.quote-inquiry-backdrop):not(.wechat-qr-backdrop):is(:hover, :focus-visible), .homepage-chrome input[type="submit"]:is(:hover, :focus-visible), .homepage-chrome input[type="button"]:is(:hover, :focus-visible){background: rgb(140, 200, 242) !important; border-color: rgb(140, 200, 242) !important; color: rgb(18, 50, 83) !important;}
.homepage-chrome .header-actions .button.button-primary{background: rgb(198, 137, 67) !important; border-color: rgb(198, 137, 67) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(198, 137, 67, 0.22) 0px 18px 36px !important;}
.homepage-chrome .header-actions .button.button-primary:is(:hover, :focus-visible){background: rgb(140, 200, 242) !important; border-color: rgb(140, 200, 242) !important; color: rgb(18, 50, 83) !important; box-shadow: rgba(80, 157, 211, 0.24) 0px 18px 36px !important;}