/* OPAL industrial luxury V4 — progressive redesign */
:root{--ink:#080a0b;--panel:#121517;--gold:#c9a45c;--goldlight:#f1d99e;--muted:#aab0b2;--white:#f7f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}a:hover{color:var(--goldlight)}header{position:sticky;top:0;z-index:80;background:rgba(8,10,11,.96);border-bottom:1px solid #37322a;backdrop-filter:blur(16px);padding:12px clamp(18px,4vw,70px);display:flex;align-items:center;gap:24px;min-height:83px}header .brand,footer .brand{font-weight:850;letter-spacing:.12em;text-decoration:none;white-space:nowrap;font-size:1.12rem;display:flex;align-items:center;gap:12px}header .brand small,footer .brand small{display:block;color:var(--gold);font-size:.62rem;letter-spacing:.33em;line-height:1.1}.brand-mark{display:inline-block;width:37px;height:37px;background:url('/assets/emblem.webp') center/contain no-repeat;flex-shrink:0}header nav{display:flex;align-items:center;gap:clamp(9px,1.5vw,23px);flex:1;justify-content:center}header nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.075em;text-decoration:none;color:#d7d8d6}header .lang{border:1px solid #6d5a36;padding:8px 12px;text-decoration:none;font-size:.8rem}.menu-toggle{display:none}main{min-height:55vh}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(2.9rem,6.8vw,6.8rem);font-weight:760;margin:.25em 0}h2{font-size:clamp(1.7rem,3.1vw,3.3rem);font-weight:720}h3{font-size:1.2rem}p{max-width:72ch}.kicker{color:var(--gold)!important;text-transform:uppercase;letter-spacing:.23em;font-size:.7rem;font-weight:750}.button,.outline,button[data-family]{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 23px;border:1px solid var(--gold);background:var(--gold);color:#10100d!important;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;border-radius:2px;cursor:pointer;transition:background .2s,transform .2s}.button:hover,.outline:hover,button[data-family]:hover{background:var(--goldlight);transform:translateY(-2px)}.outline{background:transparent;color:var(--goldlight)!important}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero{padding:clamp(65px,9vw,140px) clamp(22px,7vw,120px);min-height:640px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:25px;background:radial-gradient(ellipse at 79% 48%,#3d311c 0%,#191a17 31%,#090a0b 68%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero h1{max-width:900px}.hero p:not(.kicker){color:#d4d4d0;font-size:clamp(1rem,1.6vw,1.23rem);max-width:570px}.hero img{width:100%;max-width:480px;height:auto;object-fit:contain;filter:drop-shadow(0 0 35px rgba(201,164,92,.13));mix-blend-mode:screen}.light{background:#f3f2ed;color:#16191b;padding:clamp(55px,7vw,100px) clamp(22px,7vw,120px)}.intro,.brand-story{padding:clamp(65px,8vw,120px) clamp(22px,7vw,120px);background:#101214;color:var(--white)}.intro p,.brand-story p{color:#bfc3c2}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.card{background:#fff;border:1px solid #d9d7d0;border-radius:3px;padding:26px;box-shadow:0 12px 40px rgba(0,0,0,.035);min-width:0}.card h2{font-size:clamp(1.25rem,1.8vw,1.85rem);letter-spacing:-.035em}.card p{color:#555d5d}.card .kicker{color:#8d6928!important}.card .button{margin-top:10px}.product-ref{display:inline-block;color:#666;font-size:.8rem;letter-spacing:.08em}.catalogue-notice{padding:16px 20px;background:#f8f0de;border-left:3px solid #b18a45;color:#463c2b}.filters{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.filters label{flex:1;min-width:175px;font-size:.8rem;font-weight:700}.filters input,.filters select,input,select,textarea{width:100%;padding:13px;border:1px solid #c5c6c2;background:white;color:#111;font:inherit;border-radius:2px}.family-links{display:flex;flex-wrap:wrap;gap:10px}.family-links button[data-family]{background:#181b1c;color:#fff!important;border-color:#181b1c}.family-links button[aria-pressed=true]{background:var(--gold);color:#111!important}.product{position:relative;display:flex;flex-direction:column;min-height:265px}.product .button{margin-top:auto;align-self:flex-start}.product:before{content:"OPAL / TECHNICAL RANGE";font-size:.58rem;letter-spacing:.16em;color:#9e8a62;border-bottom:1px solid #e6e3db;padding-bottom:12px;margin-bottom:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.feature-grid a{display:flex;flex-direction:column;padding:30px;background:#1b1e1f;border:1px solid #55492f;text-decoration:none;min-height:155px}.feature-grid strong{color:var(--goldlight);font-size:1.2rem}.feature-grid span{color:#b5b9b7;font-size:.88rem;margin-top:12px}footer{padding:45px clamp(22px,7vw,120px);display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid #40372a;background:#090b0c;color:#bbb;font-size:.85rem}.skip{position:absolute;left:-9999px;top:0;z-index:999;background:#fff;color:#000;padding:10px}.skip:focus{left:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dcae58;outline-offset:3px}[hidden]{display:none!important}.showcase{background:#0c0e0f;padding:85px clamp(22px,7vw,120px)}.showcase-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.showcase-head h2{margin:.2em 0}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.showcase-card{background:linear-gradient(155deg,#292b2a,#111313 62%);border:1px solid #49402d;padding:35px;min-height:310px;display:flex;flex-direction:column;justify-content:end;text-decoration:none;position:relative;overflow:hidden}.showcase-card:before{content:"";position:absolute;top:-75px;right:-65px;width:230px;height:230px;border:1px solid #8d784b;border-radius:50%;box-shadow:0 0 0 30px #ffffff04,0 0 0 60px #ffffff04}.showcase-card span{color:var(--gold);letter-spacing:.17em;font-size:.7rem}.showcase-card h3{font-size:1.7rem;max-width:220px}.showcase-card p{color:#bec0be;font-size:.9rem}.premium-band{padding:35px clamp(22px,7vw,120px);background:#c9a45c;color:#111;display:flex;align-items:center;justify-content:space-between;gap:25px}.premium-band strong{font-size:clamp(1.15rem,2vw,1.8rem)}.premium-band a{background:#101112;color:#fff;padding:12px 22px;text-decoration:none;font-weight:700}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:90px clamp(22px,7vw,120px);align-items:center}.editorial-art{background:radial-gradient(circle at 60% 35%,#5a4727,#121313 60%);min-height:420px;display:flex;align-items:center;justify-content:center;border:1px solid #55482f}.editorial-art img{width:75%;max-width:340px;mix-blend-mode:screen}.editorial p{color:#c5c5c0}.mini-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.mini-proof span{padding:10px 14px;border:1px solid #56492e;color:#e8d4a4;font-size:.75rem;letter-spacing:.06em}.product-detail main,.product-detail .intro{max-width:none}@media(max-width:1050px){header{flex-wrap:wrap;min-height:72px}.menu-toggle{display:block;margin-left:auto;border:1px solid #675331;background:#111;color:#e7d29c;padding:9px 13px;font-weight:700}header nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:15px 0;border-top:1px solid #443c2b}header nav.is-open{display:flex}header nav a{padding:12px 6px;border-bottom:1px solid #292b2a}header .lang{margin-left:0}.hero{min-height:520px}}@media(max-width:720px){.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:70px;min-height:0}.hero img{max-width:250px;justify-self:center;grid-row:1}.hero h1{font-size:clamp(2.6rem,11vw,4.2rem)}.grid,.showcase-grid,.feature-grid,.editorial{grid-template-columns:1fr}.showcase-head,.premium-band{display:block}.premium-band a{display:inline-block;margin-top:20px}.editorial{gap:20px;padding-top:55px;padding-bottom:55px}.editorial-art{min-height:280px}.card{padding:22px}.filters{display:grid}.hero .actions{align-items:stretch}.hero .actions a{flex:1}footer{flex-wrap:wrap}.showcase-card{min-height:245px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V5: image-led premium industrial experience */
.opal-visual-hero{position:relative;display:grid;grid-template-columns: minmax(300px,46%) 1fr;min-height:600px;overflow:hidden;background:#090a0b;border-bottom:1px solid #6a5128;isolation:isolate}
.opal-hero-copy{position:relative;z-index:2;padding:clamp(42px,7vw,110px) clamp(25px,5vw,92px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#08090a 68%,rgba(8,9,10,.85));}
.opal-eyebrow{color:#e1bc73;letter-spacing:.23em;font-size:.76rem;font-weight:750;line-height:1.6}
.opal-visual-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5.1vw,6rem);line-height:1.05;letter-spacing:-.035em;margin:20px 0;color:#fff;max-width:780px}
.opal-visual-hero h1 em{color:#e4c07c;font-weight:normal;font-style:normal}
.opal-visual-hero p{max-width:530px;color:#d2d1ce;font-size:clamp(1rem,1.35vw,1.23rem);line-height:1.7}
.opal-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.opal-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:750}.opal-gold-btn{background:linear-gradient(125deg,#f3d18b,#ba8434);color:#100d08!important}.opal-outline-btn{border:1px solid #c5a263;color:#f6e8cb!important}
.opal-hero-photo{background-image:linear-gradient(90deg,rgba(8,9,10,.45),transparent 28%),url('/assets/epoxy-metallic-showroom.webp');background-size:cover;background-position:center;min-height:400px}
.opal-image-note{font-size:.7rem;color:#9d9b97;margin-top:12px}
.opal-photo-collection{padding:65px clamp(20px,5vw,80px) 75px;background:#0b0d0e}.opal-section-head{text-align:center;margin-bottom:28px}.opal-section-head h2{font-family:Georgia,serif;font-size:clamp(2rem,3.5vw,3.8rem);margin:6px 0 12px;color:#f5e6ca}.opal-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.opal-photo-card{display:flex;flex-direction:column;overflow:hidden;background:#171819;border:1px solid #735c34;border-radius:12px;text-decoration:none;transition:transform .2s,border-color .2s}.opal-photo-card:hover{transform:translateY(-4px);border-color:#e1bc73}.opal-photo-card img{width:100%;height:210px;object-fit:cover;display:block}.opal-photo-card strong{font-family:Georgia,serif;font-size:1.35rem;padding:18px 18px 0;color:#f6e7c7}.opal-photo-card span{padding:5px 18px 20px;color:#aaa;font-size:.78rem}
@media(max-width:900px){.opal-visual-hero{grid-template-columns:1fr}.opal-hero-photo{grid-row:1;min-height:300px}.opal-hero-copy{grid-row:2;padding:40px 24px;background:#08090a}.opal-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.opal-photo-grid{grid-template-columns:1fr 1fr;gap:9px}.opal-photo-card img{height:125px}.opal-photo-card strong{font-size:1rem;padding:12px 10px 0}.opal-photo-card span{font-size:.68rem;padding:3px 10px 12px}.opal-visual-hero h1{font-size:2.8rem}.opal-actions a{width:100%}.opal-hero-photo{min-height:230px}}

/* V6 — editorial industrial luxury */
header{min-height:92px;background:rgba(3,4,5,.96);border-bottom:1px solid #40321c;gap:20px}header .brand{width:180px;flex-shrink:0}header .v6-brand-logo{height:74px;width:175px;object-fit:contain}footer .v6-brand-logo{width:155px;height:90px;object-fit:contain}header nav a{font-size:.71rem;letter-spacing:.08em}header .lang{border-color:#b58b45;color:#f4d392}
.v6-hero{min-height:clamp(650px,74vw,860px);position:relative;isolation:isolate;background:#08090a url('/assets/epoxy-metallic-showroom.webp') center 55%/cover no-repeat;display:flex;align-items:center}.v6-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.84) 32%,rgba(2,3,4,.25) 72%,rgba(2,3,4,.15)),linear-gradient(0deg,rgba(0,0,0,.67),transparent 32%)}.v6-hero-inner{padding:100px clamp(22px,6.5vw,120px);max-width:950px}.v6-kicker{font-size:.72rem;letter-spacing:.28em;color:#e6bd71;font-weight:750;text-transform:uppercase}.v6-line{display:inline-block;width:35px;border-top:1px solid #bc9553;vertical-align:middle;margin:0 10px}.v6-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.3rem,6.2vw,7.4rem);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:26px 0}.v6-hero h1 em,.v6-heading em,.v6-brand-copy em,.v6-path em{font-style:normal;color:#dfb76e}.v6-hero p{font-size:clamp(1rem,1.45vw,1.3rem);color:#e0dfdc;max-width:610px;line-height:1.75}.v6-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.v6-btn{min-height:55px;padding:17px 25px;background:linear-gradient(125deg,#f0d38f,#c18e3e);color:#12100b!important;font-weight:850;letter-spacing:.08em;font-size:.74rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d2a65c}.v6-btn-outline{background:rgba(0,0,0,.42);color:#f6e8c9!important}.v6-btn:hover{filter:brightness(1.13)}.v6-hero-caption,.v6-disclosure{color:#c0b8a8;font-size:.73rem;letter-spacing:.025em}.v6-hero-caption{margin-top:35px}.v6-hero-index{position:absolute;right:clamp(22px,5vw,85px);bottom:30px;font-size:.7rem;letter-spacing:.18em;color:#f0ddbb}.v6-hero-index span{color:#b99b60;margin:0 10px}.v6-proof{display:grid;grid-template-columns:repeat(4,1fr);background:#0d0e0f;border-block:1px solid #56452a;padding:27px clamp(20px,5vw,90px);gap:20px}.v6-proof>div{display:flex;align-items:center;gap:17px;border-right:1px solid #423822}.v6-proof>div:last-child{border:0}.v6-proof b{color:#d5ad64;font-family:Georgia,serif;font-size:1.6rem;font-weight:400}.v6-proof span{font-size:.68rem;letter-spacing:.12em;font-weight:700}.v6-collection{padding:clamp(70px,8vw,125px) clamp(20px,5vw,90px);background:#08090a}.v6-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.v6-heading h2,.v6-brand-copy h2,.v6-path h2,.v6-close h2{font-family:Georgia,serif;font-size:clamp(2.5rem,4.6vw,5.3rem);font-weight:400;letter-spacing:-.045em;margin:15px 0;line-height:1.08}.v6-heading p{max-width:310px;color:#aeb0ad}.v6-cards{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.v6-card{min-height:480px;position:relative;overflow:hidden;border:1px solid #806335;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px;isolation:isolate}.v6-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.v6-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.93),transparent 57%,rgba(0,0,0,.32));z-index:-1}.v6-card:hover img{transform:scale(1.045)}.v6-card-label{font-size:.68rem;letter-spacing:.15em;color:#e7d2a3}.v6-card h3{font-family:Georgia,serif;font-size:clamp(2rem,2.9vw,3.5rem);font-weight:400;margin:0 0 9px}.v6-card div>span{color:#e4c891;font-size:.79rem;letter-spacing:.06em}.v6-disclosure{margin:20px 0 0}.v6-brand-section{display:grid;grid-template-columns:1fr 1fr;background:#141414;min-height:660px;border-block:1px solid #3d321f}.v6-brand-copy{padding:clamp(65px,9vw,140px) clamp(24px,7vw,130px);display:flex;flex-direction:column;align-items:start;justify-content:center}.v6-brand-copy p{color:#bfc0bd;font-size:1.07rem;max-width:480px}.v6-textlink{color:#e9c47e;font-size:.78rem;letter-spacing:.12em;font-weight:800;text-decoration:none;border-bottom:1px solid #cda05a;padding-bottom:12px;margin-top:20px}.v6-product-display{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#5b4628,#191919 51%,#0b0b0b 80%);min-height:560px;display:flex;align-items:center;justify-content:center;gap:20px}.v6-halo{position:absolute;width:460px;height:460px;border:1px solid #94713a;border-radius:50%;opacity:.35}.v6-bucket{width:225px;height:280px;position:relative;background:linear-gradient(95deg,#080808,#353535 20%,#080808 65%,#2b2b2b);border-radius:10px 10px 25px 25px;border:2px solid #3a3326;box-shadow:15px 30px 35px #000a;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.v6-bucket-back{transform:translate(45px,24px) scale(.82);opacity:.82}.v6-bucket-front{transform:translate(-15px,15px)}.v6-bucket-lid{position:absolute;top:-15px;left:-7px;right:-7px;height:29px;border-radius:50%;background:linear-gradient(#555,#0c0c0c);border:3px solid #181818}.v6-bucket img{width:83%;height:170px;object-fit:contain}.v6-bucket span{font-size:.53rem;letter-spacing:.08em;color:#dfb76e;text-align:center}.v6-display-caption{position:absolute;bottom:25px;left:20px;right:20px;text-align:center;color:#c3b79e;font-size:.68rem}.v6-path{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:clamp(70px,8vw,130px) clamp(20px,6vw,110px);background:#08090a}.v6-path-links{display:flex;flex-direction:column}.v6-path-links a{border-bottom:1px solid #4c412f;padding:25px 5px;display:flex;gap:25px;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.7rem)}.v6-path-links a span{color:#caa05b;font:700 .75rem system-ui}.v6-path-links a b{margin-left:auto;color:#caa05b}.v6-close{text-align:center;padding:100px 20px 120px;background:radial-gradient(ellipse at center,#322619,#0b0c0d 70%);border-top:1px solid #564126}.v6-close p{margin:0 auto 35px;color:#ccc}.v6-close .v6-btn{display:inline-flex}
@media(max-width:1050px){header .brand{width:150px}header .v6-brand-logo{width:145px;height:65px}.v6-cards{grid-template-columns:repeat(2,1fr)}.v6-card-large{grid-column:span 2}.v6-card{min-height:370px}.v6-brand-section{grid-template-columns:1fr}.v6-brand-copy{padding:70px 35px}.v6-product-display{min-height:440px}}
@media(max-width:680px){header{min-height:74px}header .brand{width:125px}header .v6-brand-logo{width:125px;height:58px}.v6-hero{min-height:680px;background-position:62% center}.v6-hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.87),rgba(0,0,0,.55)),linear-gradient(0deg,#050505,transparent 60%)}.v6-hero-inner{padding:70px 22px 90px}.v6-hero h1{font-size:clamp(3rem,12vw,4.6rem)}.v6-actions{flex-direction:column}.v6-proof{grid-template-columns:repeat(2,1fr);gap:22px}.v6-proof>div:nth-child(2){border:0}.v6-proof span{font-size:.61rem}.v6-heading{display:block}.v6-cards{grid-template-columns:1fr}.v6-card-large{grid-column:auto}.v6-card{min-height:340px}.v6-path{grid-template-columns:1fr;gap:25px}.v6-bucket{width:175px;height:235px}.v6-bucket img{height:130px}.v6-product-display{min-height:350px}.v6-brand-copy h2{font-size:3rem}}

/* V7: clean black buckets, white lower typography, and verified contact details */
.v6-bucket{background:linear-gradient(95deg,#050505,#262626 23%,#070707 66%,#202020)!important;border-color:#242424!important}
.v6-bucket span{color:#fff!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.075em!important;line-height:1.35!important;max-width:85%;text-shadow:0 1px 2px #000}
.opal-contact{display:flex;flex-direction:column;gap:5px;min-width:220px}.opal-contact strong{color:#f4e2b6}.opal-contact a{color:#fff;font-weight:750;text-decoration:none}.opal-contact a:hover{text-decoration:underline}.opal-contact-panel{padding:30px clamp(22px,7vw,120px);background:#171717;border-bottom:1px solid #775e33}.opal-contact-panel h2{font-size:1.6rem}.opal-contact-panel a{color:#f3d18b;font-size:1.5rem;font-weight:750}.opal-region{margin:20px auto 0!important;color:#ead8b7!important;font-size:.87rem!important}
@media(max-width:700px){.opal-contact{width:100%}.v6-bucket span{font-size:.61rem!important}}

/* V8: genuine editorial presentation, no placeholder bucket cylinders */
.opal-floor-editorial{position:relative;min-height:380px;overflow:hidden;border-radius:8px;background:#121212;border:1px solid #80663d;align-self:stretch}.opal-floor-editorial img{display:block;width:100%;height:100%;min-height:380px;object-fit:cover}.opal-floor-note{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(transparent,rgba(0,0,0,.92));font-size:.78rem;color:#ddd}.opal-footer-about{max-width:560px}.opal-footer-about h2{font-size:1.3rem;color:#e7c17a;margin:0 0 12px}.opal-footer-about p{color:#ddd;line-height:1.7;margin:0}.opal-footer-links{display:flex;flex-direction:column;gap:13px}.opal-footer-links a{color:#f4e5c4;text-decoration:none}.opal-footer-links a:hover{text-decoration:underline}.opal-footer-location{width:100%;color:#b9b9b9;font-size:.85rem;border-top:1px solid #403323;padding-top:18px;margin-top:18px}@media(max-width:700px){.opal-floor-editorial,.opal-floor-editorial img{min-height:260px}footer{padding:36px 24px!important}.opal-footer-about{max-width:100%}}

/* V10: product-first editorial hero; responsive, accessible and fast */
.v6-hero.opal-product-first{background:radial-gradient(ellipse at 75% 35%,#332412 0%,#111 44%,#080808 85%)!important;min-height:680px;display:flex;align-items:center;overflow:hidden;padding:90px max(4vw,22px)!important;isolation:isolate}
.v6-hero.opal-product-first .v6-hero-overlay{display:none!important}
.v6-hero.opal-product-first .v6-hero-inner{position:relative;z-index:2;max-width:660px;width:49%;padding:0!important;margin:0!important}
.opal-product-first .opal-hero-pails{position:absolute;z-index:1;right:0;top:0;width:56%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.opal-product-first .opal-hero-pails:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,transparent 25%,transparent 80%,#080808 100%);z-index:1}
.opal-product-first .opal-hero-pails img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.opal-product-first .v6-hero-index{display:none!important}
.opal-product-first .v6-hero-caption{font-size:.75rem;color:#c8c1b4}
@media(max-width:800px){.v6-hero.opal-product-first{display:flex;flex-direction:column;align-items:stretch;padding:0 0 55px!important;min-height:0}.opal-product-first .opal-hero-pails{position:relative;order:0;width:100%;height:370px;top:auto;right:auto}.opal-product-first .opal-hero-pails:before{background:linear-gradient(0deg,#080808 0%,transparent 25%)}.opal-product-first .v6-hero-inner{order:1;width:100%;max-width:none;padding:8px 24px 0!important}.opal-product-first .v6-hero-inner h1{font-size:clamp(2.1rem,8vw,3.8rem)!important}.opal-product-first .v6-actions{display:flex;flex-wrap:wrap;gap:12px}.opal-product-first .v6-actions a{max-width:100%}}
@media(max-width:440px){.opal-product-first .opal-hero-pails{height:285px}}

/* V11: reference-style professional black buckets; original artwork cropped to preserve exact requested visual */
.opal-product-first .opal-hero-pails{background:#0a0a0a}.opal-product-first .opal-hero-pails img{object-fit:contain;object-position:center;background:#0a0a0a}.opal-product-first .opal-hero-pails:before{background:linear-gradient(90deg,#080808 0%,transparent 13%,transparent 90%,#080808 100%)}
@media(max-width:800px){.opal-product-first .opal-hero-pails{height:auto;aspect-ratio:710/377}.opal-product-first .opal-hero-pails img{object-fit:contain}}

/* V15 decorative flake photo catalogue */
.flake-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin:24px 0 42px}.flake-photo-card{background:#fff;border:1px solid #d9c59e;border-radius:10px;overflow:hidden;color:#181818;padding-bottom:14px}.flake-photo-link{display:block;aspect-ratio:1.15;background:#eee;overflow:hidden}.flake-photo-link img{width:100%;height:100%;object-fit:cover;display:block}.flake-photo-fallback{height:100%;padding:16px;display:none;align-items:center;justify-content:center;text-align:center;font-size:13px;color:#333;background:#e9e7e3}.flake-photo-card h3{font-size:17px;margin:12px 12px 2px;color:#151515}.flake-photo-card .flake-code{margin:0 12px;color:#555;font-size:13px}.flake-disclaimer{max-width:900px;line-height:1.6}.flake-shop-banner{margin:24px auto;padding:20px;background:#f8f5ef;border:1px solid #b99a65;text-align:center}.flake-shop-banner a{color:#171717;font-weight:700;text-decoration:underline}@media(max-width:480px){.flake-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flake-photo-card h3{font-size:14px}.flake-photo-card .flake-code{font-size:12px}}