:root{color-scheme:light;--surface:var(--white);--surface-soft:var(--paper);--text:var(--ink);--accent-text:var(--red);--photo-surface:#fafafa;--fixed-dark:#202124}
:root[data-theme=dark]{color-scheme:dark;--ink:#f1f3f6;--white:#15191f;--paper:#1e242c;--surface:#15191f;--surface-soft:#1e242c;--text:#f1f3f6;--muted:#b5bdc9;--line:#3b4553;--accent-text:#ff8190;--shadow:0 14px 40px #0004}
body{background:var(--surface);color:var(--text)}.new-hero,.company-intro,.featured-range,.page-banner,.policy-band,.brand-filter,.family-help,.spec-pills span,.product-spec-table th,.product-spec-table tr:nth-child(even),.collection-empty,.document-icon{background:var(--surface-soft)}.site-header,.brand-section,footer,.range-card,.brand-grid>a,.company-visual,.quote-form,.company-menu>div,.language-toggle,.menu-toggle,.theme-toggle,.field input,.field select,.field textarea,.brand-filter input,.brand-filter select{background:var(--surface);color:var(--text);border-color:var(--line)}.company-menu>div a:hover{background:var(--surface-soft)}.brand-sub,.hero-lead,.hero-caption,.company-grid p:not(.eyebrow),.story-layout p:not(.eyebrow),.policy-grid p,.company-sources,.breadcrumbs,.range-topline>span,.pack-caption,.pack-links,.detail-intro,.detail-information p,.footer-brand p,.footer-grid>div>p,.footer-grid>div>a:not(.brand),.footer-bottom,.family-index,.family-type,.grade-family{color:var(--muted)}.eyebrow,.range-type,.family-help a,.family-sidebar>a.selected,.technical-note a{color:var(--accent-text)}.mission-section,.quote-section,.contact-strip,.tone-dark{background:var(--fixed-dark);color:#fff}.mission-section p,.quote-copy>p:not(.eyebrow){color:#c7c9ce}.menu-toggle span{background:var(--text)}.brand-art{background:#fff}.range-photo,.detail-photo{background:var(--photo-surface);color:#202124}.range-photo.no-photo{background:var(--surface-soft);color:var(--text)}.hero-products{background:#fff;border-radius:8px}.family-tiles img{background:#fff;mix-blend-mode:normal;border-radius:4px}.theme-toggle{min-height:42px;padding:7px 10px;border:1px solid var(--line);font-size:12px;font-weight:700}.pack-links a:hover,.pack-links a.pack-hover,.pack-links a[aria-current]{border-color:var(--accent-text);color:var(--accent-text)}.skip-link{background:var(--surface);color:var(--text)}.tone-brand .button{color:#202124}.button,.hero-bottom,.company-stamp{color:#fff}.form-status{color:var(--accent-text)}
[data-pack-stage]{position:relative}.pack-preview-layer{position:absolute;inset:0;width:100%!important;height:100%!important;padding:inherit;object-fit:contain;opacity:0;pointer-events:none;transition:opacity 200ms ease;mix-blend-mode:normal;background:var(--photo-surface)}.pack-preview-layer.is-visible{opacity:1}.pack-has-preview{background:var(--photo-surface)!important}.pack-has-preview>:not(img){visibility:hidden}.pack-main[hidden]{display:none}.pack-links a{transition:color 160ms,border-color 160ms,background 160ms}@media(prefers-reduced-motion:reduce){.pack-preview-layer,.pack-links a{transition:none!important}}@media(max-width:400px){.theme-toggle{padding-inline:6px;font-size:11px}.header-actions{gap:5px}}
/* Theme-adaptive studio photos and true black dark mode. */
:root{--photo-surface:var(--surface-soft)}:root[data-theme=dark]{--white:#000;--paper:#101010;--surface:#000;--surface-soft:#101010;--ink:#f2f2f2;--text:#f2f2f2;--muted:#b5b5b5;--line:#303030;--fixed-dark:#080808;--photo-surface:#101010}
.brand-art,.hero-products,.family-tiles img{background:transparent}.range-photo,.detail-photo{background:var(--photo-surface);color:var(--text)}.hero-products img,.family-tiles img,.range-photo img,.detail-photo img{mix-blend-mode:normal}.pack-main{transition:none!important;animation:none!important}.pack-preview-layer{display:none!important}:root[data-theme=dark] .opal-logo img{filter:invert(1);mix-blend-mode:screen}.email-submit{margin-bottom:8px}.email-help{font-size:12px;color:var(--muted);margin:0 0 20px}.brand-art>img{mix-blend-mode:normal}



:root,:root[data-theme=dark]{--photo-surface:transparent}

/* Saved design settings drive both the public site and live preview. */
:root[data-theme=dark]{--white:var(--dark-background,#000);--paper:var(--dark-paper,#101010);--surface:var(--dark-background,#000);--surface-soft:var(--dark-paper,#101010);--ink:var(--dark-text,#f2f2f2);--text:var(--dark-text,#f2f2f2);--muted:var(--dark-muted,#b5b5b5);--accent-text:var(--dark-accent,#ff8190)}
:root{--fixed-dark:var(--dark-sections,#080808)}body{font-family:var(--site-font,Manrope,Cairo,Arial,sans-serif);font-size:var(--body-size,16px)}.shell{max-width:var(--content-width,1280px)}.brand-logo{width:var(--logo-width,88px);object-fit:contain}.section{padding-block:var(--section-space,86px)}.button,.range-card,.quote-form,.brand-grid>a{border-radius:var(--corner-radius,0)}.button{color:var(--button-text,#fff)}@media(max-width:560px){.section{padding-block:calc(var(--section-space,86px)*.56)}}

.shell{width:min(var(--content-width,1280px),calc(100% - 64px))}@media(max-width:560px){.shell{width:calc(100% - 36px)}}

.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.form-submit:disabled{opacity:.6;cursor:wait}

/* Preserve complete packshots. Opaque originals have a deliberate studio surface,
   rather than guessed transparency that erases white containers and label edges. */
:root,:root[data-theme=dark]{--photo-surface:#fff}
:is(.hero-products,.family-tiles,.range-photo,.detail-photo) img{visibility:visible!important;mask-image:none!important;-webkit-mask-image:none!important;object-fit:contain!important;object-position:center;mix-blend-mode:normal!important;filter:none!important}
.range-photo,.detail-photo,.hero-products{background:#fff;border:0;border-radius:12px;overflow:hidden}.range-photo{margin:12px 12px 0;padding:18px}.detail-photo{padding:28px}.family-tiles img{background:#fff;border-radius:10px;padding:10px}.brand-art{background:#fff}.range-photo img,.detail-photo img{max-width:100%;max-height:100%}.range-photo.no-photo{background:var(--surface-soft)}

.opal-logo{display:block;position:relative;width:min(280px,100%);height:100px;overflow:visible;transform:none!important}.opal-logo img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%;filter:none!important;mix-blend-mode:normal!important}.brand-art:has(.opal-logo){background:transparent}:root[data-theme=dark] .opal-logo img{filter:invert(1)!important}

:root:not([data-theme=dark]){--ink:var(--light-text,#202124);--white:var(--light-background,#fff);--paper:var(--light-paper,#f4f5f6);--muted:var(--light-muted,#666)}

/* The supplied adaptive logo follows the website toggle as well as system mode. */
.opal-logo svg{display:block;width:100%;height:100%;overflow:visible}.opal-logo svg image{filter:none}:root[data-theme=dark] .opal-logo svg image{filter:invert(1)}