/* Cinematic baseline: light, pacing and a persistent customer thread explain the customer loop. */
.ukiyo-homepage-root .cinema-story{--cinema-light:var(--nexus-cyan);--cinema-progress:0;--customer-thread:0;position:relative;isolation:isolate;border-radius:20px 5px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--cinema-light) 12%,transparent),transparent 65%),var(--nexus-midnight);transition:background-color 1s,border-color 1s;box-shadow:0 40px 100px #0005,inset 0 1px var(--signal-rim)}
.ukiyo-homepage-root .cinema-story[data-cinema-started=false]>:not(.cinema-opening){display:none}
.ukiyo-homepage-root .cinema-story[data-mood=tension]{--cinema-light:var(--nexus-violet)}.ukiyo-homepage-root .cinema-story[data-mood=warmth]{--cinema-light:var(--nexus-violet)}.ukiyo-homepage-root .cinema-story[data-mood=clarity]{--cinema-light:var(--nexus-silver)}
.ukiyo-homepage-root .cinema-opening{position:relative;overflow:hidden;text-align:center;padding:56px 28px 34px;min-height:620px;display:flex;align-items:center;flex-direction:column;justify-content:center;isolation:isolate}
.ukiyo-homepage-root .cinema-opening-field{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--nexus-violet) 13%,transparent),transparent 65%)}
.ukiyo-homepage-root .cinema-opening-field i{position:absolute;left:12%;right:12%;top:48%;height:1px;background:linear-gradient(90deg,transparent,var(--nexus-cyan),transparent);opacity:.18;transform:rotate(-17deg)}.ukiyo-homepage-root .cinema-opening-field i:nth-child(2){transform:rotate(17deg)}.ukiyo-homepage-root .cinema-opening-field i:nth-child(3){top:43%;transform:rotate(0);opacity:.1}
.ukiyo-homepage-root .cinema-opening>.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--nexus-cyan);margin:0 0 25px}
.ukiyo-homepage-root .cinema-opening-customer{width:102px;height:102px;display:grid;place-items:center;position:relative;margin:0 0 30px;isolation:isolate}
.ukiyo-homepage-root .cinema-opening-customer span{display:grid;place-items:center;width:74px;height:74px;border:1px solid color-mix(in srgb,var(--nexus-violet) 50%,var(--nexus-hairline));border-radius:50%;font:400 22px var(--signal-meta);color:var(--nexus-proof);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--nexus-violet) 25%,var(--nexus-panel-a)),var(--nexus-midnight));box-shadow:0 0 50px color-mix(in srgb,var(--nexus-violet) 16%,transparent)}
.ukiyo-homepage-root .cinema-opening-customer i{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--nexus-cyan) 20%,transparent);transform:rotateX(55deg) rotate(-20deg)}.ukiyo-homepage-root .cinema-opening-customer i:last-child{inset:-14px;border-color:color-mix(in srgb,var(--nexus-violet) 16%,transparent);transform:rotateX(55deg) rotate(20deg)}
.ukiyo-homepage-root .cinema-opening h3{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.055em;max-width:790px;margin:0 0 20px;color:var(--nexus-proof)}
.ukiyo-homepage-root .cinema-opening-copy{font:400 16px/1.7 var(--signal-reading);color:var(--nexus-silver);margin:0;max-width:640px}
.ukiyo-homepage-root .cinema-opening-path{display:flex;align-items:center;gap:16px;margin:24px 0 30px;color:var(--nexus-slate);font:400 10px var(--signal-meta)}.ukiyo-homepage-root .cinema-opening-path i{width:44px;height:1px;background:linear-gradient(90deg,var(--nexus-cyan),var(--nexus-violet));opacity:.45}
.ukiyo-homepage-root .cinema-opening .actions{justify-content:center;flex-wrap:wrap;gap:24px}.ukiyo-homepage-root #cinema-start{min-height:70px;display:flex;flex-direction:column;gap:8px;padding:17px 30px;font-size:15px;box-shadow:inset 0 1px var(--signal-rim),0 0 35px color-mix(in srgb,var(--nexus-cyan) 9%,transparent)}.ukiyo-homepage-root #cinema-start span{font:400 10px var(--signal-meta);color:var(--nexus-cyan)}.ukiyo-homepage-root #cinema-highlights{font-size:13px}.ukiyo-homepage-root .cinema-sample-note{font:400 10px/1.6 var(--signal-reading);color:var(--nexus-slate);margin:28px 0 0}
.ukiyo-homepage-root .cinema-story .demo-chrome{position:relative;z-index:2;padding:16px 24px;gap:16px;background:color-mix(in srgb,var(--nexus-midnight) 80%,transparent)}
.ukiyo-homepage-root .cinema-story .demo-business{display:none}.ukiyo-homepage-root .cinema-story .ops-tour{font-size:13px;min-height:40px;border:1px solid var(--nexus-hairline);padding:8px 14px;border-radius:5px;background:var(--signal-material);margin-left:0}.ukiyo-homepage-root .cinema-story .cinema-replay,.ukiyo-homepage-root .cinema-story .cinema-skip{font-size:11px;min-height:38px}
.ukiyo-homepage-root .cinema-story .tour-mode-label{margin-left:auto}.ukiyo-homepage-root .cinema-story .tour-mode-label select{font-size:11px;max-width:250px}
.ukiyo-homepage-root .cinema-story .ops-chapters{padding:8px 16px}.ukiyo-homepage-root .cinema-story .ops-chapters button{font-size:11px;padding:8px 10px;min-height:40px}
.ukiyo-homepage-root .cinema-journeybar{padding:18px 28px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--nexus-hairline);min-width:0}
.ukiyo-homepage-root .cinema-thread-person{width:30px;height:30px;flex:0 0 30px;border:1px solid color-mix(in srgb,var(--nexus-violet) 40%,var(--nexus-hairline));border-radius:50%;display:grid;place-items:center;font:400 9px var(--signal-meta);color:var(--nexus-violet)}
.ukiyo-homepage-root .cinema-thread{position:relative;flex:1;height:1px;background:var(--nexus-hairline);max-width:260px;min-width:30px}.ukiyo-homepage-root .cinema-thread>span{position:absolute;inset:0;transform:scaleX(var(--customer-thread));transform-origin:left;background:linear-gradient(90deg,var(--nexus-cyan),var(--nexus-violet))}.ukiyo-homepage-root .cinema-thread>i{position:absolute;width:5px;height:5px;border-radius:50%;top:-2px;left:calc(var(--customer-thread)*100%);background:var(--cinema-light);box-shadow:0 0 15px var(--cinema-light)}
.ukiyo-homepage-root #cinema-act{margin:0;font:400 10px/1.5 var(--signal-meta);color:var(--nexus-silver);letter-spacing:.045em}.ukiyo-homepage-root #cinema-position{margin-left:auto;font-size:10px;color:var(--nexus-slate)}
.ukiyo-homepage-root .cinema-story .scene-moment{font-size:10px;text-align:center;border:0;padding:18px 20px 0;color:var(--nexus-violet)}
.ukiyo-homepage-root .cinema-story .customer-stage.demo-panel{padding:16px 32px 24px}.ukiyo-homepage-root .cinema-story .stage-caption{display:none}.ukiyo-homepage-root .cinema-story #stage-title{font-size:17px;text-align:center;max-width:none;line-height:1.4;letter-spacing:-.025em;color:var(--nexus-silver);margin:0 0 6px}.ukiyo-homepage-root .cinema-story .stage-description{display:none}
.ukiyo-homepage-root .cinema-story .conversation-stage{position:relative;padding:0 12px 8px;isolation:isolate;min-height:410px}
.ukiyo-homepage-root .cinema-story .conversation-stage:before{content:'';position:absolute;inset:-15px -32px 0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--cinema-light) 10%,transparent),transparent 66%);pointer-events:none;opacity:.6;transition:opacity 1s}
.ukiyo-homepage-root .cinema-story.is-cinematic-playing .conversation-stage:before{opacity:1}
.ukiyo-homepage-root .cinema-story #conversation-scene{padding:18px 0 4px;max-width:780px}.ukiyo-homepage-root .cinema-story .scene-orb{width:52px;height:52px;flex-basis:52px;font-size:24px;box-shadow:0 0 40px color-mix(in srgb,var(--cinema-light) 9%,transparent)}.ukiyo-homepage-root .cinema-story .customer-orb{font-size:15px}.ukiyo-homepage-root .cinema-story .scene-person strong{font-size:22px}.ukiyo-homepage-root .cinema-story .scene-connection>span{font-size:8px}.ukiyo-homepage-root .cinema-story .scene-wave{height:32px;margin:5px 0}.ukiyo-homepage-root .cinema-story .scene-connection>small{display:none}
.ukiyo-homepage-root .cinema-beat{text-align:center;max-width:830px;min-height:132px;margin:18px auto 12px;display:flex;flex-direction:column;justify-content:center}.ukiyo-homepage-root .cinema-beat .eyebrow{font-size:9px;letter-spacing:.1em;color:var(--cinema-light);justify-content:center;margin:0 0 14px}.ukiyo-homepage-root .cinema-beat h4{font-size:clamp(27px,3.5vw,45px);line-height:1.12;letter-spacing:-.05em;margin:0;color:var(--nexus-proof);text-wrap:balance}
.ukiyo-homepage-root .cinema-story .voice-player{padding-top:0;max-width:720px}.ukiyo-homepage-root .cinema-story .audio-toggle{width:58px;height:58px;flex:0 0 58px;font-size:18px;box-shadow:0 0 32px color-mix(in srgb,var(--cinema-light) 8%,transparent)}.ukiyo-homepage-root .cinema-story .audio-boundary{font-size:9px;text-align:center;margin:12px 0}.ukiyo-homepage-root .cinema-story .transcript{margin:4px 0 0}.ukiyo-homepage-root .cinema-story .transcript summary{min-height:36px;font-size:10px;padding:10px 0}
.ukiyo-homepage-root .cinema-cause{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:900px;margin:20px auto 0;border-top:1px solid var(--nexus-hairline);padding-top:18px}.ukiyo-homepage-root .cinema-cause>div{min-width:0;border-left:1px solid var(--nexus-hairline);padding-left:18px}.ukiyo-homepage-root .cinema-cause>div:first-child{border:0;padding-left:0}.ukiyo-homepage-root .cinema-cause span{font:400 9px/1.6 var(--signal-meta);letter-spacing:.035em;color:var(--cinema-light)}.ukiyo-homepage-root .cinema-cause p{font:400 13px/1.6 var(--signal-reading);color:var(--nexus-silver);margin:8px 0 0}
.ukiyo-homepage-root #cinema-artifact{max-width:740px;margin:18px auto 0;display:grid;gap:12px}.ukiyo-homepage-root #cinema-artifact:empty{display:none}.ukiyo-homepage-root .cinema-message{border-left:2px solid color-mix(in srgb,var(--cinema-light) 55%,var(--nexus-hairline));padding:14px 20px;background:color-mix(in srgb,var(--nexus-panel-a) 35%,transparent);border-radius:0 10px 10px 0;animation:cinema-arrival .8s ease-out}.ukiyo-homepage-root .cinema-message span{font:400 9px var(--signal-meta);color:var(--nexus-violet)}.ukiyo-homepage-root .cinema-message p{font:400 15px/1.65 var(--signal-reading);color:var(--nexus-proof);margin:10px 0 0}
.ukiyo-homepage-root .cinema-inspect{border-top:1px solid var(--nexus-hairline);background:color-mix(in srgb,var(--nexus-midnight) 80%,transparent)}.ukiyo-homepage-root .cinema-inspect>summary{padding:20px 28px;min-height:58px;cursor:pointer;color:var(--nexus-silver);font:400 13px var(--signal-reading)}.ukiyo-homepage-root .cinema-inspect>summary>span{font-size:11px;color:var(--nexus-slate);margin-left:18px}.ukiyo-homepage-root .cinema-inspect>#scene-lines,.ukiyo-homepage-root .cinema-inspect>#customer-view,.ukiyo-homepage-root .cinema-inspect>.scenario-wrap{padding:0 28px}.ukiyo-homepage-root .cinema-inspect .scenario-wrap{margin:20px 0}.ukiyo-homepage-root .cinema-inspect .scene-quote p{font-size:15px}.ukiyo-homepage-root .cinema-inspect .ops-context-band{margin-top:24px}
.ukiyo-homepage-root #cinema-referral{position:relative;display:flex;align-items:center;justify-content:center;gap:140px;min-height:140px;margin:20px auto 0;max-width:600px}.ukiyo-homepage-root #cinema-referral>span:not(.referral-branch){position:relative;z-index:1;border:1px solid var(--nexus-violet);border-radius:50%;width:54px;height:54px;display:grid;place-items:center;background:var(--nexus-midnight);color:var(--nexus-proof);font:400 14px var(--signal-meta)}.ukiyo-homepage-root #cinema-referral small{position:absolute;top:68px;white-space:nowrap;font:400 10px var(--signal-reading);color:var(--nexus-slate)}.ukiyo-homepage-root .referral-branch{position:absolute;left:25%;right:25%;height:48px;top:23px;border-top:1px solid var(--nexus-cyan);border-radius:50%;filter:drop-shadow(0 0 7px var(--nexus-cyan));animation:cinema-arrival 1.2s ease-out}
@keyframes cinema-arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.ukiyo-homepage-root .cinema-story .demo-chrome{gap:10px 14px}.ukiyo-homepage-root .cinema-story .tour-mode-label{margin-left:auto}.ukiyo-homepage-root .cinema-story .customer-stage.demo-panel{padding:14px 22px 22px}.ukiyo-homepage-root .cinema-story .conversation-stage{padding-inline:0}.ukiyo-homepage-root .cinema-cause{gap:15px}.ukiyo-homepage-root .cinema-cause>div{padding-left:12px}.ukiyo-homepage-root .cinema-cause p{font-size:12px}.ukiyo-homepage-root .cinema-opening{padding:42px 24px 30px;min-height:600px}.ukiyo-homepage-root .cinema-journeybar{padding:15px 22px;gap:12px}.ukiyo-homepage-root #cinema-act{font-size:9px}.ukiyo-homepage-root .cinema-thread{max-width:140px}}
@media(max-width:600px){.ukiyo-homepage-root .cinema-opening{min-height:600px;padding:36px 20px 26px}.ukiyo-homepage-root .cinema-opening h3{font-size:34px}.ukiyo-homepage-root .cinema-opening>.eyebrow{font-size:9px;letter-spacing:.05em}.ukiyo-homepage-root .cinema-opening-copy{font-size:14px}.ukiyo-homepage-root .cinema-opening-copy br{display:none}.ukiyo-homepage-root .cinema-opening-path{gap:9px;font-size:8px;line-height:1.6}.ukiyo-homepage-root .cinema-opening-path i{width:20px}.ukiyo-homepage-root .cinema-opening .actions{gap:20px;flex-direction:column}.ukiyo-homepage-root .cinema-sample-note{font-size:9px;max-width:280px}.ukiyo-homepage-root .cinema-story .demo-chrome{padding:12px 14px}.ukiyo-homepage-root .cinema-story .tour-mode-label{width:100%;order:2}.ukiyo-homepage-root .cinema-story #tour-mode{width:100%;max-width:100%}.ukiyo-homepage-root .cinema-story .ops-tour{order:3;width:auto;flex:1;padding:9px 12px;border-top:1px solid var(--nexus-hairline)}.ukiyo-homepage-root .cinema-story .cinema-replay{order:4}.ukiyo-homepage-root .cinema-story .cinema-skip{order:5;font-size:10px}.ukiyo-homepage-root .cinema-story .ops-chapters{padding:5px 8px}.ukiyo-homepage-root .cinema-journeybar{padding:12px 16px;gap:10px}.ukiyo-homepage-root .cinema-thread{min-width:24px;max-width:65px}.ukiyo-homepage-root #cinema-act{font-size:8px;letter-spacing:0;max-width:140px}.ukiyo-homepage-root #cinema-position{font-size:8px}.ukiyo-homepage-root .cinema-story .customer-stage.demo-panel{padding:12px 16px 20px}.ukiyo-homepage-root .cinema-story #stage-title{font-size:14px}.ukiyo-homepage-root .cinema-story .scene-moment{font-size:9px;padding-top:14px}.ukiyo-homepage-root .cinema-story #conversation-scene{padding-top:14px;gap:12px}.ukiyo-homepage-root .cinema-story .scene-orb{width:38px;height:38px;flex-basis:38px;font-size:19px}.ukiyo-homepage-root .cinema-story .customer-orb{font-size:12px}.ukiyo-homepage-root .cinema-story .scene-person strong{font-size:19px}.ukiyo-homepage-root .cinema-story .scene-person small{font-size:8px}.ukiyo-homepage-root .cinema-story .scene-connection{gap:12px}.ukiyo-homepage-root .cinema-story .scene-connection>span{font-size:7px}.ukiyo-homepage-root .cinema-story .scene-wave{height:22px}.ukiyo-homepage-root .cinema-beat{min-height:122px;margin:14px auto 10px}.ukiyo-homepage-root .cinema-beat h4{font-size:29px}.ukiyo-homepage-root .cinema-beat .eyebrow{font-size:8px;margin-bottom:12px}.ukiyo-homepage-root .cinema-story .audio-toggle{width:50px;height:50px;flex-basis:50px}.ukiyo-homepage-root .cinema-cause{grid-template-columns:1fr;gap:12px;margin-top:14px;padding-top:14px}.ukiyo-homepage-root .cinema-cause>div{border-left:0;border-top:1px solid var(--nexus-hairline);padding:10px 0 0}.ukiyo-homepage-root .cinema-cause>div:first-child{padding:0}.ukiyo-homepage-root .cinema-cause span{font-size:8px}.ukiyo-homepage-root .cinema-cause p{margin-top:4px;font-size:12px}.ukiyo-homepage-root .cinema-inspect>summary{padding:18px 16px;font-size:12px}.ukiyo-homepage-root .cinema-inspect>summary>span{display:block;margin:8px 0 0 16px;font-size:10px}.ukiyo-homepage-root .cinema-inspect>#scene-lines,.ukiyo-homepage-root .cinema-inspect>#customer-view,.ukiyo-homepage-root .cinema-inspect>.scenario-wrap{padding-inline:16px}.ukiyo-homepage-root .cinema-message{padding:12px 14px}.ukiyo-homepage-root .cinema-message p{font-size:14px}.ukiyo-homepage-root #cinema-referral{gap:100px}.ukiyo-homepage-root #cinema-referral small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ukiyo-homepage-root .cinema-story,.ukiyo-homepage-root .cinema-story .conversation-stage:before{transition:none}.ukiyo-homepage-root .cinema-message,.ukiyo-homepage-root .referral-branch{animation:none}}

.ukiyo-homepage-root .cinema-story{scroll-margin-top:24px}
/* Keep playback controls available as scene height and supporting records change. */
.ukiyo-homepage-root .cinema-story{overflow:clip;overflow-anchor:none}
.ukiyo-homepage-root .cinema-story .demo-chrome{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--nexus-midnight) 95%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--nexus-hairline)}