/* Single-page faceted art-direction trial. */
.inner-page .burger-faceted-hero{padding-right:0;padding-top:32px;padding-bottom:28px}
.inner-page .burger-faceted-hero .page-hero-row{grid-template-columns:.86fr 1.14fr;gap:0;min-height:490px}
.inner-page .burger-faceted-hero .page-hero-row>div{position:relative;z-index:1;padding:20px 0 35px}
.inner-page .burger-faceted-hero h1{font-size:clamp(64px,7.3vw,120px);line-height:.98}
.inner-page .burger-faceted-hero p{max-width:450px}
.inner-page .burger-faceted-hero .text-link{font-size:16.5px;margin-top:28px;gap:45px}
.inner-page .burger-faceted-hero .burger-faceted-art{height:clamp(420px,43vw,680px);width:112%;max-width:none;justify-self:end;object-fit:contain;clip-path:none;pointer-events:none}
.burger-faceted-families{position:relative;isolation:isolate;overflow:hidden}
.burger-faceted-families .section-head,.burger-faceted-families .family-list{position:relative;z-index:1}
.burger-facet-left{position:absolute;pointer-events:none;z-index:-1;object-fit:contain}
.burger-facet-left{left:-3%;top:240px;width:27%;opacity:.78}

.inner-page .burger-faceted-families .section-head{padding-right:11%}
.burger-product-showcase{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;border-top:1px solid var(--line)}
.burger-product-intro .display{font-size:clamp(44px,4.7vw,76px);margin:25px 0}
.burger-product-intro p{font-size:18px;line-height:1.8;max-width:390px}
.burger-product-intro .text-link{font-size:16.5px;margin-top:25px}
.burger-product-range{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.burger-product-range figure{margin:0;min-width:0}
.burger-product-range img{width:100%;height:clamp(175px,18vw,290px);object-fit:contain;mix-blend-mode:normal}
.burger-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}
.burger-product-range figcaption::before{content:"";display:block;width:64px;max-width:60%;height:1px;background:var(--line);margin:0 auto 14px}
.burger-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 .burger-faceted-hero h1{font-size:8vw}.inner-page .burger-faceted-hero .page-hero-row{min-height:380px}.inner-page .burger-faceted-hero .burger-faceted-art{height:400px}.burger-facet-left{top:300px}.burger-product-showcase{grid-template-columns:1fr;gap:35px}.burger-product-range{max-width:740px;width:100%;justify-self:center}.burger-product-range img{height:230px}}
@media(max-width:700px){.inner-page .burger-faceted-hero{padding-right:var(--refpad);padding-bottom:15px}.inner-page .burger-faceted-hero .page-hero-row{grid-template-columns:1fr;min-height:0}.inner-page .burger-faceted-hero h1{font-size:clamp(54px,14vw,88px)}.inner-page .burger-faceted-hero .page-hero-row>div{padding:0}.inner-page .burger-faceted-hero .burger-faceted-art{width:112%;height:300px;margin-right:-6%;margin-top:6px}.inner-page .burger-faceted-hero .text-link{margin-top:20px}.inner-page .burger-faceted-families .section-head{padding-right:0}.burger-facet-left{top:0;left:-8%;width:36%;opacity:.22}.burger-product-range{gap:10px}.burger-product-range img{height:160px}.burger-product-range figcaption{font-size:15px}.burger-product-intro .display{font-size:48px}}
/* Flush right composition with original sauce packs in the left facets. */
.inner-page main>.burger-faceted-hero{padding-right:0}
.inner-page .burger-faceted-hero .page-hero-row>.burger-hero-visual{position:relative;padding:0;width:112%;justify-self:end;z-index:0;isolation:isolate}
.inner-page .burger-faceted-hero .burger-hero-visual .burger-faceted-art{width:100%;object-position:right center;display:block}
.burger-hero-products{position:absolute;left:2%;top:48%;width:29%;height:39%;z-index:1}
.burger-hero-products img{position:absolute;width:72%;height:auto;mix-blend-mode:normal;filter:drop-shadow(0 10px 7px rgba(45,37,22,.1))}
.burger-hero-products img:nth-child(1){left:-3%;bottom:5%;z-index:2;transform:rotate(-7deg)}
.burger-hero-products img:nth-child(2){left:23%;bottom:34%;z-index:1;transform:rotate(4deg)}
.burger-hero-products img:nth-child(3){left:47%;bottom:-9%;z-index:3;transform:rotate(7deg)}
@media(max-width:700px){
 .inner-page .burger-faceted-hero .page-hero-row>.burger-hero-visual{width:112%;margin-top:6px;justify-self:end}
 .inner-page .burger-faceted-hero .burger-hero-visual .burger-faceted-art{width:100%;margin:0;height:auto;min-height:260px;object-position:right center}
 .burger-hero-products{left:1%;top:48%;width:31%;height:38%}
}
.inner-page .burger-faceted-hero .page-hero-row>.burger-hero-visual{background:var(--paper)}
.burger-hero-products img{filter:none}
.burger-hero-products{z-index:auto}
@media(max-width:700px){.burger-hero-products{left:9%;width:28%}}
/* Transparent product packs stay above the complete hero artwork. */
.burger-hero-products{z-index:10;isolation:isolate}

/* One continuous left decoration, with soft faceted ends. */
.burger-facet-left{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%)}
.inner-page .burger-faceted-families .section-head{padding-right:0}
@media(max-width:700px){.burger-facet-left{left:-8%;top:24px;bottom:24px;width:60%;height:calc(100% - 48px);opacity:.18}}

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