@font-face { font-family:'Nunito Sans'; font-style:normal; font-weight:200 900; font-display:swap; src:url('fonts/nunito-sans.woff2') format('woff2'); }
/* Homepage presentation. Corporate red and the existing neutral palette only. */
.brand-page { --brand-red:#d1002c; --brand-black:#000; --brand-white:#fff; --brand-muted:#666; --brand-line:#ddd; --brand-soft:#f8f9fa; margin:0; background:var(--brand-white); color:var(--brand-black); font-family:'Nunito Sans',Arial,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
.brand-page *, .brand-page *::before, .brand-page *::after { box-sizing:border-box; }
.brand-page h1,.brand-page h2,.brand-page h3,.brand-page p,.brand-page figure { margin:0; }
.brand-page h1,.brand-page h2,.brand-page h3 { color:inherit; font-family:inherit; }
.brand-page a { color:inherit; text-decoration:none; transition:color .2s,background-color .2s; }
.brand-page a:hover { text-decoration:none; }
.brand-page button,.brand-page summary { font:inherit; }
.brand-page img { max-width:100%; }
.brand-page [hidden] { display:none !important; }
.brand-page a:focus-visible,.brand-page button:focus-visible,.brand-page summary:focus-visible { outline:3px solid var(--brand-red); outline-offset:5px; }
.brand-page .brand-container { width:min(1280px,calc(100% - 112px)); margin-inline:auto; }
.brand-page .brand-icon { flex:none; display:inline-block; vertical-align:middle; }
.brand-page .brand-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.brand-page .brand-utility { color:#fff; background:#000; font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.brand-page .brand-utility .brand-container { min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.brand-page .brand-utility span span { margin-left:12px; }
.brand-page .brand-header { position:relative;z-index:30;background:#fff;border-bottom:1px solid #ddd; }
.brand-page .brand-header-inner { display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:104px; }
.brand-page .brand-home { display:block;flex:0 0 257px; }
.brand-page .brand-home img { display:block;width:257px;height:auto; }
.brand-page .brand-navigation { display:flex;align-items:center;gap:28px; }
.brand-page .brand-navigation > a { font-size:13px;font-weight:700;position:relative; }
.brand-page .brand-navigation > a:not(.brand-button):hover,.brand-page .brand-navigation > a[aria-current] { color:var(--brand-red); }
.brand-page .brand-navigation > a[aria-current]::after { content:'';position:absolute;left:0;bottom:-9px;width:14px;height:2px;background:var(--brand-red); }
.brand-page .brand-button { display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:15px 23px;font-size:13px;font-weight:800;line-height:1.4;border:1px solid transparent;border-radius:0; }
.brand-page .brand-button .brand-icon { width:20px;height:20px; }
.brand-page .brand-button-primary { color:#fff;background:var(--brand-red); }
.brand-page .brand-button-primary:hover { color:#fff;background:#000; }
.brand-page .brand-button-dark { color:#fff;background:#000; }
.brand-page .brand-button-dark:hover { color:#fff;background:var(--brand-red); }
.brand-page .brand-button-white { color:#000;background:#fff; }
.brand-page .brand-button-white:hover { color:#fff;background:#000; }
.brand-page .brand-header-cta { margin-left:10px;min-height:47px;padding:12px 18px; }
.brand-page .brand-menu-toggle { display:none; }
.brand-page .brand-eyebrow { display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.17em;text-transform:uppercase; }
.brand-page .brand-eyebrow > span { width:23px;height:2px;background:var(--brand-red); }
.brand-page .brand-hero { display:grid;grid-template-columns:1fr 1fr;min-height:690px; }
.brand-page .brand-hero-copy { padding:63px 40px 44px max(56px,calc((100vw - 1280px)/2));align-self:center; }
.brand-page .brand-hero h1 { font-size:clamp(52px,5.05vw,78px);font-weight:900;line-height:1.045;letter-spacing:-.055em;margin-top:25px; }
.brand-page .brand-hero h1 em { font-style:normal;color:var(--brand-red); }
.brand-page .brand-hero-copy > p { font-size:15px;color:#666;line-height:1.85;max-width:375px;margin-top:25px; }
.brand-page .brand-hero-actions { display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:31px; }
.brand-page .brand-text-link { display:inline-flex;align-items:center;justify-content:space-between;gap:19px;font-size:13px;font-weight:800;line-height:1.5;padding-block:9px;border-bottom:1px solid #000; }
.brand-page .brand-text-link:hover { color:var(--brand-red);border-bottom-color:var(--brand-red); }
.brand-page .brand-text-link .brand-icon { width:19px;height:19px; }
.brand-page .brand-hero-note { display:flex;align-items:center;gap:13px;border-top:1px solid #ddd;margin-top:36px;padding-top:23px;color:#666;font-size:11px;line-height:1.7;max-width:440px; }
.brand-page .brand-hero-note > .brand-icon { width:31px;height:31px;color:#000; }
.brand-page .brand-hero-note a { color:#000;text-decoration:underline;text-underline-offset:3px; }
.brand-page .brand-hero-visual { position:relative;overflow:hidden;background:#000;min-height:610px;isolation:isolate; }
.brand-page .brand-hero-visual > img { width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:57% center; }
.brand-page .brand-hero-visual::after { content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 25%,transparent 58%,rgba(0,0,0,.88)); }
.brand-page .brand-visual-top { position:absolute;top:29px;left:33px;right:33px;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:9px;font-weight:700;letter-spacing:.17em; }
.brand-page .brand-visual-top > span:last-child { font-size:28px;line-height:1; }
.brand-page .brand-visual-bottom { position:absolute;left:38px;right:38px;bottom:68px;z-index:1;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:16px; }
.brand-page .brand-micro { display:block;font-size:9px;font-weight:700;letter-spacing:.15em; }
.brand-page .brand-visual-bottom strong { display:block;font-size:34px;letter-spacing:-.035em;line-height:1.15;font-weight:800;margin-top:14px; }
.brand-page .brand-visual-reference { border-left:1px solid rgba(255,255,255,.45);padding-left:21px;font-size:9px;font-weight:700;letter-spacing:.15em; }
.brand-page .brand-visual-reference b { font-size:38px;font-weight:800;letter-spacing:-.04em; }
.brand-page .brand-image-caption { position:absolute;z-index:1;bottom:23px;left:38px;right:30px;font-size:9px;color:#ddd;line-height:1.6; }
.brand-page .brand-values-strip { border-bottom:1px solid #ddd;background:var(--brand-soft); }
.brand-page .brand-values-strip .brand-container { display:grid;grid-template-columns:repeat(3,1fr);min-height:75px;align-items:center; }
.brand-page .brand-values-strip span { display:flex;align-items:center;gap:18px;justify-content:center;border-right:1px solid #ddd;padding:4px 16px;font-size:12px;font-weight:700; }
.brand-page .brand-values-strip span:first-child { justify-content:flex-start;padding-left:0; }
.brand-page .brand-values-strip span:last-child { border:0; }
.brand-page .brand-values-strip b { color:var(--brand-red);font-size:10px; }
.brand-page .brand-section { padding-block:105px; }
.brand-page .brand-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:45px; }
.brand-page h2 { font-size:clamp(36px,3.8vw,56px);line-height:1.1;font-weight:900;letter-spacing:-.045em; }
.brand-page .brand-section-heading h2,.brand-page .brand-company h2,.brand-page .brand-faq h2 { margin-top:19px; }
.brand-page .brand-heading-aside { max-width:320px;padding-bottom:3px; }
.brand-page .brand-heading-aside > p { color:#666;font-size:14px;line-height:1.85;margin-bottom:14px; }
.brand-page .brand-product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px; }
.brand-page .brand-product-image { position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/.99;background:var(--brand-soft);overflow:hidden; }
.brand-page .brand-product-image img { width:90%;height:72%;object-fit:contain;transition:transform .4s;mix-blend-mode:multiply; }
.brand-page .brand-product-image:hover img { transform:scale(1.04); }
.brand-page .brand-product-number { position:absolute;top:18px;left:18px;font-size:10px;font-weight:700;color:#666; }
.brand-page .brand-product-arrow { position:absolute;right:0;bottom:0;background:#fff;padding:10px;display:flex; }
.brand-page .brand-product-arrow .brand-icon { width:20px;height:20px; }
.brand-page .brand-product-meta { display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.065em;line-height:1.5;margin:20px 0 9px;color:#666;text-transform:uppercase; }
.brand-page .brand-product-meta > span:first-child { color:var(--brand-red);font-weight:800; }
.brand-page .brand-product h3 { font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.4; }
.brand-page .brand-product h3 a:hover { color:var(--brand-red); }
.brand-page .brand-product-inquiry { display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-bottom:12px;border-bottom:1px solid #ddd;font-size:11px;font-weight:700; }
.brand-page .brand-product-inquiry:hover { color:var(--brand-red); }
.brand-page .brand-catalog-note { margin-top:24px;color:#666;font-size:11px;max-width:850px; }
.brand-page .brand-company { padding-bottom:100px; }
.brand-page .brand-company-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px; }
.brand-page .brand-company-art { position:relative;min-width:0;aspect-ratio:1/.98;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.brand-page .brand-company-art::before { content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--brand-red); }
.brand-page .brand-company-art > img { width:93%;height:auto;position:relative;z-index:1;transform:rotate(-10deg);mix-blend-mode:multiply; }
.brand-page .brand-company-outline { position:absolute;left:24px;top:26px;font-size:clamp(35px,4.4vw,64px);font-weight:900;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #ddd; }
.brand-page .brand-company-art-caption { position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:8px;color:#666;font-size:8px;letter-spacing:.08em;font-weight:800; }
.brand-page .brand-company-copy > p:not(.brand-eyebrow) { margin-top:18px;color:#666;font-size:14px;line-height:1.9; }
.brand-page .brand-company-copy > .brand-lead { color:#000 !important;font-size:19px !important;font-weight:700;line-height:1.5 !important;margin-top:25px !important; }
.brand-page .brand-company-copy .brand-text-link { margin-top:20px; }
.brand-page .brand-safety { background:#f8f9fa; }
.brand-page .brand-safety h2 > span { color:#666; }
.brand-page .brand-safety-grid { display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start; }
.brand-page .brand-disclosure { border-bottom:1px solid #ddd; }
.brand-page .brand-disclosure:first-child { border-top:1px solid #ddd; }
.brand-page .brand-disclosure summary { display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;min-height:76px;padding:18px 0; }
.brand-page .brand-disclosure summary::-webkit-details-marker { display:none; }
.brand-page .brand-disclosure summary::marker { content:''; }
.brand-page .brand-disclosure-number { font-size:10px;color:#666; }
.brand-page .brand-disclosure summary h3 { font-size:17px;font-weight:800;line-height:1.4;letter-spacing:-.02em;flex:1; }
.brand-page .brand-disclosure summary > .brand-icon { width:19px;height:19px;transition:transform .2s; }
.brand-page .brand-disclosure[open] summary > .brand-icon { transform:rotate(45deg);color:var(--brand-red); }
.brand-page .brand-disclosure[open] summary h3 { color:var(--brand-red); }
.brand-page .brand-disclosure > p { padding:0 28px 25px 35px;color:#666;font-size:13px;line-height:1.9; }
.brand-page .brand-standards { background:#000;color:#fff;padding:35px 37px; }
.brand-page .brand-standards-label { display:flex;align-items:center;gap:12px;color:#ddd;font-size:9px;letter-spacing:.12em;font-weight:700; }
.brand-page .brand-standards-label .brand-icon { width:26px;height:26px; }
.brand-page .brand-standards h3 { font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.035em;margin-top:21px; }
.brand-page .brand-standards > p { color:#aaa;font-size:12px;line-height:1.8;margin-top:16px; }
.brand-page .brand-standards dl { margin:27px 0 10px; }
.brand-page .brand-standards dl > div { border-top:1px solid #333;padding:16px 0; }
.brand-page .brand-standards dt { font-size:12px;font-weight:800;color:#fff;margin-bottom:6px; }
.brand-page .brand-standards dd { color:#aaa;font-size:11px;line-height:1.8;margin:0; }
.brand-page .brand-standards .brand-text-link { border-color:#666;font-size:11px;color:#fff; }
.brand-page .brand-standards .brand-text-link:hover { color:#ddd;border-color:#fff; }
.brand-page .brand-safety-footnote { display:flex;align-items:flex-start;gap:13px;margin-top:28px;max-width:1080px; }
.brand-page .brand-safety-footnote > span { display:flex;justify-content:center;align-items:center;width:19px;height:19px;flex:none;border:1px solid #aaa;border-radius:50%;font-size:11px;font-style:italic; }
.brand-page .brand-safety-footnote > p { font-size:10px;line-height:1.9;color:#666; }
.brand-page .brand-contexts { display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ddd;margin-top:40px;padding-top:27px;flex-wrap:wrap; }
.brand-page .brand-contexts > p:first-child { font-size:13px;font-weight:800; }
.brand-page .brand-contexts > div { display:flex;flex-wrap:wrap;gap:10px; }
.brand-page .brand-contexts > div > span { font-size:10px;letter-spacing:.05em;padding:7px 13px;border:1px solid #ddd; }
.brand-page .brand-contexts .brand-contexts-note { width:100%;font-size:10px;color:#666; }
.brand-page .brand-business { padding:70px 0;background:var(--brand-red);color:#fff; }
.brand-page .brand-business-grid { display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px; }
.brand-page .brand-business h2 { margin-top:21px;font-size:clamp(32px,3.2vw,46px);line-height:1.15; }
.brand-page .brand-business p:not(.brand-eyebrow) { font-size:14px;line-height:1.9;margin-top:23px;max-width:565px; }
.brand-page .brand-business-action { display:flex;flex-direction:column;align-items:flex-start;gap:17px; }
.brand-page .brand-business-action .brand-button { min-width:240px; }
.brand-page .brand-business-action > span { font-size:10px; }
.brand-page .brand-faq-grid { display:grid;grid-template-columns:.85fr 1.15fr;gap:100px; }
.brand-page .brand-faq h2 { font-size:46px; }
.brand-page .brand-faq .brand-text-link { margin-top:25px; }
.brand-page .brand-faq-item summary { min-height:82px;gap:22px; }
.brand-page .brand-faq-item summary h3 { font-size:15px; }
.brand-page .brand-faq-item > p { padding-left:0; }
.brand-page .brand-footer { border-top:1px solid #ddd;padding-top:70px;background:#fff; }
.brand-page .brand-footer-main { display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:60px;padding-bottom:64px; }
.brand-page .brand-footer-identity img { width:240px;height:auto;display:block; }
.brand-page .brand-footer-identity > p { font-size:24px;font-weight:800;line-height:1.3;letter-spacing:-.02em;margin-top:27px; }
.brand-page .brand-footer-identity > span { display:block;font-size:10px;color:#666;margin-top:16px; }
.brand-page .brand-footer h2 { font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;margin-bottom:24px; }
.brand-page .brand-footer-main > div:not(:first-child) > a { display:block;width:fit-content;font-size:12px;color:#666;line-height:1.6;margin-top:13px;overflow-wrap:anywhere; }
.brand-page .brand-footer-main > div:not(:first-child) > a:hover { color:var(--brand-red); }
.brand-page .brand-footer-main .brand-footer-contact > a:first-of-type { font-size:21px;color:#000;font-weight:800; }
.brand-page .brand-footer-contact > a .brand-icon { width:16px;height:16px;margin-left:10px; }
.brand-page .brand-footer-contact > p { color:#666;font-size:12px;line-height:1.8;margin-top:20px; }
.brand-page .brand-social-links { display:flex;gap:18px;margin-top:23px;font-size:10px;font-weight:700; }
.brand-page .brand-social-links a:hover { color:var(--brand-red); }
.brand-page .brand-footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;border-top:1px solid #ddd;font-size:10px;color:#666; }
.brand-page .brand-footer-bottom > a { color:#000;font-weight:800; }
.brand-page .whatsapp-button { width:48px;height:48px;right:19px;bottom:19px;box-shadow:0 4px 20px rgba(0,0,0,.18); }
@media (min-width:1700px) { .brand-page .brand-hero-copy { padding-left:max(56px,calc((100vw - 1420px)/2)); } .brand-page .brand-hero { min-height:760px; } }
@media (max-width:1200px) { .brand-page .brand-container { width:calc(100% - 80px); } .brand-page .brand-hero-copy { padding-left:40px;padding-right:30px; } .brand-page .brand-navigation { gap:19px; } .brand-page .brand-home,.brand-page .brand-home img { width:220px;flex-basis:220px; } .brand-page .brand-company-grid { gap:50px; } .brand-page .brand-safety-grid { gap:40px; } .brand-page .brand-hero-actions { gap:18px; } .brand-page .brand-hero { min-height:670px; } }
@media (max-width:1100px) { .brand-page .brand-menu-toggle { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #ddd;background:#fff;width:45px;height:45px;padding:12px;cursor:pointer; } .brand-page .brand-menu-toggle > span:not(.brand-sr-only) { display:block;width:20px;height:1px;background:#000;transition:transform .2s; } .brand-page .brand-menu-toggle[aria-expanded=true] > span:first-child { transform:translateY(3.5px) rotate(45deg); } .brand-page .brand-menu-toggle[aria-expanded=true] > span:nth-child(2) { transform:translateY(-3.5px) rotate(-45deg); } .brand-page .brand-navigation { display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;padding:24px 40px;box-shadow:0 12px 18px rgba(0,0,0,.05); } .brand-page .brand-navigation.is-open { display:flex;flex-direction:column;align-items:stretch;gap:0; } .brand-page .brand-navigation > a { padding-block:13px; } .brand-page .brand-navigation > a[aria-current]::after { display:none; } .brand-page .brand-navigation > .brand-button { display:flex;margin:16px 0 0; } .brand-page .brand-header-inner { min-height:86px; } .brand-page .brand-hero h1 { font-size:56px; } .brand-page .brand-hero-copy { padding-block:42px; } .brand-page .brand-hero-visual { min-height:650px; } .brand-page .brand-hero-actions { align-items:flex-start;flex-direction:column;gap:12px; } .brand-page .brand-visual-bottom { left:27px;right:27px; } .brand-page .brand-visual-bottom strong { font-size:28px; } .brand-page .brand-image-caption { left:27px; } .brand-page .brand-product-grid { gap:16px; } .brand-page .brand-product h3 { font-size:15px; } .brand-page .brand-product-meta { align-items:flex-start;flex-direction:column;gap:4px; } .brand-page .brand-product-inquiry { font-size:10px; } .brand-page .brand-company-grid { gap:35px; } .brand-page .brand-faq-grid { gap:50px; } .brand-page .brand-footer-main { gap:30px; } }
@media (max-width:800px) { .brand-page .brand-container { width:calc(100% - 48px); } .brand-page .brand-hero { grid-template-columns:1fr; } .brand-page .brand-hero-copy { padding:44px 24px 34px; } .brand-page .brand-hero h1 { font-size:clamp(48px,9vw,70px);letter-spacing:-.05em; } .brand-page .brand-hero-copy > p { max-width:480px; } .brand-page .brand-hero-actions { flex-direction:row;align-items:center;gap:22px; } .brand-page .brand-hero-note { margin-top:26px;padding-top:20px;max-width:none; } .brand-page .brand-hero-visual { min-height:460px;aspect-ratio:1.3; } .brand-page .brand-hero-visual > img { object-position:center; } .brand-page .brand-visual-bottom { bottom:63px; } .brand-page .brand-visual-bottom strong { font-size:32px; } .brand-page .brand-visual-top { left:25px;right:25px;top:24px; } .brand-page .brand-values-strip .brand-container { grid-template-columns:1fr;min-height:0;padding-block:7px; } .brand-page .brand-values-strip span,.brand-page .brand-values-strip span:first-child { justify-content:flex-start;border:0;padding:10px 0;font-size:11px; } .brand-page .brand-values-strip b { min-width:18px; } .brand-page .brand-section { padding-block:65px; } .brand-page .brand-section-heading { align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px; } .brand-page h2 { font-size:42px; } .brand-page .brand-heading-aside { max-width:500px; } .brand-page .brand-heading-aside > p { font-size:13px;margin-bottom:7px; } .brand-page .brand-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px; } .brand-page .brand-product-meta { flex-direction:row;gap:10px; } .brand-page .brand-product h3 { font-size:17px; } .brand-page .brand-company { padding-bottom:65px; } .brand-page .brand-company-grid { grid-template-columns:1fr;gap:38px; } .brand-page .brand-company-art { aspect-ratio:1.3; } .brand-page .brand-company-art > img { width:75%; } .brand-page .brand-company-outline { font-size:clamp(36px,8vw,60px); } .brand-page .brand-company-copy > p:not(.brand-eyebrow) { max-width:600px; } .brand-page .brand-safety-grid { grid-template-columns:1fr;gap:35px; } .brand-page .brand-standards { padding:32px; } .brand-page .brand-standards dl { display:grid;grid-template-columns:1fr; } .brand-page .brand-contexts { gap:15px;margin-top:28px; } .brand-page .brand-business { padding-block:48px; } .brand-page .brand-business-grid { grid-template-columns:1fr;gap:28px; } .brand-page .brand-business h2 { font-size:39px; } .brand-page .brand-business p:not(.brand-eyebrow) { font-size:13px; } .brand-page .brand-faq-grid { grid-template-columns:1fr;gap:30px; } .brand-page .brand-faq h2 { font-size:40px; } .brand-page .brand-faq .brand-text-link { margin-top:17px; } .brand-page .brand-footer-main { grid-template-columns:1fr 1fr;gap:38px; } .brand-page .brand-footer-identity { grid-column:1/-1; } .brand-page .brand-footer-identity img { width:240px; } .brand-page .brand-footer-identity > p { font-size:22px;margin-top:20px; } .brand-page .brand-footer-bottom { align-items:flex-start;padding-block:23px;flex-wrap:wrap; } .brand-page .brand-footer { padding-top:48px; } }
@media (max-width:480px) { .brand-page .brand-utility { font-size:8px;letter-spacing:.08em; } .brand-page .brand-utility .brand-container { min-height:30px; } .brand-page .brand-utility .brand-container > span:last-child { display:none; } .brand-page .brand-home,.brand-page .brand-home img { width:220px;flex-basis:220px; } .brand-page .brand-header-inner { gap:15px;min-height:80px; } .brand-page .brand-navigation { padding:16px 24px 24px; } .brand-page .brand-eyebrow { font-size:8px;letter-spacing:.12em; } .brand-page .brand-hero-copy { padding-top:35px; } .brand-page .brand-hero h1 { font-size:49px;margin-top:21px; } .brand-page .brand-hero-copy > p { margin-top:22px;font-size:13px; } .brand-page .brand-hero-actions { gap:18px;margin-top:23px; } .brand-page .brand-button { font-size:12px;min-height:53px;padding-inline:19px; } .brand-page .brand-hero-actions .brand-text-link { font-size:12px;gap:18px; } .brand-page .brand-hero-note { font-size:10px; } .brand-page .brand-hero-visual { min-height:390px;aspect-ratio:1; } .brand-page .brand-visual-bottom strong { font-size:27px; } .brand-page .brand-visual-reference b { font-size:33px; } .brand-page .brand-visual-top { font-size:8px; } .brand-page .brand-image-caption { font-size:8px; } .brand-page .brand-micro { font-size:8px; } .brand-page h2 { font-size:37px; } .brand-page .brand-product-grid { gap:28px 13px; } .brand-page .brand-product-number { top:12px;left:12px;font-size:9px; } .brand-page .brand-product-meta { margin-top:15px;gap:3px;flex-direction:column;font-size:8px; } .brand-page .brand-product h3 { font-size:15px; } .brand-page .brand-product-inquiry { margin-top:12px;font-size:9px; } .brand-page .brand-product-arrow { padding:8px; } .brand-page .brand-product-arrow .brand-icon { width:16px;height:16px; } .brand-page .brand-catalog-note { font-size:10px; } .brand-page .brand-company-art { aspect-ratio:1.05; } .brand-page .brand-company-art > img { width:88%; } .brand-page .brand-company-art-caption { font-size:6px;left:18px;right:18px; } .brand-page .brand-company-outline { left:18px;top:20px;font-size:37px; } .brand-page .brand-company-copy > .brand-lead { font-size:18px !important; } .brand-page .brand-company-copy > p:not(.brand-eyebrow) { font-size:13px; } .brand-page .brand-disclosure summary { gap:14px;min-height:74px; } .brand-page .brand-disclosure summary h3 { font-size:15px; } .brand-page .brand-disclosure > p { padding-left:26px;padding-right:0;font-size:12px; } .brand-page .brand-standards { padding:28px 24px; } .brand-page .brand-standards h3 { font-size:28px; } .brand-page .brand-contexts > div { gap:6px; } .brand-page .brand-contexts > div > span { font-size:9px;padding:6px 11px; } .brand-page .brand-business h2 { font-size:33px; } .brand-page .brand-faq h2 { font-size:36px; } .brand-page .brand-faq-item > p { padding-left:0; } .brand-page .brand-footer-main { grid-template-columns:1fr;gap:33px;padding-bottom:40px; } .brand-page .brand-footer h2 { margin-bottom:16px; } .brand-page .brand-footer-bottom { font-size:9px;gap:13px; } .brand-page .brand-footer-bottom > a { width:100%; } }
@media (max-width:359px) { .brand-page .brand-container { width:calc(100% - 36px); } .brand-page .brand-home,.brand-page .brand-home img { width:195px;flex-basis:195px; } .brand-page .brand-hero-copy { padding-inline:18px; } .brand-page .brand-hero h1 { font-size:43px; } .brand-page .brand-hero-actions { align-items:flex-start;flex-direction:column;gap:10px; } }
@media (prefers-reduced-motion:reduce) { .brand-page *,.brand-page *::before,.brand-page *::after { transition:none !important;animation:none !important;scroll-behavior:auto !important; } }
@media (prefers-contrast:more) { .brand-page { --brand-muted:#000; } .brand-page .brand-standards dd,.brand-page .brand-standards > p { color:#fff; } }
@media print { .brand-page .brand-utility,.brand-page .brand-navigation,.brand-page .brand-menu-toggle,.brand-page .whatsapp-button { display:none !important; } .brand-page .brand-container { width:100%; } .brand-page .brand-hero { min-height:0; } .brand-page .brand-hero-copy { padding:24px; } .brand-page .brand-section { padding-block:30px; } .brand-page .brand-disclosure > p { display:block; } }
/* Final contrast and isolation refinements. */
.brand-page .skip-link { position:fixed;top:-100px;left:16px;z-index:10001;padding:12px 20px;background:#fff;color:#000; }
.brand-page .skip-link:focus { top:12px; }
.brand-page .brand-business p { color:#fff; }
.brand-page .whatsapp-button { color:#fff; }
.brand-page .brand-product-grid > *, .brand-page .brand-company-grid > *, .brand-page .brand-safety-grid > *, .brand-page .brand-faq-grid > *, .brand-page .brand-business-grid > * { min-width:0; }
.brand-page .brand-hero > * { min-width:0; }
.brand-page .brand-hero-visual { width:100%; }
.brand-page .brand-product-image-dark { background:#000; }
.brand-page .brand-product-image-dark .brand-product-number { color:#fff; }
.brand-page .brand-product-image-dark .brand-product-arrow { color:#000; }
.brand-page .brand-product-image-dark img { mix-blend-mode:normal; }
.brand-page .brand-product-inquiry .brand-icon,.brand-page .brand-utility .brand-icon,.brand-page .brand-social-links .brand-icon { width:12px;height:12px; }
.brand-page .brand-utility .brand-icon { margin-left:10px; }
.brand-page .brand-footer-bottom > a .brand-icon { width:13px;height:13px;transform:rotate(-90deg);margin-left:8px; }
.brand-page .brand-standard-sources { display:flex;gap:12px;flex-wrap:wrap;font-size:9px;margin-top:22px;color:#aaa; }
.brand-page .brand-standard-sources a { color:#fff;text-decoration:underline;text-underline-offset:3px; }
.brand-page .brand-standards dd { font-size:12px; }
.brand-page .brand-safety-footnote > p { font-size:11px; }
@media (max-width:480px) { .brand-page .brand-hero h1 { font-size:44px; } }
@media (max-width:359px) { .brand-page .brand-hero h1 { font-size:38px; } }