/* Supplied lettering, cloth and packaging retain original pixels through SVG viewports. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sky-landscape{display:none}.hero:before{z-index:0;pointer-events:none;background:linear-gradient(90deg,#73b5ee16,transparent 37%)}
.station-assembly{position:absolute;inset:0;z-index:-1;pointer-events:none}.station-environment{display:block;width:100%;height:100%;object-fit:fill}
.hero-character .stage-sprite{visibility:hidden}.hero-character .bear-sprite{position:absolute;inset:0;width:100%;height:auto;z-index:3;clip-path:url('#bear-part');filter:saturate(.82) brightness(1.02);transform-origin:44% 83.5%}
.hero-character{top:25%;left:29.9%;width:58.6%}.platform-name{display:none}
.station-brand-name{position:absolute;left:85.3%;top:62.4%;font-size:calc(10 * var(--u));font-weight:850;color:#216cb0;transform:rotate(3deg);letter-spacing:.4px}
.station-platform-name{position:absolute;left:50%;top:90%;font-size:calc(18 * var(--u));font-weight:900;letter-spacing:-.4px;transform:rotate(-12deg);color:#3c82c6;opacity:.7}
.station-board-copy{position:absolute;left:90%;top:30.5%;width:7.3%;font-size:calc(10 * var(--u));font-weight:750;transform:rotate(-10deg);color:#fff;line-height:1.3;text-align:center}.station-board-copy small{display:block;font-size:calc(5 * var(--u));margin-top:4px}
.station-assembly .train-window-light{left:79.7%;top:49%;width:2%;height:8%;z-index:1}
.hero h1{width:calc(350 * var(--u));height:auto;margin:calc(12 * var(--u)) 0 0;transform:none;font-size:inherit;line-height:0;text-shadow:none}.hero h1:after{display:none}.hero h1 svg{display:block;width:100%;height:auto}
.hero-english{margin-top:calc(1 * var(--u));font-size:calc(10 * var(--u));width:calc(290 * var(--u))}
.hero-meeting{width:calc(258 * var(--u));margin-top:calc(8 * var(--u));line-height:0}.hero-meeting svg{width:100%;height:auto}
.hero-companion{left:70%;top:82%;width:calc(164 * var(--u));margin:0;transform:none;line-height:0}.hero-companion svg{width:100%;height:auto}.hero-companion:after{display:none}
.greeting{left:38.3%;top:64.5%;font-size:calc(15 * var(--u));text-shadow:0 1px 2px white}
.brand-can{left:69%;top:73%;width:calc(26 * var(--u));height:calc(54 * var(--u));z-index:4}.can-object{width:100%;height:100%}.can-shadow{left:4%;width:95%;height:7%;bottom:0}
.brand-flag{left:73.2%;top:59%;width:calc(68 * var(--u));height:calc(74 * var(--u));z-index:4}.flag-cloth{display:block;left:calc(7 * var(--u));top:calc(3 * var(--u));width:calc(63 * var(--u));height:calc(53 * var(--u));background:none;border-radius:0;box-shadow:none;transform-origin:left 20%}.flag-cloth:after{display:none}.flag-pole{height:97%;width:calc(2.5 * var(--u));left:calc(5 * var(--u))}.flag-base{width:calc(14 * var(--u));height:calc(6 * var(--u));left:0}
.near-cloud{opacity:.14}.floating-island{z-index:0}
@media(max-width:700px){
 .hero{height:570px}.hero-content{padding-top:82px}.hero h1{width:min(310px,88vw);margin-top:12px}.hero-english{width:240px;font-size:9px;margin-top:1px}.hero-meeting{width:220px;margin-top:5px}
 .station-assembly{inset:auto auto 0 -43%;width:148%;height:auto;aspect-ratio:2003/785}.station-environment{height:auto}.hero{background:linear-gradient(#4e9be9,#b5dbfa 50%,#c9e4fa)}.hero:before{background:linear-gradient(#80bbf400,transparent)}
 .hero-character{top:auto;bottom:1%;left:-1%;width:114%;max-width:none}.station-brand-name{font-size:7px}.station-board-copy{font-size:7px}.station-board-copy small{font-size:3px;margin-top:2px}.station-platform-name{font-size:11px}
 .whale{top:10%;left:61%;width:39%}.floating-island{top:47%;left:80%;width:19%}.greeting{top:auto;bottom:150px;left:12%;font-size:14px}
 .brand-can{left:77%;top:auto;bottom:45px;width:21px;height:43px}.brand-flag{left:81%;top:auto;bottom:107px;width:53px;height:63px}.flag-cloth{left:6px;top:3px;width:47px;height:40px}.flag-pole{left:4px;width:2.5px}.flag-base{width:12px;height:5px}
 .hero-companion{left:auto;top:auto;bottom:2px;right:8px;width:135px}.mid-cloud{top:39%;opacity:.2}.near-cloud{bottom:-20%}
}
@media(max-width:360px){.hero h1{width:282px}.hero{height:550px}.hero-meeting{width:202px}.hero-character{bottom:3%;width:120%;left:-4%}.brand-can{bottom:51px;left:76%;width:19px;height:39px}.brand-flag{left:81%;bottom:96px;width:48px;height:59px}.flag-cloth{width:42px;height:36px}.greeting{bottom:142px}.hero-companion{width:125px}}
.hero h1{width:calc(330 * var(--u));margin-top:0}.hero-meeting{width:calc(185 * var(--u));margin-top:calc(4 * var(--u))}.hero-english{margin-top:0}
.hero h1 svg,.hero-meeting svg,.hero-companion svg{overflow:hidden}
.belief span{display:none}.belief{top:calc(66 * var(--u))}
.train-badge{position:absolute;left:84.7%;top:50.3%;width:4.5%;height:auto;transform:rotate(4deg);opacity:.95}
@media(max-width:700px){.hero h1{width:min(310px,88vw);margin-top:12px}.hero-meeting{width:205px;margin-top:7px}.hero-english{margin-top:1px}.station-assembly{mask-image:linear-gradient(transparent,#000 16%)}.hero{background-image:url('assets/cloud-sea.webp'),linear-gradient(#4e9be9,#b5dbfa 50%,#b5dbfa);background-size:auto 330px,100% 100%;background-position:center 70px,center;background-repeat:no-repeat}.hero-companion{bottom:1px;width:127px}.hero-meeting{position:relative;z-index:5}.train-badge{width:4.5%}}
@media(max-width:360px){.hero h1{width:282px}.hero-meeting{width:185px}}
.hero h1 svg{mask-image:linear-gradient(#000 94%,transparent)}
@media(max-width:700px){.hero{background:#96ccf5 url('assets/delivery-20260921/hero-sky.webp') left top/auto 100% no-repeat}}
.brand-can{top:64.7%;left:69%}
@media(max-width:700px){.brand-can{top:auto;bottom:65px;left:75.5%}}
@media(max-width:360px){.brand-can{bottom:62px;left:75%}}
.flag-support{position:absolute;left:0;bottom:0;width:calc(12 * var(--u));height:100%;overflow:visible}.flag-cloth{top:calc(9 * var(--u))}
@media(max-width:700px){.flag-support{width:11px}.flag-cloth{top:8px}}
@media(max-width:700px){.brand-can{left:9.5%;bottom:29px}}
@media(max-width:360px){.brand-can{left:9.5%;bottom:24px}}
/* Latest direction: one original bear flag at the outer right walkway; no can or sign. */
.sign-removal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.station-assembly .brand-flag{left:93.4%;top:39%;bottom:auto;width:6%;height:37.5%;z-index:3}
.station-assembly .flag-cloth{width:87%;height:auto;left:11%;top:8%;transform-origin:left 20%}
.station-assembly .flag-support{width:21%;height:100%;left:0;bottom:0}
.hero .world-light{inset:9% 2% 47% 72%;z-index:0;background:radial-gradient(ellipse at 50% 40%,#fff6d550,transparent 66%);opacity:.12}
@media(max-width:700px){.station-assembly .brand-flag{left:92%;top:20%;width:4.2%;height:54%;}.hero .world-light{inset:4% 2% 70% 60%}}
@media(prefers-reduced-motion:reduce){.far-cloud,.mid-cloud,.floating-island{translate:none!important}}
.station-assembly .flag-support{width:37%;left:-3%}.station-assembly .flag-cloth{top:12%}
@media(max-width:700px){.station-assembly .flag-support{width:77%;left:-18%}.station-assembly .flag-cloth{top:13%}}
.far-island-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.far-island-sprite{position:absolute;left:52.921%;top:7.134%;width:7.489%;height:15.924%;pointer-events:none}
.flag-cloth{transition:filter .3s ease}
@media(hover:hover) and (pointer:fine){.brand-flag:hover .flag-cloth{filter:brightness(1.06)}}
@media(max-width:700px){.far-island-sprite,.far-island-sky{display:none}}

/* Move the original station-side lettering into the brand strip, once. */
.bar-tagline.original-lettering{display:block;flex:none;width:calc(175 * var(--u));margin:0 4% 0 auto;transform:none;line-height:0}
.bar-tagline.original-lettering:after{display:none}.bar-tagline.original-lettering svg{display:block;width:100%;height:auto;overflow:hidden}
@media(max-width:700px){.brand-bar{height:auto;min-height:106px;flex-wrap:wrap;padding:12px 0 8px}.bar-tagline.original-lettering{width:175px;margin:4px auto 0}.brand-bar .feature{flex:0 0 25%}}