/* Stable, page-specific imagery. The background never changes layout or follows scrolling. */
.detail-hero.hero-illustrated{background:#16271f;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:30px 0 76px;min-height:530px;border-bottom:0}
.detail-hero.hero-illustrated::before,.detail-hero.hero-illustrated::after{content:none}
.hero-illustrated .hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#16271f;overflow:hidden}
.hero-illustrated .hero-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center);transform:none;animation:none;transition:none}
.hero-illustrated .hero-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,21,.94) 0%,rgba(11,27,21,.88) 26%,rgba(11,27,21,.64) 48%,rgba(11,27,21,.17) 72%,rgba(11,27,21,.07) 100%)}
.hero-illustrated>.wrap{position:relative;z-index:1}
.hero-illustrated .breadcrumbs{color:#d5dfd8;margin-bottom:46px}
.hero-illustrated .breadcrumbs a:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.hero-illustrated .eyebrow{color:#e5bd98;letter-spacing:.2em;margin-bottom:20px}
.hero-illustrated h1{color:#fff;font-weight:600;font-size:52px;line-height:1.34;letter-spacing:-.055em;max-width:850px;margin-bottom:24px;text-shadow:0 2px 20px #07140c33}
.hero-illustrated .detail-intro{font-size:17px;line-height:1.9;color:#e0e8e0;max-width:610px;margin-bottom:27px;text-wrap:pretty}
.hero-illustrated .button.accent{background:#bc5038;border-color:#d07a6055;box-shadow:0 6px 24px #0002;color:#fff}
.hero-illustrated .button.accent:hover{background:#a8402a}
.hero-visual-caption{position:absolute;right:max(32px,calc((100vw - 1184px)/2));bottom:20px;z-index:1;color:#dce5df;font-size:10px;letter-spacing:.03em;line-height:1.5;margin:0;padding:5px 9px;background:#10231d8c;border-radius:2px;max-width:calc(100% - 44px)}
.hero-illustrated.hero-source .hero-backdrop img{width:56%;margin-left:auto;filter:saturate(.75)}
.hero-illustrated.hero-source .hero-backdrop::after{background:linear-gradient(90deg,#13271f 0%,#13271f 36%,#13271fea 46%,#13271f30 72%,#13271f10 100%)}
.hero-illustrated.hero-product .hero-backdrop{background:radial-gradient(ellipse at 80% 50%,#506957,#1b3228 47%,#13271f 76%)}
.hero-illustrated.hero-product .hero-backdrop img{position:absolute;right:7%;top:10%;width:35%;height:82%;object-fit:contain;filter:drop-shadow(0 24px 28px #07170c55)}
.hero-illustrated.hero-product .hero-backdrop::after{background:linear-gradient(90deg,#13271f 0%,#13271fda 35%,#13271f10 68%,transparent 100%)}
@media(min-width:1600px){.hero-illustrated .hero-backdrop img{object-position:center 54%}}
@media(max-width:1100px){.hero-illustrated h1{font-size:44px;max-width:740px}.hero-illustrated .detail-intro{max-width:570px}.hero-illustrated .hero-backdrop::after{background:linear-gradient(90deg,#0b1b15ee 0%,#0b1b15cc 38%,#0b1b1577 65%,#0b1b1533 100%)}.hero-illustrated.hero-product .hero-backdrop img{right:2%;width:40%}}
@media(max-width:700px){
 .detail-hero.hero-illustrated{min-height:590px;padding:25px 0 164px}
 .hero-illustrated .breadcrumbs{margin-bottom:30px;font-size:12px}
 .hero-illustrated h1{font-size:35px;line-height:1.4;max-width:100%;margin-bottom:20px}
 .hero-illustrated .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:16px}
 .hero-illustrated .detail-intro{font-size:15px;line-height:1.85;margin-bottom:22px;max-width:100%}
 .hero-illustrated .hero-backdrop img{object-position:var(--hero-mobile-position,70% center)}
 .hero-illustrated .hero-backdrop::after{background:linear-gradient(180deg,#10231dec 0%,#10231dda 42%,#10231d99 66%,#10231d33 100%)}
 .hero-illustrated.hero-source .hero-backdrop img{width:100%;height:65%;position:absolute;bottom:0}
 .hero-illustrated.hero-source .hero-backdrop::after{background:linear-gradient(180deg,#13271f 0%,#13271f 24%,#13271fea 44%,#13271f99 66%,#13271f28 100%)}
 .hero-illustrated.hero-product .hero-backdrop img{width:44%;height:46%;top:auto;bottom:0;right:2%}
 .hero-illustrated.hero-product .hero-backdrop::after{background:linear-gradient(180deg,#13271f 0%,#13271fe8 38%,#13271f55 68%,transparent 100%)}
 .hero-visual-caption{right:22px;bottom:15px;font-size:9px}
}
@media(max-width:380px){.hero-illustrated h1{font-size:31px}}
@media print{.hero-illustrated .hero-backdrop,.hero-visual-caption{display:none}.detail-hero.hero-illustrated{background:#fff;color:#192422;min-height:0;padding-bottom:30px}.hero-illustrated h1,.hero-illustrated .detail-intro,.hero-illustrated .breadcrumbs,.hero-illustrated .eyebrow{color:#192422;text-shadow:none}}