/* The existing Experience presentation, scoped to the successfully mounted film overlay.
   Source design: s2.css, walking-hero.css and mstein-social.css. Original fallback remains outside #film-story. */
#film-story .s2--pinned{ position: relative; color: #f4eae0; background: #0b0f0f; padding: 12vh 4vw 10vh; display: grid; gap: 40px; }
#film-story .s2--pinned .eyebrow{ font-size: 11px; letter-spacing: 0.12em; color: #a9dccf; margin: 0 0 14px; }
#film-story .s2--pinned h2,
#film-story .s2--pinned .s2-title{ font: clamp(44px, 5vw, 76px)/0.92 Display; letter-spacing: -0.02em; margin: 0 0 18px; color: #f4eae0; }
#film-story .s2--pinned .s2-state p:not(.eyebrow):not(.s2-title){ font-size: 16px; line-height: 1.55; color: #dfe5dd; margin: 0 0 10px; max-width: 34ch; }
#film-story .s2--pinned .s2-state .s2-note{ font-size: 12px !important; color: #b9c7c0 !important; }
#film-story .s2--pinned .s2-panel{ display: grid; gap: 36px; }
#film-story .s2--pinned .s2-icons{ display: flex; gap: 14px; flex-wrap: wrap; }
#film-story .s2--pinned .s2-icon{ width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; color: #f4eae0;
  border: 1.5px solid rgba(244, 234, 224, 0.85); background: rgba(11, 15, 15, 0.6); }
#film-story .s2--pinned .s2-icon svg{ width: 21px; height: 21px; }
#film-story .s2--pinned .s2-icon:hover,
#film-story .s2--pinned .s2-icon:focus-visible{ background: #ec9975; color: #0b0f0f; border-color: #ec9975; outline: none; }
#film-story .s2--pinned .s2-icon:focus-visible{ box-shadow: 0 0 0 3px #0b0f0f, 0 0 0 5px #f4eae0; }
#film-story .s2--pinned .s2-slots{ display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
#film-story .s2--pinned .s2-slot{ position: relative; display: flex; flex-direction: column; padding: 0; margin: 0; text-align: left; cursor: pointer;
  background: #102622; border: 1px solid #527366; border-radius: 10px; overflow: hidden; color: inherit; font: inherit; min-height: 300px; }
#film-story .s2--pinned .s2-slot video{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
#film-story .s2--pinned .s2-slot img{ flex: 1; width: 100%; min-height: 0; height: 100%; object-fit: cover; display: block; background: #223531; }
#film-story .s2--pinned .s2-slot img[data-fit="contain"]{ object-fit: contain; padding: 10px; }
#film-story .s2--pinned .s2-slot__cap{ display: grid; gap: 3px; padding: 11px 14px 13px; }
#film-story .s2--pinned .s2-slot__cap small{ font-size: 10px; letter-spacing: 0.12em; color: #a9dccf; }
#film-story .s2--pinned .s2-slot__cap strong{ font: 16px/1.2 Heading; color: #f4eae0; font-weight: 400; }
#film-story .s2--pinned .s2-slot__cap em{ font-style: normal; font-size: 11px; color: #b9c7c0; }
#film-story .s2--pinned .s2-slot:focus-visible{ outline: 2px solid #f4eae0; outline-offset: 3px; }
#film-story .s2.s2--pinned{ position: absolute; inset: 0; z-index: 3; padding: 0; display: block; background: none; pointer-events: none; }
#film-story .s2--pinned .s2-panel{ position: absolute; left: 0; top: 0; bottom: 0; width: 34vw; display: block; z-index: 7;
  background: linear-gradient(90deg, rgba(11, 15, 15, 0.94) 0%, rgba(11, 15, 15, 0.94) 76%, rgba(11, 15, 15, 0) 100%); }
