/* Unpublished hero concept: movement in the city, room for the message. */
.hero.hero-next{height:auto;min-height:740px;background:#fff;color:#0b243b;isolation:isolate;overflow:hidden;position:relative;padding-bottom:66px}
.hero-next:before,.hero-next:after{display:none}.next-copy{position:relative;z-index:4;width:43%;max-width:600px;margin-left:max(6vw,calc((100vw - 1200px)/2));padding-top:104px;padding-bottom:76px}.next-eyebrow{display:flex;align-items:center;gap:13px;font:600 10px/1.6 Arial,sans-serif;letter-spacing:.14em;color:#506c82;margin-bottom:32px}.next-eyebrow:before{content:'';width:30px;height:2px;background:#1763b1;transform-origin:left;animation:next-rule 1s .2s both}
.hero-next h1{font-size:clamp(48px,4.9vw,76px);color:#0b243b;line-height:1.42;letter-spacing:-.025em;margin:0 0 28px;font-weight:800;position:relative}.hero-next h1>span{display:block}.hero-next h1>span:last-child{color:#1763b1}.hero-next h1>span:last-child:after{display:none}.hero-next h1 .hero-line{line-height:1.42;overflow:hidden}.hero-next .hero-glyph{white-space:pre}.next-copy>p{font-size:13px;line-height:2.15;color:#536b7d;max-width:430px}.next-copy .button{margin-top:32px;background:#0b243b;color:white;min-width:224px;min-height:60px;padding:13px 20px 13px 25px;gap:25px;display:inline-flex;align-items:center;justify-content:space-between;font-size:12px}.next-copy .round-arrow{border-color:#ffffff55;color:white;width:36px;height:36px}.next-copy .button:hover .round-arrow{background:white;color:#0b243b}
.next-visual{position:absolute;left:48%;right:0;top:0;bottom:66px;overflow:hidden;background:#0b243b;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(calc(1 - var(--hero-scroll,0)*.035));transform-origin:70% 50%;border-radius:calc(var(--hero-scroll,0)*24px) 0 0 calc(var(--hero-scroll,0)*24px);will-change:transform}.next-visual:before{position:absolute;content:'';z-index:3;left:-1px;top:0;bottom:0;width:95px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.next-visual:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#0618290a 25%,#0618297a 70%,#061829c9);z-index:1;pointer-events:none}
.next-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.45s ease;overflow:hidden}.next-scene.is-current{opacity:1}.hero-next .next-scene video{position:absolute;inset:-2%;width:104%;max-width:none;height:104%;object-fit:cover;object-position:50% 50%;filter:saturate(.83) contrast(1.05);transform:scale(1.03);z-index:0}.hero-next .next-scene[data-scene="city"] video{object-position:65% 50%;filter:saturate(.72) contrast(1.05)}
.next-word{position:absolute;z-index:2;bottom:82px;left:92px;font:700 clamp(100px,11.9vw,205px)/.85 Arial,sans-serif;letter-spacing:-.07em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #ffffff70;pointer-events:none;transform:translateX(calc(var(--hero-scroll,0)*-45px));opacity:.8}.next-film-label{position:absolute;top:36px;right:40px;z-index:3;color:white;font:9px/1.5 Arial,sans-serif;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.next-film-label i{width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff14}.next-scene-controls{position:absolute;z-index:4;left:100px;right:38px;bottom:30px;display:flex;align-items:center;gap:18px}.next-scenes{display:flex;gap:20px;flex:1}.next-scene-tab{border:0;padding:12px 0;background:none;color:#ffffff80;min-height:44px;font:9px/1.4 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;text-align:left}.next-scene-tab strong{display:block;font-size:11px;margin-bottom:6px;letter-spacing:.02em;font-weight:400}.next-scene-tab[aria-pressed=true]{color:white}.next-scene-tab:after{content:'';display:block;height:1px;background:#ffffff33;margin-top:8px;width:105px}.next-scene-tab[aria-pressed=true]:after{background:#93c9ee}.next-motion-toggle{width:38px;height:38px;border:1px solid #ffffff60;border-radius:50%;color:white;display:grid;place-items:center;flex:none;background:#0b243b44;cursor:pointer}.next-motion-toggle svg{width:12px;height:12px;fill:currentColor}.next-motion-toggle[aria-pressed=false] .pause-icon,.next-motion-toggle[aria-pressed=true] .play-icon{display:none}
.next-bridge{position:absolute;left:43%;top:26%;width:clamp(95px,13vw,205px);height:40%;z-index:3;pointer-events:none;overflow:visible;opacity:.8}.next-bridge path{fill:none;stroke:#1f77c1;stroke-width:3;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600;animation:next-connect 1.7s cubic-bezier(.16,1,.3,1) 1.0s forwards}.next-bridge circle{fill:#1763b1;opacity:0;animation:next-rule .5s 2.4s forwards}
.next-bottom{height:66px;position:absolute;bottom:0;left:0;right:0;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce3e9;background:white;z-index:5}.next-scroll{font:9px/1 Arial,sans-serif;letter-spacing:.15em;display:flex;align-items:center;gap:18px;min-height:44px}.next-scroll:before{content:'';height:1px;width:50px;background:#1763b1}.next-bottom>span{font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#708391}.hero-next.is-live .next-eyebrow,.hero-next.is-live .next-copy>p{animation:next-enter 1s cubic-bezier(.16,1,.3,1) .2s both}.hero-next.is-live .next-copy>p{animation-delay:.6s}.hero-next.is-live .next-copy>.button{animation:next-enter 1s cubic-bezier(.16,1,.3,1) .8s both}.hero-next.is-live .next-visual{animation:next-film-in 1.5s cubic-bezier(.16,1,.3,1) .15s both}.hero-next.is-live .next-word{animation:next-word-in 1.6s cubic-bezier(.16,1,.3,1) .7s both}
@keyframes next-connect{to{stroke-dashoffset:0}}@keyframes next-rule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes next-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes next-film-in{from{opacity:0;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes next-word-in{from{opacity:0;transform:translateY(50px)}to{opacity:.8;transform:none}}
@media(min-width:1700px){.hero.hero-next{min-height:820px}.next-copy{padding-top:126px}.next-visual{left:47%}.next-bridge{left:43%;top:25%;height:39%}}
@media(max-width:1050px) and (min-width:801px){.next-copy{padding-top:110px;width:44%;margin-left:5%}.hero-next h1{font-size:48px}.next-copy>p{font-size:11px}.next-visual{left:49%}.next-bridge{left:43%;width:110px}.next-word{left:65px;font-size:130px}.next-scene-controls{left:65px;right:22px}.next-scenes{gap:14px}.next-scene-tab:after{width:85px}}
@media(max-width:800px){.hero.hero-next{display:flex;flex-direction:column;min-height:0;padding-bottom:0}.next-copy{width:auto;max-width:none;margin:0 6%;padding:45px 0 34px}.next-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:23px}.next-eyebrow:before{width:22px}.hero-next h1{font-size:clamp(35px,8.9vw,61px);line-height:1.4;margin-bottom:19px}.hero-next h1 .hero-line{line-height:1.4}.next-copy>p{font-size:11px;line-height:2;max-width:440px}.next-copy .button{margin-top:23px;min-height:52px;min-width:205px;font-size:11px;padding:9px 14px 9px 20px}.next-copy .round-arrow{width:32px;height:32px}.next-visual{position:relative;left:0;right:auto;top:auto;bottom:auto;width:100%;height:300px;flex:none;transform:scale(calc(1 - var(--hero-scroll,0)*.025));border-radius:calc(var(--hero-scroll,0)*14px);transform-origin:50% 50%;border-top:3px solid #1763b1}.next-visual:before{display:none}.next-film-label{top:20px;right:23px;font-size:8px}.next-word{left:20px;bottom:86px;font-size:100px}.next-scene-controls{left:22px;right:22px;bottom:14px;gap:10px}.next-scene-tab{font-size:8px;letter-spacing:.04em}.next-scene-tab strong{font-size:10px}.next-scene-tab:after{width:94px}.next-scenes{gap:20px}.next-motion-toggle{width:34px;height:34px}.next-bridge{display:none}.next-bottom{position:relative;height:54px;flex:none;margin:0 6%;border-top:0}.next-bottom>span{font-size:7px;letter-spacing:.06em}.next-scroll{font-size:7px;gap:9px;letter-spacing:.1em}.next-scroll:before{width:25px}.hero-next.is-live .next-visual{animation-duration:1.1s;animation-delay:.3s}}
@media(max-width:370px){.hero-next h1{font-size:32px}.next-eyebrow{font-size:7px}.next-scenes{gap:13px}.next-scene-tab:after{width:80px}.next-visual{height:270px}.next-word{font-size:85px}}
@media(prefers-reduced-motion:reduce){.next-bridge path{stroke-dashoffset:0}.next-bridge circle{opacity:1}.next-scene{transition:none}.next-visual,.next-word{transform:none!important}.hero-next.is-live .next-visual{clip-path:none}.next-copy,.next-visual{will-change:auto}}
.hero-next:not(.is-live) .next-bridge path,.hero-next:not(.is-live) .next-bridge circle{animation:none}
/* Locale widths match the approved white-space composition. */
html[lang=en] .hero.hero-next h1{font-size:clamp(36px,3.65vw,60px);letter-spacing:-.04em}
html[lang=en] .next-copy>p{font-size:12px;line-height:2}html[lang=en] .next-copy .button{font-size:11px;min-width:230px}
html[lang=ko] .hero.hero-next h1{font-size:clamp(40px,4.6vw,70px)}html[lang=zh-CN] .hero.hero-next h1{font-size:clamp(44px,4.6vw,72px)}
.next-scene{background-position:center;background-size:cover}.next-scene[data-scene=people]{background-image:url('/assets/hero-shibuya-selected.webp')}.next-scene[data-scene=city]{background-image:url('/assets/city.webp')}
@media(max-width:1050px) and (min-width:801px){html[lang=en] .hero.hero-next h1{font-size:36px}html[lang=ko] .hero.hero-next h1{font-size:43px}}
@media(max-width:800px){html[lang=en] .hero.hero-next h1{font-size:clamp(29px,7.4vw,52px)}html[lang=ko] .hero.hero-next h1{font-size:clamp(31px,8.2vw,55px)}html[lang=zh-CN] .hero.hero-next h1{font-size:clamp(34px,8.9vw,61px)}html[lang=en] .next-copy>p{font-size:11px}.next-copy .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.next-bridge path{animation:none!important;stroke-dashoffset:0!important}.next-bridge circle{animation:none!important;opacity:1!important}}