/* Shared category art direction: flush-right facets and foreground product cutouts. */
.inner-page main>.category-faceted-hero{padding-right:0;padding-top:32px;padding-bottom:28px}
.inner-page .category-faceted-hero .page-hero-row{grid-template-columns:.86fr 1.14fr;gap:0;min-height:490px}
.inner-page .category-faceted-hero .page-hero-row>div{position:relative;z-index:1;padding:20px 0 35px;min-width:0}
.inner-page .category-faceted-hero h1{font-size:clamp(64px,7.3vw,120px);line-height:.98}
.inner-page .category-faceted-hero p{max-width:450px}
.inner-page .category-faceted-hero .text-link{font-size:16.5px;margin-top:28px;gap:45px}
.inner-page .category-faceted-hero .page-hero-row>.category-hero-visual{padding:0;width:112%;justify-self:end;z-index:0;isolation:isolate;background:var(--paper)}
.inner-page .category-faceted-hero .category-faceted-art{height:clamp(420px,43vw,680px);width:100%;max-width:none;object-fit:contain;object-position:right center;clip-path:none;display:block;pointer-events:none}
.category-hero-products{position:absolute;left:2%;top:48%;width:29%;height:39%;z-index:10;isolation:isolate;pointer-events:none}
.category-hero-products img{position:absolute;width:72%;height:auto;mix-blend-mode:normal;filter:none}
.category-hero-products img:nth-child(1){left:-3%;bottom:5%;z-index:2;transform:rotate(-7deg)}
.category-hero-products img:nth-child(2){left:23%;bottom:34%;z-index:1;transform:rotate(4deg)}
.category-hero-products img:nth-child(3){left:47%;bottom:-9%;z-index:3;transform:rotate(7deg)}
.category-faceted-families{position:relative;isolation:isolate;overflow:hidden}
.category-faceted-families .section-head,.category-faceted-families .family-list{position:relative;z-index:1}
.inner-page .category-faceted-families .section-head{padding-right:0}
.category-facet-left{position:absolute;pointer-events:none;z-index:-1;left:0;top:100px;bottom:24px;width:42%;height:calc(100% - 124px);object-fit:fill;opacity:.78;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%)}
.category-product-showcase{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;border-top:1px solid var(--line)}
.category-product-intro .display{font-size:clamp(44px,4.7vw,76px);margin:25px 0}
.category-product-intro p{font-size:18px;line-height:1.8;max-width:390px}
.category-product-intro .text-link{font-size:16.5px;margin-top:25px}
.category-product-range{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-product-range figure{margin:0;min-width:0}
.category-product-range img{width:100%;height:clamp(175px,18vw,290px);object-fit:contain;mix-blend-mode:normal}
.category-product-range figcaption{font-size:15px;font-weight:600;line-height:1.5;text-align:center;min-height:90px;padding:16px 8px 0;text-wrap:balance}
.category-product-range figcaption::before{content:"";display:block;width:64px;max-width:60%;height:1px;background:var(--line);margin:0 auto 14px}
.category-product-range figcaption span{display:block;font-size:11.5px;font-weight:500;letter-spacing:.1em;color:var(--green);margin-bottom:6px}
@media(max-width:1050px){.inner-page .category-faceted-hero h1{font-size:8vw}.inner-page .category-faceted-hero .page-hero-row{min-height:380px}.inner-page .category-faceted-hero .category-faceted-art{height:400px}.category-product-showcase{grid-template-columns:1fr;gap:35px}.category-product-range{max-width:740px;width:100%;justify-self:center}.category-product-range img{height:230px}}
@media(max-width:700px){
 .inner-page main>.category-faceted-hero{padding-right:0;padding-bottom:15px}
 .inner-page .category-faceted-hero .page-hero-row{grid-template-columns:1fr;min-height:0}
 .inner-page .category-faceted-hero h1{font-size:clamp(48px,13vw,88px)}
 .inner-page .category-faceted-hero .page-hero-row>div{padding:0}
 .inner-page .category-faceted-hero .page-hero-row>.category-hero-visual{width:112%;margin-top:6px;justify-self:end}
 .inner-page .category-faceted-hero .category-faceted-art{width:100%;height:auto;min-height:260px;margin:0;object-position:right center}
 .inner-page .category-faceted-hero .text-link{margin-top:20px}
 .category-hero-products{left:9%;width:28%;top:48%;height:38%}
 .category-facet-left{left:-8%;top:24px;bottom:24px;width:60%;height:calc(100% - 48px);opacity:.18}
 .category-product-range{gap:10px}
 .category-product-range img{height:160px}
 .category-product-range figcaption{font-size:15px}
 .category-product-intro .display{font-size:48px}
}
/* Longer category names retain their complete original wording. */
.inner-page.page-chicken-wings .category-faceted-hero h1,
.inner-page.page-beverage-dessert .category-faceted-hero h1,
.inner-page.page-breakfast-brunch .category-faceted-hero h1,
.inner-page.page-plant-based .category-faceted-hero h1{font-size:clamp(54px,5.8vw,98px)}
@media(max-width:1050px) and (min-width:701px){
 .inner-page.page-chicken-wings .category-faceted-hero h1,
 .inner-page.page-beverage-dessert .category-faceted-hero h1,
 .inner-page.page-breakfast-brunch .category-faceted-hero h1,
 .inner-page.page-plant-based .category-faceted-hero h1{font-size:6vw}
}
@media(max-width:700px){
 .inner-page.page-chicken-wings .category-faceted-hero h1,
 .inner-page.page-beverage-dessert .category-faceted-hero h1,
 .inner-page.page-breakfast-brunch .category-faceted-hero h1,
 .inner-page.page-plant-based .category-faceted-hero h1{font-size:clamp(36px,10.5vw,68px)}
}

/* Accordion content must not stretch the decorative image. */
.category-facet-left{bottom:auto;height:auto;object-fit:contain}
