/* The scene uses the user's actual footage. Colour and geometry are not filtered. */
.landing.has-entrance-film{height:100svh;min-height:720px;padding-top:30px;padding-bottom:22px}
.has-entrance-film>.hero-treatment,.has-entrance-film::before,.has-entrance-film::after{display:none}
.entrance-film{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none!important;background:#051f20}
.entrance-film *{pointer-events:none!important}
.entrance-film-backdrop{position:absolute;inset:-36px;background:#051f20;filter:blur(25px)}
/* Extend only the atmosphere at the film's edges; never enlarge a second pair of jeans behind the buttons. */
.entrance-film-backdrop::before,.entrance-film-backdrop::after{content:'';position:absolute;top:0;bottom:0;width:50%;background-image:url('/assets/barsam-entrance-jeans-poster.jpg');background-size:1000% 100%;background-repeat:no-repeat}
.entrance-film-backdrop::before{left:0;background-position:left center}.entrance-film-backdrop::after{right:0;background-position:right center}
.entrance-film-frame{position:absolute;top:65px;left:50%;height:calc(100% - 185px);aspect-ratio:784/1168;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in}
/* Keep transforms and masks on the frame, outside iOS's native video layer. */
.entrance-film-poster,.entrance-film-video,.entrance-film-standby{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;display:block}
/* The native video poster covers loading; an opacity transition can leave a
   playing inline video transparent in WebKit until the next interaction. */
.entrance-film-video{opacity:1}
.has-entrance-film .landing-header{z-index:2;align-items:flex-start}
.has-entrance-film .landing-brand{text-shadow:0 2px 14px #001a12}
.has-entrance-film .landing-center{position:static;padding:0}
.has-entrance-film .landing-center .landing-choices{position:absolute;left:0;right:0;top:44%;width:100%;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(200px,18vw,300px);padding:0 max(5vw,24px);z-index:2}
.has-entrance-film .landing-entry.liquid-glass-v3{width:clamp(160px,19vw,270px);height:100px}
.has-entrance-film .landing-auth{position:absolute;bottom:86px;left:0;right:0;margin:0;z-index:2}
.has-entrance-film .landing-customer-login{min-height:44px;padding:8px 25px;background:#051f2066;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#daf1de66}
.has-entrance-film .hero-video-discover{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);margin:0;color:#daf1de;z-index:2;white-space:nowrap}
.has-entrance-film .landing-footer{align-self:end;direction:ltr;justify-content:space-between;z-index:2;min-height:35px;pointer-events:none}
.has-entrance-film .landing-footer a{pointer-events:auto}
.has-entrance-film .landing-status{z-index:2;bottom:137px}
@media(max-width:900px) and (min-width:651px){.has-entrance-film .landing-center .landing-choices{gap:34vw;padding-inline:24px}.has-entrance-film .landing-entry.liquid-glass-v3{width:160px;height:80px}}
@media(max-width:650px){
 .landing.has-entrance-film{min-height:720px;padding:24px 18px 14px}
 .entrance-film-frame{top:70px;height:calc(100% - 250px);mask-composite:add;-webkit-mask-composite:source-over;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 92%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 92%,transparent)}
 .has-entrance-film .landing-center .landing-choices{top:auto;bottom:164px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;grid-auto-rows:auto;padding:0 18px;align-content:center}
 .has-entrance-film .landing-entry.liquid-glass-v3{width:100%;max-width:210px;height:64px}
 .has-entrance-film .landing-entry.liquid-glass-v3 .name{font-size:20px}
 .has-entrance-film .landing-auth{bottom:101px}
 .has-entrance-film .landing-customer-login{font-size:12px;max-width:calc(100% - 40px);padding:8px 18px;min-height:42px}
 .has-entrance-film .hero-video-discover{bottom:55px;font-size:10px;min-height:38px}
 .has-entrance-film .landing-status{bottom:235px;font-size:11px}
 .has-entrance-film .landing-edition{left:auto;right:0;bottom:0;font-size:7px}
 .has-entrance-film .landing-footer{align-items:flex-end}
}
@media(prefers-reduced-motion:reduce){.entrance-film:not(.has-user-playback) :is(.entrance-film-video,.entrance-film-standby){display:none}}
/* The decorative film has no custom or native play overlay. */
.entrance-film-video::-webkit-media-controls-start-playback-button,.entrance-film-standby::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}