/* Scoped homepage motion and player controls; no scroll interception. */
body.ms-home-page .ms-home-video.ms-inline-film{max-width:338px;aspect-ratio:9/16;cursor:default}
body.ms-home-page .ms-inline-film{position:relative;overflow:hidden;border-radius:8px;background:#2a2622}
body.ms-home-page .ms-inline-film>video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
body.ms-home-page .ms-inline-film [hidden]{display:none!important}
body.ms-home-page .ms-film-controls{position:absolute;z-index:4;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;padding:4px 7px;background:rgba(42,38,34,.9);border:1px solid rgba(255,250,233,.24);border-radius:7px;color:#fffae9;box-sizing:border-box;font:400 11px/1 Jost,Arial,sans-serif}
body.ms-home-page .ms-film-controls button{flex:0 0 38px;width:38px;height:40px;display:grid;place-items:center;border:0;border-radius:4px;padding:8px;background:transparent;color:inherit;cursor:pointer;transition:background .2s ease}
body.ms-home-page .ms-film-controls button:hover{background:rgba(255,250,233,.14)}
body.ms-home-page .ms-film-controls button:focus-visible,body.ms-home-page .ms-film-controls input:focus-visible{outline:2px solid #fffae9;outline-offset:2px}
body.ms-home-page .ms-film-controls svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.ms-home-page .ms-film-controls input[type=range]{flex:1 1 44px;width:44px;min-width:26px;height:28px;margin:0;accent-color:#fffae9;cursor:pointer}
body.ms-home-page .ms-film-time{min-width:29px;font-variant-numeric:tabular-nums;text-align:center}
body.ms-home-page .ms-inline-film .ms-film-error{position:absolute;z-index:5;top:35%;left:20px;right:20px;text-align:center;color:#fffae9;font-size:15px}
body.ms-home-page .ms-inline-film .ms-film-error a:any-link{display:block;color:#fffae9!important;text-decoration:underline}
body.ms-home-page .ms-inline-film:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0;background:#151310}
body.ms-home-page .ms-inline-film:fullscreen .ms-film-controls{width:min(600px,calc(100% - 40px));left:50%;right:auto;bottom:24px;transform:translateX(-50%)}
body.ms-home-page [data-home-reveal]{transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);transition-delay:var(--ms-reveal-delay,0ms)}
body.ms-home-page .ms-reveal-pending{opacity:0;transform:translateY(28px)}
body.ms-home-page .ms-about-studio__main-image,body.ms-home-page .ms-about-studio__detail-image{transition:transform .7s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover){body.ms-home-page .ms-about-studio__collage:hover .ms-about-studio__detail-image{transform:translateY(-5px)}}
@media(max-width:359px){body.ms-home-page .ms-film-controls{left:7px;right:7px;padding-inline:3px;gap:1px}body.ms-home-page .ms-film-controls button{width:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){body.ms-home-page [data-home-reveal],body.ms-home-page .ms-about-studio__main-image,body.ms-home-page .ms-about-studio__detail-image{transition:none!important}body.ms-home-page .ms-reveal-pending{opacity:1;transform:none}body.ms-home-page .ms-about-studio__collage:hover .ms-about-studio__detail-image{transform:none}}

/* Carry the About photo's offset frame into the five selected media blocks. */
body.ms-home-page :is(.ms-home-video.ms-inline-film,.ms-process-story__photo,.ms-gel-note__photo,.ms-sterilization__film,.ms-care-photo){
  --ms-media-frame-offset:18px;
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-radius:12px;
}
body.ms-home-page :is(.ms-home-video.ms-inline-film,.ms-process-story__photo,.ms-gel-note__photo,.ms-sterilization__film,.ms-care-photo)::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:var(--ms-media-frame-offset) calc(-1 * var(--ms-media-frame-offset)) calc(-1 * var(--ms-media-frame-offset)) var(--ms-media-frame-offset);
  border:1.5px solid var(--ms-taupe);
  border-radius:16px;
  pointer-events:none;
}
body.ms-home-page :is(.ms-home-video.ms-inline-film,.ms-process-story__photo,.ms-gel-note__photo,.ms-sterilization__film,.ms-care-photo)>:is(img,video){border-radius:inherit}
body.ms-home-page .ms-inline-film:fullscreen{overflow:hidden;border-radius:0}
body.ms-home-page .ms-inline-film:fullscreen::before{display:none}
@media(max-width:760px){
  body.ms-home-page :is(.ms-home-video.ms-inline-film,.ms-process-story__photo,.ms-gel-note__photo,.ms-sterilization__film,.ms-care-photo){--ms-media-frame-offset:12px}
}