#film-story .s2--pinned .s2-state{ position: absolute; left: 4vw; right: 3vw; top: 30vh; pointer-events: auto; }
#film-story .s2--pinned .s2-icons,
#film-story .s2--pinned .s2-slots{ position: static; display: block; }
#film-story .s2--pinned .s2-bg,
#film-story .s2--pinned .s2-her{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#film-story .s2--pinned .s2-bg{ z-index: 0; opacity: 0; }
#film-story .s2--pinned .s2-her{ z-index: 3; }
#film-story .s2--pinned .s2-glow{ position: absolute; left: 0; top: 0; z-index: 5; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; pointer-events: none; mix-blend-mode: screen; opacity: 0;
  background: radial-gradient(circle, rgba(255, 214, 186, 0.95) 0, rgba(236, 153, 117, 0.55) 18%, rgba(236, 153, 117, 0.12) 45%, transparent 70%); will-change: transform, opacity; }
#film-story .s2--pinned .s2-cone{ position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; mix-blend-mode: screen; opacity: 0; transform-origin: 50% 100%;
  clip-path: polygon(0 0, 100% 0, 57% 100%, 43% 100%); background: linear-gradient(to top, rgba(255, 200, 165, 0.75), rgba(236, 153, 117, 0.18) 60%, rgba(236, 153, 117, 0)); }
#film-story .s2--pinned .s2-slot{ position: absolute; left: 0; top: 0; z-index: 6; display: block; min-height: 0; height: auto; aspect-ratio: 4 / 5; padding: 0; border: 0; border-radius: 12px;
  background: #0d1415; opacity: 0; visibility: hidden; transform-origin: 50% 100%; will-change: transform, opacity; pointer-events: auto;
  box-shadow: 0 0 0 1px rgba(244, 234, 224, 0.14), 0 24px 60px rgba(0, 0, 0, 0.55), 0 10px 40px -8px rgba(236, 153, 117, 0.45); }
#film-story .s2--pinned .s2-slot img,
#film-story .s2--pinned .s2-slot video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; padding: 0; }
#film-story .s2--pinned .s2-slot::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6, 10, 11, 0.92) 0, rgba(6, 10, 11, 0.55) 26%, transparent 50%), linear-gradient(115deg, rgba(255, 255, 255, 0.14), transparent 30%); }
#film-story .s2--pinned .s2-slot__cap{ position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 9px; display: grid; gap: 1px; padding: 0; }
#film-story .s2--pinned .s2-slot__cap small{ font-size: 9px; letter-spacing: 0.14em; color: #ec9975; }
#film-story .s2--pinned .s2-slot__cap strong{ font: 400 clamp(14px, 1.25vw, 19px)/1.15 Heading; letter-spacing: -0.02em; }
#film-story .s2--pinned .s2-slot__cap em{ font-size: 10px; line-height: 1.3; color: #c9cfcb; }
#film-story .s2--pinned .s2-live{ display: none; }
#film-story .s2--pinned .s2-live{ position: absolute; z-index: 2; top: 9px; left: 10px; display: flex; align-items: center; gap: 6px; font-size: 9px; letter-spacing: 0.14em; color: #f4eae0; }
#film-story .s2--pinned .s2-live i{ width: 6px; height: 6px; border-radius: 50%; background: #ec9975; box-shadow: 0 0 8px #ec9975; }
#film-story .s2--pinned .s2-slot:focus-visible{ outline: 3px solid #a9dccf; outline-offset: 4px; }
#film-story .s2--pinned .s2-icon{ position: absolute; left: 0; top: 0; width: 66px; height: 66px; margin: -33px 0 0 -33px; border-radius: 50%; display: grid; place-items: center; opacity: 0; visibility: hidden; pointer-events: auto;
  color: #fff; background: linear-gradient(150deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.05) 48%, rgba(255, 255, 255, 0.12)); border: 1.5px solid var(--neon, #ec9975);
  -webkit-backdrop-filter: blur(12px) saturate(1.5); backdrop-filter: blur(12px) saturate(1.5); text-decoration: none; will-change: transform, opacity; transition: box-shadow 0.3s;
  box-shadow: 0 0 5px var(--neon), 0 0 20px -2px var(--neon), inset 0 0 14px -4px var(--neon), inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 12px 30px rgba(0, 0, 0, 0.45); }
