.display-story{height:440vh;background:#080e12;position:relative;color:#f0f3f4}.story-sticky{position:sticky;top:88px;height:calc(100vh - 88px);min-height:620px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:36px 0 24px}.story-heading{display:flex;justify-content:space-between;gap:35px;align-items:center}.story-heading h2{font-size:clamp(30px,3vw,46px);line-height:1.1}.story-heading h2 span{color:#8ccbdd}.story-heading>p{font-size:13px;color:#adc0ca;line-height:1.8}.story-heading small{font-size:10px;color:#899ca7}.story-stage{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:35px;flex:1;min-height:0}.story-copy h3{font-size:clamp(25px,3vw,43px);line-height:1.15;max-width:14ch}.story-copy>p{font-size:14px;color:#aec0c9;max-width:32ch;margin:22px 0}.story-copy .text-link{font-size:12px}.display-space{perspective:1200px;position:relative;padding:30px 0 60px}.display-object{width:94%;position:relative;transform-style:preserve-3d;transform:rotateY(-23deg);will-change:transform}.display-front{position:relative;border:7px solid #28333b;border-bottom:0;border-radius:10px;background:#10171c;box-shadow:5px 15px 40px #0007;overflow:hidden}.display-content{position:relative;aspect-ratio:16/9;background:#102333;overflow:hidden}.display-slide{position:absolute;inset:0}.display-slide>img{width:100%;height:100%;object-fit:cover}.display-bezel{height:24px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#182128,#080d11);color:#8a9aa6;font-size:7px;letter-spacing:.16em}.display-bezel i{width:3px;height:3px;background:#8ccbdd;border-radius:50%;position:absolute;right:16px}.display-edge{position:absolute;inset:2px -9px -2px 8px;background:#3c4a55;border-radius:10px;transform:translateZ(-16px)}.display-neck{width:10%;height:47px;margin:auto;background:linear-gradient(90deg,#151f26,#67737b 48%,#25323c);transform:translateZ(-9px)}.display-base{height:12px;width:43%;margin:auto;border-radius:50%;background:linear-gradient(#69737c,#15212b);box-shadow:0 15px 15px #0008;transform:rotateX(35deg)}.display-shadow{position:absolute;bottom:32px;left:12%;width:74%;height:20px;background:#0009;filter:blur(15px);border-radius:50%;z-index:-1}.story-chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.story-chapters button{position:relative;padding:15px 0 20px;text-align:left;background:none;border:0;border-bottom:1px solid #34444d;color:#9fb1bc;font:inherit;font-size:12px;white-space:nowrap}.story-chapters button>span{display:block;font-size:10px;color:#718b9a;margin-bottom:8px}.story-chapters button[aria-pressed=true]{color:#fff}.story-chapters button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#8ccbdd}.screen-menu,.screen-mall,.screen-concept{height:100%;padding:7%;display:flex;flex-direction:column;position:relative;overflow:hidden}.screen-menu{background:#e8dcc5;color:#3a3025}.screen-menu>span,.screen-mall>span,.screen-concept>span{font-size:clamp(6px,.7vw,10px);letter-spacing:.12em}.screen-menu h4,.screen-mall h4,.screen-concept h4{margin:4% 0;font-size:clamp(22px,3.3vw,54px);line-height:1.02;letter-spacing:-.04em;font-weight:600}.screen-menu>div{display:flex;justify-content:space-between;align-items:end;flex:1}.screen-menu p,.screen-menu b{font-size:clamp(8px,1vw,16px);line-height:1.6;font-weight:400}.screen-menu small,.screen-mall small,.screen-concept small{font-size:8px;margin-top:auto;padding-top:8px;opacity:.8}.screen-mall{background:#163b46;color:#e3f2e9}.screen-mall h4{font-size:clamp(22px,2.7vw,43px)}.screen-mall>p{border-top:1px solid #61818a;padding:5px 0;font-size:clamp(8px,.9vw,14px);display:flex;justify-content:space-between}.screen-concept{background:#19151e;color:#e3c59a}.screen-concept h4{z-index:1}.screen-concept>p{font-size:clamp(9px,1vw,16px);z-index:1}.concept-orbit{position:absolute;right:-12%;top:-30%;width:65%;height:160%;border:1px solid #ba9762;border-radius:50%;transform:rotate(-25deg);box-shadow:inset 18px 0 50px #c4a97620}.story-chapters button:focus-visible{outline:2px solid #8ccbdd;outline-offset:4px}@media(max-width:800px){.display-story{height:auto}.story-sticky{position:relative;top:0;min-height:0;height:auto;padding:65px 0 35px}.story-heading{display:block}.story-heading>p{margin-top:20px}.story-stage{display:flex;flex-direction:column-reverse;gap:10px;margin-top:30px}.display-space{width:100%;padding-bottom:30px}.display-object{width:95%;margin:auto}.story-copy{width:100%}.story-copy h3{max-width:25ch;font-size:30px}.story-copy>p{max-width:50ch}.story-chapters{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.story-chapters button{font-size:11px}.screen-menu h4,.screen-mall h4,.screen-concept h4{font-size:clamp(24px,6vw,42px)}.screen-menu>span,.screen-mall>span,.screen-concept>span{font-size:7px}.screen-menu p,.screen-menu b,.screen-mall>p{font-size:10px}.screen-concept>p{font-size:11px}}@media(prefers-reduced-motion:reduce){.display-story{height:auto}.story-sticky{position:relative;top:0;height:auto;min-height:730px}.display-object{will-change:auto}.story-stage{min-height:400px}}
@media(min-width:801px){.motion-preview-enabled .display-story{height:440vh}.motion-preview-enabled .story-sticky{position:sticky;top:88px;height:calc(100vh - 88px);min-height:620px}.motion-preview-enabled .story-stage{min-height:0}}
.display-edge{bottom:59px}.display-slide{background:#102333}
.story-chapters{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.story-chapters button{white-space:normal;font-size:11px;line-height:1.5;min-height:75px}.screen-scenario{height:100%;padding:8%;display:flex;flex-direction:column;justify-content:center;background:#e9dfcd;color:#3c3228}.screen-scenario h4{font-size:clamp(22px,3vw,48px);line-height:1.1;letter-spacing:-.035em;margin:0 0 7%}.screen-scenario p{font-size:clamp(9px,1vw,16px)}.screen-scenario small{margin-top:auto;padding-top:15px;font-size:8px;opacity:.75}.scenario-fitness{background:#243d36;color:#e1f1d6}.scenario-events{background:#29213e;color:#e4dcf3}.scenario-construction{background:#efbe57;color:#252b2d}.scenario-construction h4{border-bottom:2px solid #252b2d;padding-bottom:6%}@media(max-width:1100px){.story-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px 12px}.story-chapters button{min-height:55px;padding:8px 0}.story-chapters button>span{margin-bottom:3px}}@media(max-width:800px){.story-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-scenario h4{font-size:clamp(22px,6vw,40px)}}