/* Measured before host composition: include expanded browser UI and restored tabs.
   Padding stays in flow and cannot collapse through the stage. */
html.jq-home #experience{padding-block-start:var(--collection-home-top,0px)}
html.jq-home #experience>.stage{height:var(--collection-home-height,100svh);min-height:0}

/* product-story.css intentionally restores native Home scrolling. Its later
   html.jq-home rule must not override the fullscreen configurator's root lock.
   The existing parent controller still owns iframe sizing and keyboard panning. */
html.jq-home[data-runtime-open=true]{height:100%;overflow:hidden;overscroll-behavior:none}
/* Short phone screens retain the same content and 44px links. Reduce empty
   spacing, keeping the full cabinet above the caption. */
@media(max-width:599px){
 /* The portrait master has beige padding after source row 1304. Feather its
    last floor section to the neutral continuation backing, so widening the shade cannot
    expose that hard photographic edge. Applies only to the settled phone Home. */
 html #experience:not([data-active=true])[data-phone-framing=true] .hero-media{background:#5c6255}
 html #experience:not([data-active=true])[data-phone-framing=true] #hero-poster,html #experience:not([data-active=true])[data-phone-framing=true] #intro-video{mask-image:linear-gradient(to bottom,#000 0%,#000 51.2821%,rgba(0,0,0,0.999709) 51.76923%,rgba(0,0,0,0.997782) 52.25641%,rgba(0,0,0,0.992876) 52.74359%,rgba(0,0,0,0.983948) 53.23077%,rgba(0,0,0,0.970235) 53.71795%,rgba(0,0,0,0.951231) 54.20513%,rgba(0,0,0,0.926666) 54.69231%,rgba(0,0,0,0.896484) 55.17949%,rgba(0,0,0,0.860824) 55.66667%,rgba(0,0,0,0.819994) 56.15385%,rgba(0,0,0,0.774454) 56.64103%,rgba(0,0,0,0.724792) 57.12821%,rgba(0,0,0,0.671705) 57.61538%,rgba(0,0,0,0.615973) 58.10256%,rgba(0,0,0,0.558441) 58.58974%,rgba(0,0,0,0.5) 59.07692%,rgba(0,0,0,0.441559) 59.5641%,rgba(0,0,0,0.384027) 60.05128%,rgba(0,0,0,0.328295) 60.53846%,rgba(0,0,0,0.275208) 61.02564%,rgba(0,0,0,0.225546) 61.51282%,rgba(0,0,0,0.180006) 62.0%,rgba(0,0,0,0.139176) 62.48718%,rgba(0,0,0,0.103516) 62.97436%,rgba(0,0,0,0.073334) 63.46154%,rgba(0,0,0,0.048769) 63.94872%,rgba(0,0,0,0.029765) 64.4359%,rgba(0,0,0,0.016052) 64.92308%,rgba(0,0,0,0.007124) 65.41026%,rgba(0,0,0,0.002218) 65.89744%,rgba(0,0,0,0.000291) 66.38462%,rgba(0,0,0,0.0) 66.87179%,transparent 100%)}
 /* Legacy menu backing otherwise compounds the floor fade into a second band. */
 html #experience:not([data-active=true])[data-phone-framing=true] .home-menu::before{background:none}
 html[data-collection-compact=true] #experience .home-menu{bottom:max(12px,env(safe-area-inset-bottom))}
 html[data-collection-compact=true] #experience .home-menu .hero-content{gap:12px;padding-bottom:12px}
 html[data-collection-compact=true] #experience .home-menu .collection-hero-subtitle{margin-top:6px;line-height:1.4}
 html[data-collection-compact=true] #experience .home-menu .stage-footer{padding-top:8px;row-gap:0}
 html[data-collection-compact=true] #experience .home-menu .home-nav,html[data-collection-compact=true] #experience .home-menu .collection-hero-trust{flex-wrap:wrap}
 html #experience[data-phone-framing=true] .hero-shade{
  /* One ramp reaches the measured stage bottom, including the whole menu.
     No fixed-height fade or solid caption fill follows it. */
  background-image:url("/assets/collection-fade-8b90cc09fe35f669.png");
  background-size:128px calc(100% - var(--phone-room-height) + 220px);background-repeat:repeat-x;
  background-position:0 calc(var(--phone-room-height) - 220px);
 }
}