/* Motion is product storytelling: a playlist plays inside the photographed TV.
   Q1: restrained, quill-inspired reveals. P2: directional playlist handoffs.
   The page layout and approved logo artwork remain the brand foundations. */
.hero-motion-unit{min-width:0}.motion-photo{position:relative;isolation:isolate}.motion-photo>.hero-photo{position:relative;z-index:0}.signage-projection{position:absolute;left:0;top:0;width:960px;height:540px;transform-origin:0 0;pointer-events:none;opacity:0;z-index:1;will-change:transform}.hero-motion-unit[data-projection-ready=true] .signage-projection{opacity:1}.signage-canvas{position:relative;width:960px;height:540px;overflow:hidden;background:#073e3c;color:#f2f0dc;font-family:Manrope,Arial,sans-serif;isolation:isolate}.signage-scene{position:absolute;inset:0;opacity:0;padding:58px 60px;overflow:hidden}.signage-scene.is-current{opacity:1;z-index:2}.signage-kicker{font-size:17px;letter-spacing:.14em;text-transform:uppercase;font-weight:650}.signage-title{font-size:88px;font-weight:500;letter-spacing:-.055em;line-height:1.08;margin-top:40px}.scene-line{overflow:hidden;padding-bottom:6px;margin-bottom:-6px}.scene-line>span{display:block}.signage-foot{position:absolute;left:60px;bottom:41px;font-size:17px;letter-spacing:.005em}.q-menu{background:#073e3c;color:#f1f1dc}.cafe-menu{display:flex;gap:28px;margin-top:31px;font-size:20px}.q-special{background:#eee9d8;color:#154b46}.q-special .signage-title{font-size:80px}.special-detail{margin-top:27px;font-size:24px;border-top:1px solid #154b4633;padding-top:19px;width:580px}.q-gather{background:#2d6258;color:#f4f0dc}.q-gather .signage-title{font-size:87px}.gather-detail{position:absolute;right:60px;top:208px;display:flex;flex-direction:column;gap:13px;border-left:1px solid #f4f0dc66;padding:13px 0 13px 29px;font-size:23px;line-height:1.35}.q-gather .signage-title{max-width:500px}.signage-wipe{position:absolute;top:-220px;left:-330px;width:180px;height:1000px;background:#96b9a7;z-index:4;opacity:0;pointer-events:none}
.motion-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;min-height:43px}.motion-intro{display:flex;flex-direction:column;gap:3px;flex:none}.motion-intro strong{font-size:11px;font-weight:650;line-height:1.3}.motion-intro>span{font-size:9px;color:var(--muted);line-height:1.4}.motion-actions{display:flex;align-items:center;gap:10px}.message-choices{display:flex;gap:3px}.message-choices button{position:relative;background:transparent;border-radius:5px;padding:7px 9px;font-size:9px;color:var(--muted);white-space:nowrap}.message-choices button[aria-pressed=true]{background:var(--tint);color:var(--accent-ink);font-weight:650}.motion-toggle{border:1px solid var(--line);background:transparent;padding:7px 11px;border-radius:6px;min-width:55px;font-size:9px;font-weight:650}.motion-toggle:hover{background:var(--surface);border-color:var(--accent-ink)}.motion-access-note{font-size:10px;color:var(--muted);margin-top:8px;max-width:450px}.motion-actions button:active{transform:scale(.96)}.q-hero{padding-top:29px;gap:68px}.q-hero-copy{padding-bottom:42px}
.p2-motion .signage-canvas{font-family:Space,Arial,sans-serif;background:#ee5420;color:#191e17}.p-scene{padding:46px 57px}.p-scene .signage-kicker{font-size:17px;letter-spacing:.1em;font-weight:500}.p-scene .signage-title{font-size:112px;line-height:1;letter-spacing:-.06em;font-weight:650;margin-top:45px;max-width:670px}.p-scene .signage-foot{left:57px;bottom:38px;font-size:20px}.p-welcome{background:#ee5420;color:#191e17}.signage-arrow{position:absolute;right:52px;top:180px;font-size:220px;line-height:1;font-weight:400;letter-spacing:-.08em}.p-event{background:#eae9db;color:#252b21}.p-event .signage-title{font-size:102px}.event-stamp{position:absolute;right:57px;top:193px;border-top:4px solid #ed5420;padding-top:20px;display:flex;flex-direction:column;gap:15px;font-size:22px;line-height:1.1;width:155px}.event-stamp strong{font-size:40px;letter-spacing:-.05em;font-weight:500;color:#b8360c}.p-message{background:#252b21;color:#f0eedf}.p-message .signage-title{font-size:97px;max-width:690px}.p-message .signage-arrow{color:#f2753e;font-size:195px;right:55px;top:196px}.p2-motion .signage-wipe{width:110px;background:#ee5420}.p2-motion .motion-controls{margin-top:19px}.p2-motion .motion-intro{flex-direction:row;align-items:center;gap:18px}.p2-motion .motion-intro strong{font-size:12px;font-weight:500}.p2-motion .motion-intro>span{font-size:10px}.p2-motion .message-choices button{padding:9px 15px;font-size:10px;border-radius:3px}.p2-motion .motion-toggle{border-radius:3px;padding:9px 15px;font-size:10px}.p2 .p-hero-heading{padding-top:50px}.p2-motion{margin-bottom:0}.hero-motion-unit[data-motion-state=paused] .motion-toggle{background:var(--surface)}
@media(max-width:1100px){.q-hero{gap:40px}.q1-motion .motion-controls{align-items:start;gap:12px}.q1-motion .motion-intro>span{max-width:125px}.q1-motion .motion-actions{gap:6px}.q1-motion .message-choices button{padding:7px 6px;font-size:8px}.q1-motion .motion-toggle{padding:7px 8px;min-width:47px;font-size:8px}}
@media(max-width:800px){.q-hero{gap:28px}.q1-motion .motion-controls{flex-direction:column;align-items:stretch;gap:10px}.q1-motion .motion-intro{flex-direction:row;justify-content:space-between;align-items:center}.q1-motion .motion-intro>span{max-width:none;font-size:8px}.q1-motion .motion-actions{justify-content:space-between}.q1-motion .message-choices button{padding:7px 8px;font-size:9px}.q-hero-copy{padding-bottom:24px}.p2-motion .motion-intro{flex-direction:column;align-items:start;gap:3px}.p2-motion .motion-intro>span{font-size:9px}.p2-motion .message-choices button{font-size:9px;padding:8px 10px}}
@media(max-width:640px){.q-hero{padding-top:30px;gap:30px}.q-hero-copy{padding-bottom:0}.q1-motion .motion-controls{flex-direction:column;gap:10px;margin-top:16px}.q1-motion .motion-intro strong{font-size:11px}.q1-motion .motion-intro>span{font-size:8px}.q1-motion .motion-actions{gap:8px}.q1-motion .message-choices button{padding:9px 13px;font-size:10px}.q1-motion .motion-toggle{padding:9px 13px;font-size:10px;min-width:60px}.p2 .p-hero-heading{padding-top:32px}.p2-motion .motion-controls{flex-direction:column;align-items:stretch;gap:13px;margin-top:16px}.p2-motion .motion-intro{flex-direction:row;justify-content:space-between;gap:10px;align-items:center}.p2-motion .motion-intro strong{font-size:11px}.p2-motion .motion-intro>span{font-size:8px}.p2-motion .motion-actions{justify-content:space-between}.p2-motion .message-choices button{padding:9px 13px;font-size:10px}.p2-motion .motion-toggle{padding:9px 13px;font-size:10px;min-width:60px}.motion-access-note{font-size:9px;max-width:300px}}

/* Match the wider physical display in the P2 photo; keep playback controls in view. */
.p2-motion .signage-projection,.p2-motion .signage-canvas{height:432px}
.q1-motion .motion-photo{height:clamp(420px,60vh,630px)}
.p2-motion .motion-photo{height:clamp(300px,42vh,425px)}
@media(max-width:640px){.q1-motion .motion-photo{height:420px}.p2-motion .motion-photo{height:280px}}
@media(min-width:641px){.p2-motion .hero-photo{object-position:center 18%}}