/* Keep text and controls anchored while scrolling and typing. */
.js-motion .reveal-piece,.js-motion .headline-line,.js-motion .kinetic-heading>span,.ghost-number,.scene-note{transform:none;opacity:1;will-change:auto}
.cursor-light,.cursor-ring,.cursor-label{display:none}
.visual{inset:0}.visual img{will-change:auto;transform:none}
.visual canvas,.visual>img{filter:none}
.product-drift{animation:none!important;will-change:auto}
.product-track{will-change:auto}
.product-shelf{perspective:none}
.floating-art,.product-detail-art{filter:none!important}
.product-track .floating-product:before{display:none}
.scene-note,.scroll-contact-details .contact-block,.scroll-contact-details .linkedin-widget,#product-dialog::backdrop{backdrop-filter:none}
.text-link,.enquiry-submit{translate:none}
.questions details:hover,.questions details[open]{padding:0;background:#c3a77b10}
.progress i{width:100%;transform:scaleX(var(--progress));transform-origin:left}
@media(max-width:760px){
 .visual{height:100lvh;bottom:auto}
 .visual>img{opacity:1;object-position:61% center}
 .film-ready .visual>img{opacity:0}
 .visual video{object-position:61% center}
 .visual video,.visual>img{position:absolute;top:64px;height:calc(100% - 64px)}
 .veil{background:linear-gradient(90deg,#0b0d0cb8,#0b0d0c70 55%,#0b0d0c30),linear-gradient(0deg,#0b0d0c70,transparent 25%,transparent 80%,#0b0d0c40)}
 .floating-art{transform:none!important}
 .product-track .floating-product:hover .floating-art{transform:none}
 #enquiry-form .form-pair{grid-template-columns:1fr}
 .scene-note,.scroll-contact-details{transform:none!important}
}

@media(prefers-reduced-motion:reduce){.film-ready .visual>img{opacity:1}.film-ready .visual video{opacity:0}}

/* Stable mobile reading surfaces over every frame of the vending film. */
@media(max-width:760px){
  .veil{background:linear-gradient(90deg,#0b0d0ca6,#0b0d0c73 65%,#0b0d0c4d),linear-gradient(0deg,#0b0d0c85,transparent 25%,transparent 80%,#0b0d0c70)}
  .page-section .section-copy::before{content:"";position:absolute;inset:-22px -14px;z-index:-1;pointer-events:none;border-radius:8px;background:linear-gradient(110deg,rgba(11,17,13,.94),rgba(11,17,13,.88));box-shadow:0 8px 28px #0003}
  .page-section .body-copy,.page-section .planning p,.page-section .questions p,.page-section .fine-print,.scroll-contact-details .fine-print{color:#edf0e8;line-height:1.75;text-shadow:none}
  .page-section .body-copy,.page-section .planning p,.page-section .questions p{font-size:1rem}
  .page-section .eyebrow,.page-section .text-link{color:#ead8b8}
  .page-section .eyebrow{font-size:.875rem;letter-spacing:.08em}
  .page-section .fine-print,.scroll-contact-details .fine-print,#enquiry-form label{font-size:.875rem}
  #enquiry-form label{color:#edf0e8}
  #enquiry-form input,#enquiry-form textarea,#enquiry-form select{background:#111a14;color:#fff;border:1px solid #879384;border-radius:4px}
  #enquiry-form input::placeholder,#enquiry-form textarea::placeholder{color:#cbd2c6;opacity:1}
  .scroll-contact-details>.contact-block,.scroll-contact-details>.linkedin-widget,.page-section .scene-note{background:rgba(11,17,13,.94)}
  .range-tabs button{min-height:44px}
}
