/* Let the photographs become part of the red room rather than separate tiles. */
body[data-room-theme="home"]{overflow-x:clip}
/* Keep the machine below the header, in the same surrounding room. */
body[data-room-theme="home"] .vending-stage{background:#4a0611 url("assets/red-room-continuation-v81.webp") center/cover}
@media(min-width:701px){
 body[data-room-theme="home"] .render-frame{top:clamp(76px,10vh,105px);-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 91%,transparent 100%);mask-image:linear-gradient(0deg,#000 0%,#000 91%,transparent 100%)}
 body[data-room-theme="home"] .render-frame>img{transform:translate3d(var(--world-x,0px),var(--world-y,0px),0)}
}
body[data-room-theme="home"] .closer-section{padding:0 0 36px;overflow:hidden}
.cinema-stage{position:relative;isolation:isolate;min-height:clamp(650px,66vw,900px);display:flex;align-items:flex-end;padding:6% 4%;overflow:hidden}
.cinema-image-button{position:absolute;inset:0 0 0 auto;width:78%;padding:0;overflow:hidden;text-align:left}
.cinema-image-button img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 92%,transparent 100%);transition:opacity .25s,transform .65s}
.cinema-image-button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(48,3,12,.75),transparent 32%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%);mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}
.cinema-image-button:hover img{transform:scale(1.025)}
.cinema-image-button:focus-visible{outline:3px solid #fff6e9;outline-offset:-7px}
.cinema-view{position:absolute;right:6%;bottom:7%;z-index:1;font-size:11px;letter-spacing:.06em;color:#fff6e9;text-shadow:0 1px 12px #260008}
.cinema-copy{z-index:2;position:relative;width:min(43%,520px);pointer-events:none}
.cinema-copy .eyebrow{margin-bottom:25px}
.cinema-copy h2{font-size:clamp(60px,7vw,116px)}
.cinema-copy>p{font-size:14px;line-height:1.7;max-width:300px;margin-top:25px;min-height:3.4em}
.cinema-choices{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:40px;pointer-events:auto}
.cinema-choices button{font-size:11px;min-height:48px;padding:0 0 9px;border-bottom:1px solid #fff6;color:#fff6e9;opacity:.67;white-space:nowrap}
.cinema-choices button[aria-pressed="true"]{opacity:1;border-bottom:2px solid #fff6e9}
.cinema-choices button span{font-size:9px;letter-spacing:.1em;margin-right:6px}
body[data-room-theme="home"] .closer-section>.disclosure{margin:0 4%;max-width:740px}

/* The flavour image dissolves into the room and the story sits beside it. */
body[data-room-theme="home"] .range-layout{gap:2%;grid-template-columns:1.25fr 1fr}
body[data-room-theme="home"] .range-figure{margin-left:-4vw;min-width:0}
body[data-room-theme="home"] .range-figure img{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 68%,transparent 100%)}
body[data-room-theme="home"] .range-figure figcaption{padding-left:4vw;padding-right:8%}
body[data-room-theme="home"] .range-figure .photo-plus{right:24%;bottom:8%}

/* Alternating story scenes replace two boxed portrait cards. */
body[data-room-theme="home"] .campaign-grid{display:flex;flex-direction:column;gap:0;margin:35px -4.35% 0}
body[data-room-theme="home"] .campaign-grid>a{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:600px;color:#fff6e9}
body[data-room-theme="home"] .campaign-grid>a:nth-child(2){margin-top:0;grid-template-columns:1fr 1.2fr}
body[data-room-theme="home"] .campaign-grid>a>img{height:clamp(580px,59vw,760px);width:100%;object-fit:cover;object-position:50% 45%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%);transition:filter .25s}
body[data-room-theme="home"] .campaign-grid>a:nth-child(2)>img{grid-column:2;grid-row:1;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 60%,transparent 100%)}
body[data-room-theme="home"] .campaign-grid>a>span{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:8%;border:0}
body[data-room-theme="home"] .campaign-grid>a:nth-child(2)>span{grid-column:1;grid-row:1;padding-left:12%}
body[data-room-theme="home"] .campaign-grid strong{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(37px,4.4vw,70px);line-height:1;letter-spacing:-.05em;max-width:9em}
body[data-room-theme="home"] .campaign-grid b{font-size:35px}
body[data-room-theme="home"] .campaign-grid>a:hover img{filter:brightness(1.1)}
body[data-room-theme="home"] .club-image img{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 65%,transparent 100%)}

/* Collections retain their filters and viewers, but lose the card surfaces. */
body[data-room-theme="campaign"] .spotlight-media{background:transparent}
body[data-room-theme="campaign"] .spotlight-media img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 95%,transparent 100%)}
body[data-room-theme="campaign"] .campaign-collection{display:flex;flex-direction:column;gap:0;padding:35px 0}
body[data-room-theme="campaign"] .campaign-card{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto auto 1fr;align-items:center;min-height:560px;background:transparent;color:#fff6e9}
body[data-room-theme="campaign"] .campaign-card :is(h2,span){color:#fff6e9;grid-column:2;padding:0 10%;text-align:left}
body[data-room-theme="campaign"] .campaign-card>span{grid-row:2;gap:20px;font-size:10px;line-height:1.6}
body[data-room-theme="campaign"] .campaign-card h2{grid-row:3;margin-top:20px;font:700 clamp(36px,4vw,64px)/1 Arial,sans-serif;letter-spacing:-.05em}
body[data-room-theme="campaign"] .campaign-card img{grid-column:1;grid-row:1/5;width:100%;height:clamp(560px,57vw,720px);aspect-ratio:auto;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%)}
body[data-room-theme="campaign"] .campaign-card:nth-child(even){grid-template-columns:1fr 1.2fr}
body[data-room-theme="campaign"] .campaign-card:nth-child(even) img{grid-column:2;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 60%,transparent 100%)}
body[data-room-theme="campaign"] .campaign-card:nth-child(even) :is(h2,span){grid-column:1;padding-left:12%}
body[data-room-theme="campaign"] .campaign-card:focus-visible{outline:3px solid #fff6e9;outline-offset:-5px}
body[data-room-theme="studies"] .study-grid img,
body[data-room-theme="gallery"] .ad-card img{background:transparent;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 9%,#000 96%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 9%,#000 96%,transparent 100%)}
body[data-room-theme="studies"] .study-grid figure:nth-child(even){transform:translateY(45px)}
body[data-room-theme="studies"] .study-grid{padding-bottom:45px}

/* Feather every side of the image into the room, including the top edge. */
body[data-room-theme="home"] .cinema-image-button img{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 92%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 92%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect
}
body[data-room-theme="home"] .range-figure img,
body[data-room-theme="home"] .campaign-grid>a>img,
body[data-room-theme="home"] .club-image img,
body[data-room-theme="campaign"] .campaign-card img,
body[data-room-theme="campaign"] .spotlight-media img{
 -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 63%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
 mask-image:linear-gradient(90deg,#000 0%,#000 63%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect
}
body[data-room-theme="home"] .campaign-grid>a:nth-child(2)>img,
body[data-room-theme="campaign"] .campaign-card:nth-child(even) img{
 -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 63%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
 mask-image:linear-gradient(270deg,#000 0%,#000 63%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 10%,#000 90%,transparent 100%)
}
body[data-room-theme="studies"] .study-grid img,body[data-room-theme="gallery"] .ad-card img{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect
}
/* Shared dark transitions join adjacent rooms without a hard dividing bar. */
body[data-room-theme="home"] .colour-ticker{display:none}
body[data-room-theme="home"] :is(.closer-section,.range-section,.campaign-section,.mix-section,.club-section,.vertical-callout){position:relative;isolation:isolate}
body[data-room-theme="home"] :is(.closer-section,.range-section,.campaign-section,.mix-section,.club-section,.vertical-callout)::before,
body[data-room-theme="home"] :is(.closer-section,.range-section,.campaign-section,.mix-section,.club-section,.vertical-callout)::after{
 content:"";position:absolute;left:0;right:0;height:95px;z-index:1;pointer-events:none
}
body[data-room-theme="home"] :is(.closer-section,.range-section,.campaign-section,.mix-section,.club-section,.vertical-callout)::before{top:0;background:linear-gradient(180deg,#32040d,transparent)}
body[data-room-theme="home"] :is(.closer-section,.range-section,.campaign-section,.mix-section,.club-section,.vertical-callout)::after{bottom:0;background:linear-gradient(0deg,#32040d,transparent)}
body[data-room-theme="home"] .vending-shade{background:linear-gradient(90deg,#3b000842,transparent 55%),linear-gradient(0deg,#32040d 0%,transparent 28%)}

/* New lower-page render moments continue the same room and lighting. */
body[data-room-theme="home"] .mix-section{
 background-image:linear-gradient(105deg,rgba(45,3,12,.91),rgba(61,4,14,.68)),url("assets/lower-ice-v82.webp");
 background-size:cover;background-position:center
}
body[data-room-theme="home"] .render-chapter{
 position:relative;isolation:isolate;min-height:clamp(560px,63vw,840px);display:flex;align-items:center;padding:7% 4%;color:#fff6e9;
 background-image:linear-gradient(90deg,rgba(45,3,12,.9) 0%,rgba(52,4,13,.58) 38%,rgba(52,4,13,.05) 75%),url("assets/lower-original-can-v82.webp");
 background-size:cover;background-position:center
}
body[data-room-theme="home"] .render-chapter::before,body[data-room-theme="home"] .render-chapter::after{content:"";position:absolute;left:0;right:0;height:95px;z-index:1;pointer-events:none}
body[data-room-theme="home"] .render-chapter::before{top:0;background:linear-gradient(180deg,#32040d,transparent)}
body[data-room-theme="home"] .render-chapter::after{bottom:0;background:linear-gradient(0deg,#32040d,transparent)}
.render-chapter-copy{max-width:520px}.render-chapter-copy h2{font-size:clamp(50px,6.5vw,105px);margin-top:25px}
.render-chapter-copy>p:not(.disclosure){margin-top:25px;font-size:14px;line-height:1.7}
.render-chapter-copy .line-link{margin-top:28px}.render-chapter-copy .disclosure{margin-top:30px;max-width:380px}
body[data-room-theme="home"] .vertical-callout{
 min-height:clamp(420px,48vw,650px);background-image:linear-gradient(90deg,rgba(45,3,12,.91),rgba(60,4,13,.35)),url("assets/lower-glass-v82.webp");
 background-size:cover;background-position:center
}

@media(max-width:700px){
 body[data-room-theme="home"] .render-frame{top:240px;bottom:270px;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 5%,#000 94%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 5%,#000 94%,transparent 100%)}
 .cinema-stage{min-height:760px;align-items:flex-end;padding:42px 5% 32px}
 .cinema-image-button{inset:0;width:100%}
 .cinema-image-button img{object-position:50% 15%;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 24%,#000 78%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 24%,#000 78%,transparent 100%)}
 .cinema-image-button::after{-webkit-mask-image:none;mask-image:none;background:linear-gradient(0deg,rgba(43,2,10,.87),transparent 52%),linear-gradient(180deg,rgba(43,2,10,.65),transparent 30%)}
 .cinema-copy{width:100%}.cinema-copy h2{font-size:clamp(58px,13vw,84px)}
 .cinema-copy>p{font-size:13px;max-width:270px}.cinema-choices{margin-top:25px;gap:0 15px}
 .cinema-view{right:6%;bottom:44%;font-size:10px}
 body[data-room-theme="home"] .closer-section>.disclosure{margin:0 5%}
 body[data-room-theme="home"] .range-layout{display:flex;flex-direction:column;gap:18px}
 body[data-room-theme="home"] .range-figure{margin:0 -5vw;width:calc(100% + 10vw)}
 body[data-room-theme="home"] .range-figure img{height:520px;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 14%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 14%,#000 100%)}
 body[data-room-theme="home"] .range-figure figcaption{padding-inline:5vw}
 body[data-room-theme="home"] .range-figure .photo-plus{right:8%;bottom:14%}
 body[data-room-theme="home"] .range-copy{width:100%}
 body[data-room-theme="home"] .campaign-grid{margin:28px -5.55% 0}
 body[data-room-theme="home"] .campaign-grid>a,body[data-room-theme="home"] .campaign-grid>a:nth-child(2){display:flex;flex-direction:column;align-items:stretch;min-height:0}
 body[data-room-theme="home"] .campaign-grid>a>img,body[data-room-theme="home"] .campaign-grid>a:nth-child(2)>img{height:580px;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 18%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 18%,#000 100%)}
 body[data-room-theme="home"] .campaign-grid>a>span,body[data-room-theme="home"] .campaign-grid>a:nth-child(2)>span{z-index:1;margin-top:-100px;padding:0 6% 50px;gap:12px;text-shadow:0 2px 15px #24000a}
 body[data-room-theme="home"] .campaign-grid strong{font-size:clamp(36px,10vw,52px)}
 body[data-room-theme="home"] .club-image img{-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 22%,#000 100%)}
 body[data-room-theme="campaign"] .campaign-card,body[data-room-theme="campaign"] .campaign-card:nth-child(even){display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto;min-height:0}
 body[data-room-theme="campaign"] .campaign-card img,body[data-room-theme="campaign"] .campaign-card:nth-child(even) img{grid-column:1;grid-row:1/4;height:580px;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 22%,#000 100%)}
 body[data-room-theme="campaign"] .campaign-card :is(h2,span),body[data-room-theme="campaign"] .campaign-card:nth-child(even) :is(h2,span){z-index:1;grid-column:1;color:#fff6e9;padding-left:6%;padding-right:6%;text-shadow:0 2px 12px #210009}
 body[data-room-theme="campaign"] .campaign-card>span{grid-row:2}
 body[data-room-theme="campaign"] .campaign-card h2{grid-row:3;margin:10px 0 45px;font-size:38px}
 body[data-room-theme="studies"] .study-grid figure:nth-child(even){transform:none}
 body[data-room-theme="home"] .cinema-image-button img,
 body[data-room-theme="home"] .range-figure img,
 body[data-room-theme="home"] .campaign-grid>a>img,
 body[data-room-theme="home"] .campaign-grid>a:nth-child(2)>img,
 body[data-room-theme="home"] .club-image img,
 body[data-room-theme="campaign"] .campaign-card img,
 body[data-room-theme="campaign"] .campaign-card:nth-child(even) img,
 body[data-room-theme="campaign"] .spotlight-media img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 13%,#000 90%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect
 }
 body[data-room-theme="home"] .vending-shade{background:linear-gradient(180deg,#630813 0,transparent 31%,transparent 62%,#32040d 100%)}
 body[data-room-theme="home"] .mix-section{background-size:cover,cover;background-position:center,78% center}
 body[data-room-theme="home"] .render-chapter{min-height:710px;padding:45px 5%;align-items:flex-end;background-image:linear-gradient(0deg,rgba(45,3,12,.96),rgba(45,3,12,.1) 78%),url("assets/lower-original-can-v82.webp");background-size:cover,auto 100%;background-position:center,85% center}
 .render-chapter-copy h2{font-size:clamp(47px,10.5vw,72px)}
 body[data-room-theme="home"] .vertical-callout{min-height:530px;padding:45px 5%;background-size:cover,auto 100%;background-position:center,78% center;background-image:linear-gradient(0deg,rgba(45,3,12,.94),rgba(45,3,12,.25) 80%),url("assets/lower-glass-v82.webp")}
}
@media(prefers-reduced-motion:reduce){.cinema-image-button img,body[data-room-theme="home"] .campaign-grid>a>img{transition:none}.cinema-image-button:hover img{transform:none}}