#film-story .s2--pinned .s2-icon svg{ width: 27px; height: 27px; filter: drop-shadow(0 0 3px var(--neon)) drop-shadow(0 0 8px var(--neon)); }
#film-story .s2--pinned .s2-icon::after{ content: ''; position: absolute; left: 14%; top: 7%; width: 46%; height: 26%; border-radius: 50%; background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); pointer-events: none; }
#film-story .s2--pinned .s2-icon.on{ border-width: 2px; box-shadow: 0 0 8px var(--neon), 0 0 34px 2px var(--neon), 0 0 70px -6px var(--neon), inset 0 0 18px -2px var(--neon), inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 14px 34px rgba(0, 0, 0, 0.5); }
#film-story .s2--pinned .s2-icon:hover,
#film-story .s2--pinned .s2-icon:focus-visible{ background: linear-gradient(150deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.1)); color: #fff; border-color: var(--neon); }
#film-story .s2--pinned .s2-icon:focus-visible{ outline: 3px solid #a9dccf; outline-offset: 4px; }
#film-story .s2--pinned .s2-iclabel{ position: absolute; left: 0; top: 0; z-index: 5; margin: 0; white-space: nowrap; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #f4eae0;
  text-shadow: 0 1px 8px #000, 0 0 2px #000; opacity: 0; pointer-events: none; }
#film-story .s2--pinned .s2-iclabel b{ color: #ec9975; font-weight: 400; }
#film-story .s2--pinned .s2-chan{ list-style: none; margin: 4px 0 16px; padding: 0; display: grid; gap: 3px; }
#film-story .s2--pinned .s2-chan li{ display: flex; align-items: center; gap: 12px; font: 400 clamp(26px, 2.4vw, 40px)/1 Display; text-transform: uppercase; letter-spacing: 0.01em; color: rgba(244, 234, 224, 0.26); transition: color 0.35s, transform 0.35s; }
#film-story .s2--pinned .s2-chan li::before{ content: ''; width: 0; height: 1px; background: #ec9975; transition: width 0.35s; }
#film-story .s2--pinned .s2-chan li.on{ color: #ec9975; transform: translateX(4px); }
#film-story .s2--pinned .s2-chan li.on::before{ width: 26px; }
@media (max-width: 767px), (max-aspect-ratio: 1/1){
#film-story .s2--pinned .s2-panel{ left: 0; right: 0; top: auto; bottom: 0; width: auto; height: 36svh;
    background: linear-gradient(to bottom, rgba(11, 15, 15, 0) 0%, rgba(11, 15, 15, 0.95) 22%, rgba(11, 15, 15, 0.97) 100%); }
#film-story .s2--pinned .s2-state{ left: 22px; right: 22px; top: auto; bottom: 22px; }
#film-story .s2--pinned h2,
#film-story .s2--pinned .s2-title{ font-size: clamp(36px, 11vw, 48px); margin-bottom: 10px; }
#film-story .s2--pinned .s2-state p:not(.eyebrow):not(.s2-title){ font-size: 14px; }
#film-story .s2--pinned .s2-chan{ display: flex; flex-wrap: wrap; gap: 2px 12px; margin-bottom: 8px; }
#film-story .s2--pinned .s2-chan li{ font-size: 22px; }
#film-story .s2--pinned .s2-chan li.on::before{ width: 12px; }
#film-story .s2--pinned .s2-slot__cap em{ display: none; }
#film-story .s2--pinned .s2-slot__cap strong{ font-size: 13px; }
}
@media (max-width: 767px) and (max-height: 700px){
#film-story .s2--pinned .s2-panel{ height: 40svh; }
}

