/* Photographic page openings, with a stable reading surface and no motion. */
body.lower-backgrounds .subhero{position:relative;isolation:isolate;overflow:hidden;background:#f7faf6;min-height:var(--scene-min-height,520px);padding-block:18px clamp(52px,5.6vw,82px)}
.lower-backgrounds .subhero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}
.lower-backgrounds .subhero-scene,.lower-backgrounds .subhero-scene>img{display:block;width:100%;height:100%}
.lower-backgrounds .subhero-scene>img{object-fit:cover;object-position:var(--scene-position,75% 50%);transform:none;filter:none}
.lower-backgrounds .subhero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7faf6fc 0%,#f7faf6f7 42%,#f7faf6f2 63%,#f7faf65c 80%,#f7faf60a 100%)}
.lower-backgrounds .subhero>.container,.lower-backgrounds .subhero>.news-detail,.lower-backgrounds .subhero>.error-content{position:relative;z-index:2}
/* Breadcrumbs share the hero's reading surface, without a separate white band. */
.lower-backgrounds .subhero>.breadcrumbs{position:relative;z-index:3;padding-block:0;margin-block:0 28px;font-size:14px;line-height:1.8;min-width:0}
.lower-backgrounds .subhero>.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;min-width:0;max-width:100%}
.lower-backgrounds .subhero>.breadcrumbs li{display:flex;align-items:baseline;min-width:0;max-width:100%;gap:10px}
.lower-backgrounds .subhero>.breadcrumbs li:not(:last-child)::after{margin:0;flex-shrink:0;color:#637d75}
.lower-backgrounds .subhero>.breadcrumbs :is(a,[aria-current]){min-width:0;max-width:100%;overflow-wrap:anywhere;line-break:strict}
.lower-backgrounds .subhero>.breadcrumbs a{min-height:36px;padding-block:5px;color:#375b60}
.lower-backgrounds .subhero>.breadcrumbs a:hover{color:var(--teal-deep);border-bottom-color:currentColor}
.lower-backgrounds .subhero>.breadcrumbs a:focus-visible{outline:3px solid #a76616;outline-offset:2px;border-radius:2px}
.lower-backgrounds .subhero>.breadcrumbs a:active{color:#183b45;background:#e3ece4}
.lower-backgrounds .subhero>.breadcrumbs [aria-current]{color:#47615a}
body.lower-backgrounds .page-hero.subhero .page-hero-inner,body.lower-backgrounds .subhero .algit-hero-grid,body.lower-backgrounds .subhero .quality-intro-grid{display:block;min-height:0}
.lower-backgrounds .subhero :is(.page-hero-copy,.algit-hero-copy,.quality-intro-copy){width:min(58%,660px);min-width:0;max-width:none}
.lower-backgrounds .subhero .page-hero-copy{padding:0}
.lower-backgrounds .subhero .page-lead,.lower-backgrounds .subhero .quality-lead,.lower-backgrounds .subhero .algit-hero-lead{font-size:17px;line-height:1.95;max-width:35em;text-wrap:balance;line-break:strict}
.lower-backgrounds .subhero .eyebrow{font-size:14px;line-height:1.8;letter-spacing:.13em}
.lower-backgrounds .subhero .hero-message{font-size:clamp(32px,3.1vw,46px);line-height:1.6;max-width:15em;text-wrap:balance}
.lower-backgrounds .subhero .algit-hero-signature{max-width:100%;background:none}
.lower-backgrounds .subhero .algit-hero-signature p{font-size:14px}
.lower-backgrounds .subhero .subhero-scene-note{font-size:14px;line-height:1.8;max-width:38em;margin-top:20px;color:#47615a}
.lower-backgrounds .subhero .hero-context,.lower-backgrounds .subhero .hero-company-brand,.lower-backgrounds .subhero .hero-contact-choice{width:min(58%,660px);margin-top:30px;background:#f7faf6e8;border:0;border-top:1px solid #bdcec4;border-radius:0;padding:22px 0 0;min-width:0}
.lower-backgrounds .subhero .hero-context{display:flex;flex-direction:row;gap:25px;align-items:baseline}
.lower-backgrounds .subhero .hero-context>span{font-size:46px;flex-shrink:0;line-height:1.2}
.lower-backgrounds .subhero .hero-context>p{font-size:16px;margin:0;padding:0;border:0;line-height:1.8}
.lower-backgrounds .subhero .hero-company-brand{display:grid;grid-template-columns:1fr auto;gap:12px 26px;align-items:center}
.lower-backgrounds .subhero .hero-company-brand>img{width:min(100%,245px);margin:0}
.lower-backgrounds .subhero .hero-company-brand>span{font-size:44px;grid-column:2;grid-row:1/3}
.lower-backgrounds .subhero .hero-company-brand small{font-size:14px;line-height:1.6;margin-top:8px}
.lower-backgrounds .subhero .hero-company-brand>p{font-size:14px;line-height:1.8;border:0;margin:0;padding:0;grid-column:1}
.lower-backgrounds .subhero .hero-contact-choice{display:grid;gap:8px;justify-items:start}
.lower-backgrounds .subhero .hero-contact-choice>p{font-size:14px}
.lower-backgrounds .subhero .hero-contact-choice .text-link{font-size:16px;min-height:48px}
/* Product and article reading structures stay intact above a quiet background. */
body.lower-backgrounds .subhero--product,body.lower-backgrounds .subhero--article,body.lower-backgrounds .subhero--article-art,body.lower-backgrounds .subhero--recovery{padding:0;min-height:0}
.lower-backgrounds :is(.subhero--product,.subhero--article,.subhero--article-art)>.breadcrumbs{padding-block-start:18px;margin-block-end:0}
body.lower-backgrounds .subhero--product>.breadcrumbs ol{width:fit-content;padding:0;margin:0;border-radius:0;background:transparent}
.lower-backgrounds .subhero--product::after{background:linear-gradient(90deg,#f7faf6a3 0%,#f7faf6b8 30%,#f7faf6f5 56%,#f7faf6fc 100%)}
.lower-backgrounds .subhero--product .product-detail-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding-block:24px 64px;min-width:0}
.lower-backgrounds .subhero--product .product-package{background:#ffffffeb;border:1px solid #d7e2d5;border-radius:2px;box-shadow:0 16px 45px #244a3410;min-width:0}
.lower-backgrounds .subhero--product .product-introduction{min-width:0}
.lower-backgrounds .subhero--product .product-lead{font-size:17px;line-height:1.95}
.lower-backgrounds .subhero--product .product-package>p,.lower-backgrounds .subhero--product .product-use-badge,.lower-backgrounds .subhero--product .product-key-facts dt{font-size:14px;line-height:1.8}
.lower-backgrounds .subhero--product .product-key-facts dd,.lower-backgrounds .subhero--product .product-quick-actions .button,.lower-backgrounds .subhero--product .product-quick-actions .text-link{font-size:16px;line-height:1.8}
.lower-backgrounds .subhero--article .subhero-backdrop,.lower-backgrounds .subhero--article-art .subhero-backdrop{height:540px}
.lower-backgrounds .subhero--article::after,.lower-backgrounds .subhero--article-art::after{background:linear-gradient(90deg,#f7faf6f7 0%,#f7faf6ed 58%,#f7faf640 100%),linear-gradient(180deg,#f7faf600 250px,#f7faf6 540px)}
.lower-backgrounds .subhero .news-detail{padding-top:24px}
.lower-backgrounds .subhero .news-detail>header{background:#f7faf6f5;padding:22px 26px}
.lower-backgrounds .subhero .news-detail>.article-body{background:#ffffffed;padding:32px 34px;border-top:1px solid #cbd9ce}
.lower-backgrounds .subhero .article-checked,.lower-backgrounds .subhero .article-meta,.lower-backgrounds .subhero .article-back{font-size:14px;line-height:1.8}
.lower-backgrounds .subhero--recovery .subhero-backdrop{inset:0 0 0 40%}
.lower-backgrounds .subhero--recovery .subhero-scene>img{object-fit:contain}
.lower-backgrounds .subhero--recovery .error-content{min-height:650px;text-align:left;padding-block:82px;align-items:start}
.lower-backgrounds .subhero--recovery .error-content>:not(.error-useful){max-width:720px}
.lower-backgrounds .subhero--recovery .error-actions,.lower-backgrounds .subhero--recovery .error-useful{justify-content:flex-start}
/* Related products remain factual and legible, in front of contextual imagery. */
body.lower-backgrounds .page-hero.subhero--guide-product .page-hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8%;align-items:center}
.lower-backgrounds .subhero--guide-product .page-hero-copy{width:100%}
.lower-backgrounds .subhero--guide-product .refined-hero-photo{background:#fffffff2;padding:22px;border:1px solid #d5e2d4;border-radius:2px;width:100%;max-width:360px;justify-self:end}
.lower-backgrounds .subhero--guide-product .refined-hero-photo>img{object-fit:contain;max-height:300px;border-radius:0}
.lower-backgrounds .subhero--guide-product .refined-hero-photo>figcaption{font-size:14px;line-height:1.8}
/* Catalog: three actual products share one open background, with no image cards. */
.lower-backgrounds .subhero--collection .subhero-backdrop{left:50%;background:#edf4e9}
.lower-backgrounds .subhero--collection :is(.page-hero-copy,.hero-context){width:min(48%,560px)}
.lower-backgrounds .subhero--collection .subhero-scene{position:absolute;bottom:10%;height:75%;width:31%}
.lower-backgrounds .subhero--collection .subhero-scene>img{object-fit:contain}
.lower-backgrounds .subhero--collection .collection-slot-1{left:3%;height:76%;bottom:12%}
.lower-backgrounds .subhero--collection .collection-slot-2{left:35%;height:65%;bottom:14%}
.lower-backgrounds .subhero--collection .collection-slot-3{left:64%;height:57%;bottom:17%;width:33%}
.lower-backgrounds .subhero--collection::after{background:linear-gradient(90deg,#f7faf6fc 0%,#f7faf6f7 50%,#f7faf6f2 54%,#f7faf600 65%)}
.lower-backgrounds .subhero--art .subhero-backdrop,.lower-backgrounds .subhero--portrait .subhero-backdrop{left:45%}
.lower-backgrounds .subhero--art .subhero-scene>img,.lower-backgrounds .subhero--article-art .subhero-scene>img{object-fit:contain}
.lower-backgrounds .subhero--art::after{background:linear-gradient(90deg,#f7faf6fc 0%,#f7faf6f2 61%,#f7faf65c 80%,#f7faf60a 100%)}
@media(max-width:1050px){
 .lower-backgrounds .subhero :is(.page-hero-copy,.algit-hero-copy,.quality-intro-copy),.lower-backgrounds .subhero .hero-context,.lower-backgrounds .subhero .hero-company-brand,.lower-backgrounds .subhero .hero-contact-choice{width:61%}
 .lower-backgrounds .subhero--guide-product .page-hero-copy{width:100%}
 .lower-backgrounds .subhero--collection :is(.page-hero-copy,.hero-context){width:52%}
 .lower-backgrounds .subhero .hero-company-brand{grid-template-columns:1fr;gap:17px}
 .lower-backgrounds .subhero .hero-company-brand>span{grid-column:1;grid-row:auto}
 .lower-backgrounds .subhero .hero-company-brand>p{grid-column:1}
 .lower-backgrounds .subhero--product .product-detail-hero{gap:5%}
}
@media(max-width:760px){
 body.lower-backgrounds .subhero{padding:298px 0 38px;min-height:0}
 .lower-backgrounds .subhero>.breadcrumbs{position:absolute;inset:14px 0 auto;margin-block:0;padding-block:0}
 .lower-backgrounds .subhero>.breadcrumbs ol{width:fit-content;padding-inline:10px;margin-inline:-10px;border-radius:2px;background:#f7faf6ed}
 .lower-backgrounds .subhero>.breadcrumbs a{min-height:44px;padding-block:9px}
 .lower-backgrounds .subhero--product>.breadcrumbs{position:relative;inset:auto;padding-block-start:14px}
 .lower-backgrounds .subhero-backdrop,.lower-backgrounds .subhero--portrait .subhero-backdrop,.lower-backgrounds .subhero--art .subhero-backdrop,.lower-backgrounds .subhero--recovery .subhero-backdrop{inset:0 0 auto;height:315px}
 .lower-backgrounds .subhero-scene>img{object-position:var(--scene-mobile-position,65% 50%)}
 .lower-backgrounds .subhero::after{background:linear-gradient(180deg,#f7faf600 0px,#f7faf60a 140px,#f7faf6d6 247px,#f7faf6 300px)}
 .lower-backgrounds .subhero :is(.page-hero-copy,.algit-hero-copy,.quality-intro-copy),.lower-backgrounds .subhero .hero-context,.lower-backgrounds .subhero .hero-company-brand,.lower-backgrounds .subhero .hero-contact-choice{width:100%}
 .lower-backgrounds .subhero .page-lead,.lower-backgrounds .subhero .quality-lead,.lower-backgrounds .subhero .algit-hero-lead{font-size:16px;max-width:42em}
 .lower-backgrounds .subhero .hero-message{font-size:32px;line-height:1.6}
 .lower-backgrounds .subhero .hero-context,.lower-backgrounds .subhero .hero-company-brand,.lower-backgrounds .subhero .hero-contact-choice{margin-top:25px;background:transparent}
 .lower-backgrounds .subhero .hero-context{gap:20px;align-items:center}
 .lower-backgrounds .subhero .hero-context>span{font-size:38px}
 .lower-backgrounds .subhero .hero-company-brand{grid-template-columns:1fr auto;gap:12px 22px}
 .lower-backgrounds .subhero .hero-company-brand>img{max-width:190px}
 .lower-backgrounds .subhero .hero-company-brand>span{grid-column:2;grid-row:1/3;font-size:38px}
 .lower-backgrounds .subhero .hero-company-brand small{font-size:14px}
 .lower-backgrounds .subhero .hero-company-brand>p{grid-column:1}
 body.lower-backgrounds .subhero--product,body.lower-backgrounds .subhero--article,body.lower-backgrounds .subhero--article-art,body.lower-backgrounds .subhero--recovery{padding:0}
 .lower-backgrounds .subhero--product .subhero-backdrop{height:465px}
 .lower-backgrounds .subhero--product::after{background:linear-gradient(180deg,#f7faf68c 0px,#f7faf6b3 220px,#f7faf6 460px)}
 .lower-backgrounds .subhero--product .product-detail-hero{grid-template-columns:minmax(0,1fr);padding-block:20px 42px;gap:28px}
 .lower-backgrounds .subhero--product .product-package{max-width:420px;width:100%;justify-self:center}
 .lower-backgrounds .subhero--product .product-lead{font-size:16px}
 .lower-backgrounds .subhero--article .subhero-backdrop,.lower-backgrounds .subhero--article-art .subhero-backdrop{height:315px}
 .lower-backgrounds .subhero--article::after,.lower-backgrounds .subhero--article-art::after{background:linear-gradient(180deg,#f7faf600 0px,#f7faf61f 100px,#f7faf6e6 245px,#f7faf6 300px)}
 .lower-backgrounds .subhero .news-detail{padding-top:295px}
 .lower-backgrounds .subhero .news-detail>.article-body{padding:24px 0;background:none}
 body.lower-backgrounds .page-hero.subhero--guide-product .page-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
 .lower-backgrounds .subhero--guide-product .refined-hero-photo{justify-self:start;max-width:330px}
 .lower-backgrounds .subhero--collection .subhero-backdrop{left:0;height:300px}
 .lower-backgrounds .subhero--collection .subhero-scene{bottom:6%;height:84%}
 .lower-backgrounds .subhero--collection .collection-slot-1{left:4%;height:88%;bottom:5%}
 .lower-backgrounds .subhero--collection .collection-slot-2{left:36%;height:78%;bottom:6%}
 .lower-backgrounds .subhero--collection .collection-slot-3{left:66%;width:30%;height:69%;bottom:8%}
 .lower-backgrounds .subhero--recovery .error-content{padding-top:295px;padding-bottom:45px;min-height:0}
 .lower-backgrounds .subhero--recovery .error-content>:not(.error-useful){max-width:100%}
}
@media(max-width:420px){
 .lower-backgrounds .subhero .hero-company-brand{grid-template-columns:1fr;gap:15px}
 .lower-backgrounds .subhero .hero-company-brand>span{grid-column:1;grid-row:auto}
 .lower-backgrounds .subhero .hero-company-brand>p{grid-column:1}
 .lower-backgrounds .subhero .hero-context{align-items:flex-start;gap:16px}
 .lower-backgrounds .subhero .hero-context>span{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.lower-backgrounds .subhero-scene>img{animation:none;transition:none;transform:none}}