/* A continuous linen surface, with the photograph concentrated on the right. */
.hero--campaign { background: var(--linen); }
.hero-lounge-image { position: absolute; inset: 74px 0 0; z-index: 0; pointer-events: none; overflow: hidden; }
.hero-lounge-image img { display: block; width: auto; max-width: none; height: 112%; position: absolute; right: 0; top: -4%; mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.01) 18%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.65) 42%,#000 52%); }
.hero-lounge-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,var(--linen),transparent 18px); }
.hero-tabletop { pointer-events: none; }
@media(min-width:769px) and (max-width:1200px) {
 .hero-lounge-image { left: 32%; mask-image: linear-gradient(90deg,transparent,rgba(0,0,0,.12) 18%,#000 40%); }
 .hero-lounge-image img { width: 100%; height: 112%; object-fit: cover; object-position: right center; mask-image: none; }
}
@media(max-width:768px) {
 .hero--campaign { background: var(--linen); }
 .hero-lounge-image { inset: auto 0 0; height: clamp(320px,46svh,430px); mask-image: linear-gradient(180deg,transparent,#000 24px); }
 .hero-lounge-image img { top: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; mask-image: none; }
 .hero-lounge-image::after { background: linear-gradient(0deg,var(--linen),transparent 12px); }
}