/* Original walking-film copy placement, above the palms. */
#film-story .s2--pinned{font-family:Body,Arial,sans-serif;line-height:1.4;color:#f4eae0;overflow:visible}
#film-story .s2--pinned .s2-panel{top:120px;bottom:auto;left:0;width:38vw;max-width:520px;height:220px;background:linear-gradient(135deg,#09090edd,#09090e99 45%,transparent 82%);pointer-events:none}
#film-story .s2--pinned .s2-state{top:16px;bottom:auto;left:3vw;right:2vw;pointer-events:auto}
#film-story .s2--pinned .eyebrow{font:400 10px/1.35 Body,Arial,sans-serif;letter-spacing:.15em;color:#d8c098;margin:0 0 10px}
#film-story .s2--pinned h2,#film-story .s2--pinned .s2-title{font:400 clamp(36px,3.3vw,48px)/.98 Display,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 12px;color:#f4eae0}
#film-story .s2--pinned .s2-state p:not(.eyebrow):not(.s2-title){font:400 14px/1.45 Body,Arial,sans-serif;max-width:38ch;margin:0 0 10px;color:#dfe5dd}
#film-story .s2--pinned .s2-state .s2-note{font-size:11px!important;max-width:42ch}
#film-story .s2--pinned .s2-chan{display:flex;flex-wrap:wrap;gap:6px 14px;margin:5px 0 10px;padding:0;list-style:none}
#film-story .s2--pinned .s2-chan li{font-size:22px;gap:6px}
#film-story .s2--pinned .s2-chan li.on::before{width:12px}
#film-story .s2--pinned .s2-slot{margin:0;overflow:hidden;cursor:pointer;text-align:left;color:#f4eae0;font-family:Body,Arial,sans-serif}
#film-story .s2--pinned .s2-slot img,#film-story .s2--pinned .s2-slot video{object-position:50% 50%;max-width:none}
#film-story .s2--pinned .s2-slot__cap small{font:400 9px/1.35 Body,Arial,sans-serif;color:#d8c098}
#film-story .s2--pinned .s2-slot__cap strong{display:block;font:400 clamp(14px,1.25vw,19px)/1.15 Heading,Arial,sans-serif;color:#f4eae0}
#film-story .s2--pinned .s2-slot__cap em{font:400 9px/1.3 Body,Arial,sans-serif;font-style:normal;color:#c9cfcb}
#film-story .s2--pinned .s2-iclabel{display:none!important}
/* MSTEIN / social medallions. Position, scale, opacity and depth remain JS-owned. */
#film-story .s2--pinned .s2-icon{
  --s2-icon-size:92px;
  --s2-glyph-size:38px;
  --s2-accent:var(--neon,#d6bc88);
  box-sizing:border-box;width:var(--s2-icon-size);height:var(--s2-icon-size);
  margin:calc(var(--s2-icon-size)*-.5) 0 0 calc(var(--s2-icon-size)*-.5);
  display:grid;place-items:center;border-radius:50%;
  border:1px solid #ffffff45;color:#f8f6fa;
  background:radial-gradient(ellipse at 24% 10%,#ffffff24,transparent 48%),linear-gradient(155deg,#ffffff14,#ffffff02 60%),#15131cce;
  -webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);
  box-shadow:inset 0 1px 0 #ffffff65,inset 0 -1px 0 #ffffff0e,0 12px 28px #00000055,0 0 0 1px #00000025;
  text-decoration:none;overflow:visible;touch-action:manipulation;
  /* Never interpolate or replace the orbit's matrix on pointer interaction. */
  translate:none;rotate:none;animation:none;filter:none;
  transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s;
  -webkit-tap-highlight-color:transparent;
}
#film-story .s2--pinned .s2-icon::before,#film-story .s2--pinned .s2-icon::after{content:none;display:none;animation:none}
#film-story .s2--pinned .s2-icon svg{
  display:block;width:var(--s2-glyph-size);height:var(--s2-glyph-size);flex-shrink:0;
  color:inherit;filter:none;pointer-events:none;
}
#film-story .s2--pinned .s2-icon.on{
  border-width:1px;border-color:#ffffff70;
  border-color:color-mix(in srgb,var(--s2-accent) 55%,#ffffff55);
  background:radial-gradient(ellipse at 24% 10%,#ffffff2d,transparent 49%),linear-gradient(155deg,#ffffff16,#ffffff04 60%),#18151edb;
  box-shadow:inset 0 1px 0 #ffffff7a,inset 0 -1px 0 #ffffff17,0 14px 30px #00000065;
}
#film-story .s2--pinned .s2-icon:hover,#film-story .s2--pinned .s2-icon.is-inspected,#film-story .s2--pinned .s2-icon:focus-visible{
  color:#ffffff;border-width:1px;border-color:#e8d7b5bb;
  border-color:color-mix(in srgb,var(--s2-accent) 64%,#ffffffbb);
  background:radial-gradient(ellipse at 24% 10%,#ffffff33,transparent 49%),linear-gradient(155deg,#ffffff1a,#ffffff05 60%),#1c1823eb;
  box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #ffffff18,0 16px 34px #0000006b;
  animation:none;translate:none;rotate:none;
}
#film-story .s2--pinned .s2-icon:focus-visible{outline:2px solid #f0d7aa;outline-offset:5px}
#film-story .s2--pinned .s2-icon .s2-icon-name{
  position:absolute;top:calc(100% + 11px);left:50%;z-index:1;
  display:block;width:max-content;max-width:150px;margin:0;padding:6px 10px;
  border:1px solid #e8d5b12c;border-radius:8px;background:#100d16eb;
  color:#f1e8dc;font:500 11px/1.35 Body,Arial,sans-serif;letter-spacing:.015em;text-align:center;
  white-space:nowrap;text-transform:none;text-shadow:none;pointer-events:none;
  opacity:0;visibility:hidden;transform:translate(-50%,3px);
  box-shadow:0 5px 16px #0000003d;
  transition:opacity .16s,visibility .16s,transform .16s;
}
#film-story .s2--pinned .s2-icon.on .s2-icon-name,
#film-story .s2--pinned .s2-icon.is-inspected .s2-icon-name,
#film-story .s2--pinned .s2-icon:focus-visible .s2-icon-name{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Keep the channel readout in the studio's champagne palette. */
#film-story .s2--pinned .s2-chan li.on{color:#ddc99f}
#film-story .s2--pinned .s2-chan li::before{background:#ddc99f}
/* Runtime pause control lives with the third scene's existing copy. */
#film-story .s2--pinned .s2-orbit-toggle{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;
  margin:12px 0 0;padding:9px 13px;border:1px solid #d8c59f3b;border-radius:10px;
  background:linear-gradient(125deg,#ffffff09,#ffffff02),#13101aa3;color:#dbd2e2;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font:400 11px/1.4 Body,Arial,sans-serif;letter-spacing:.015em;text-transform:none;
  box-shadow:inset 0 1px 0 #ffffff0a;cursor:pointer;touch-action:manipulation;
  transition:background-color .2s,border-color .2s,color .2s;
}
#film-story .s2--pinned .s2-orbit-toggle:hover{background:#d7bc8913;border-color:#d8c59f72;color:#f0dfbd}
#film-story .s2--pinned .s2-orbit-toggle[aria-pressed="true"]{border-color:#d8c59f5c;color:#ddc99f}
#film-story .s2--pinned .s2-orbit-toggle:focus-visible{outline:2px solid #f0d7aa;outline-offset:4px}
@media(max-width:767px),(max-aspect-ratio:1/1){
  #film-story .s2--pinned .s2-icon{--s2-icon-size:64px;--s2-glyph-size:28px;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);box-shadow:inset 0 1px 0 #ffffff5c,inset 0 -1px 0 #ffffff0c,0 8px 20px #00000055}
  #film-story .s2--pinned .s2-icon .s2-icon-name{top:calc(100% + 8px);font-size:11px;padding:5px 8px;border-radius:7px;max-width:130px}
  #film-story .s2--pinned .s2-orbit-toggle{margin-top:9px;font-size:11px;min-height:44px}
  #film-story .s2--pinned .s2-state[data-state="3"] .s2-chan{display:none}
}
/* The social note and pause action must fit within a short phone's bottom panel. */
@media(max-width:767px) and (max-height:680px){
  #film-story .s2--pinned .s2-state[data-state="3"]{top:auto;bottom:12px}
  #film-story .s2--pinned .s2-state[data-state="3"] .eyebrow{font-size:10px;line-height:1.3;margin-bottom:8px}
  #film-story .s2--pinned .s2-state[data-state="3"] .s2-title{font-size:34px;line-height:1;margin-bottom:8px}
  #film-story .s2--pinned .s2-state[data-state="3"] .s2-note{font-size:11px!important;line-height:1.45;margin-bottom:0}
  #film-story .s2--pinned .s2-state[data-state="3"] .s2-orbit-toggle{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  #film-story .s2--pinned .s2-icon,#film-story .s2--pinned .s2-icon .s2-icon-name,#film-story .s2--pinned .s2-orbit-toggle{animation:none;transition:none}
}

@media(max-width:767px),(max-aspect-ratio:1/1){
 #film-story .s2--pinned .s2-panel{left:0;right:0;top:auto;bottom:148px;width:100%;max-width:none;height:160px;border:0;background:linear-gradient(0deg,#09090ee6,#09090eb5 70%,transparent);pointer-events:none}
 #film-story .s2--pinned .s2-state,#film-story .s2--pinned .s2-state[data-state="3"]{left:22px;right:22px;top:auto;bottom:12px}
 #film-story .s2--pinned h2,#film-story .s2--pinned .s2-title{font-family:"Helvetica Neue",Arial,sans-serif;font-size:32px;line-height:1.05;letter-spacing:-.05em;margin-bottom:9px}
 #film-story .s2--pinned .s2-state .eyebrow{font-size:9px;line-height:1.3;margin-bottom:8px}
 #film-story .s2--pinned .s2-state p:not(.eyebrow):not(.s2-title){font-size:12px;line-height:1.45;max-width:37ch;margin-bottom:5px;color:#d5cdd9}
 #film-story .s2--pinned .s2-state .s2-note{font-size:11px!important}
 #film-story .s2--pinned .s2-slot__cap{left:7px;right:7px;bottom:7px}
 #film-story .s2--pinned .s2-slot__cap strong{font-size:12px}
 #film-story .s2--pinned .s2-slot__cap small{font-size:8px}
 #film-story .s2--pinned .s2-slot__cap em{display:none}
 #film-story .s2--pinned .s2-orbit-toggle{margin-top:7px;min-height:44px;padding:8px 12px}
}
@media(max-width:350px){
 #film-story .s2--pinned .s2-panel{bottom:148px;height:158px}
 #film-story .s2--pinned .s2-state,#film-story .s2--pinned .s2-state[data-state="3"]{left:16px;right:16px;bottom:9px}
 #film-story .s2--pinned h2,#film-story .s2--pinned .s2-title{font-size:29px}
 #film-story .s2--pinned .s2-state p:not(.eyebrow):not(.s2-title){font-size:11px;line-height:1.4}
}
@media(max-height:600px) and (min-aspect-ratio:1/1){
 #film-story .s2--pinned .s2-panel{top:24px;bottom:auto;width:34%;height:190px}
 #film-story .s2--pinned .s2-state{left:22px;right:12px;top:10px;bottom:auto}
 #film-story .s2--pinned h2,#film-story .s2--pinned .s2-title{font-size:29px}
 #film-story .s2--pinned .s2-state p:not(.eyebrow):not(.s2-title){font-size:11px}
}

/* The old hero overlapped its successor; the new film has its own complete scroll interval. */
.is-motion body.mstein-film-experience #makes.s3a{margin-top:0}

/* The scroll story retains the original ambient orbit and its independent pause control. */