/* Both photo cubes are 150% of their previous dimensions at each breakpoint. */
.jp-playground{height:800px}.cube-stage{left:27%;right:8%;top:200px;perspective:1500px}.cube-wrap-one{--side:390px;--half:195px;left:0;top:0}.cube-wrap-two{--side:307.5px;--half:153.75px;left:55%;top:245px}.jp-japanese{bottom:30px;left:28%}.tiny-cross{bottom:25px}.jp-hero,.fresh-concept,.reserve{position:relative;isolation:isolate}.jp-hero::before,.fresh-concept::before,.reserve::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-repeat:no-repeat;background-size:cover}.jp-hero::before{background-image:url('assets/atmosphere-0012.webp');background-position:80% 40%;opacity:.28;mask-image:linear-gradient(110deg,transparent 0%,#000 70%);-webkit-mask-image:linear-gradient(110deg,transparent 0%,#000 70%)}.fresh-concept::before{background-image:url('assets/atmosphere-0249.webp');background-position:right center;opacity:.23;mask-image:linear-gradient(90deg,transparent 10%,#000 90%);-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 90%)}.reserve::before{background-image:url('assets/atmosphere-0261.webp');background-position:center;opacity:.28;mask-image:linear-gradient(90deg,transparent 0%,#000 80%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 80%)}.jp-controls,.jp-book-row{position:relative;z-index:1}.cube-buttons{background:#e4e4dded}.jp-book-row>a{background:#f7f7f2e8}.jp-book-row>a:last-child{background:#d9ed7c}@media(max-width:1100px){.jp-playground{height:760px}.cube-stage{left:24%;right:9%;top:205px}.cube-wrap-one{--side:330px;--half:165px;left:0}.cube-wrap-two{--side:255px;--half:127.5px;left:54%;top:245px}}@media(max-width:700px){.jp-playground{height:810px}.cube-stage{left:0;right:0;top:265px;perspective:1100px}.cube-wrap-one{--side:217.5px;--half:108.75px;left:13%;top:0}.cube-wrap-two{--side:172.5px;--half:86.25px;left:42%;top:255px}.orbit-ring{top:190px;right:6%}.floating-label{top:180px;right:30%}.jp-japanese{bottom:6px;left:29%;font-size:12px}.tiny-cross{bottom:10px}.cube-face>span{font-size:9px;padding-top:10px}.cube-face img{height:calc(var(--side) - 43px)}.jp-hero::before{opacity:.25;background-position:center}.fresh-concept::before{opacity:.18}.reserve::before{opacity:.22}}@media(max-width:370px){.jp-playground{height:760px}.cube-stage{top:245px}.cube-wrap-one{--side:195px;--half:97.5px;left:13%}.cube-wrap-two{--side:150px;--half:75px;left:43%;top:240px}.jp-japanese{font-size:11px}}
/* Keep controls clear of the projected lower cube edges. */
.jp-playground{height:880px}@media(max-width:1100px){.jp-playground{height:850px}}@media(max-width:700px){.jp-playground{height:860px}}@media(max-width:370px){.jp-playground{height:810px}}
/* A vivid photographic backdrop with a quiet left edge for the headline. */
.jp-hero::before{background-image:linear-gradient(105deg,rgba(247,247,242,.97) 0%,rgba(247,247,242,.87) 21%,rgba(247,247,242,.2) 52%,rgba(247,247,242,.04) 100%),url('assets/atmosphere-0012.webp');background-position:center,78% 43%;background-size:cover,cover;opacity:1;mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%)}.jp-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse at 80% 19%,rgba(103,201,246,.4) 0%,transparent 39%),radial-gradient(ellipse at 89% 61%,rgba(246,142,205,.5) 0%,transparent 37%),radial-gradient(ellipse at 56% 78%,rgba(191,177,255,.28) 0%,transparent 35%);mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}.jp-topline{position:relative;z-index:1}.jp-topline>span:last-child{background:#f7f7f2ce;padding:8px 10px;border-radius:6px}.jp-controls{background:#f7f7f2c9;border-radius:12px;padding:16px 14px;border-top-color:#c7c6cb}.jp-playground h1 span{color:#b4b4b0}.jp-japanese{background:#f7f7f2dc;padding:10px 14px;border-radius:8px}.jp-book-row>a{background:#f7f7f2f2}.jp-book-row>a:last-child{background:#d9ed7c}@media(max-width:700px){.jp-hero::before{background-image:linear-gradient(180deg,rgba(247,247,242,.95) 0%,rgba(247,247,242,.73) 21%,rgba(247,247,242,.08) 45%,rgba(247,247,242,.2) 85%,rgba(247,247,242,.9) 100%),url('assets/atmosphere-0012.webp');background-position:center,65% center;opacity:1}.jp-hero::after{background-image:radial-gradient(ellipse at 88% 39%,rgba(101,203,245,.36) 0%,transparent 40%),radial-gradient(ellipse at 71% 69%,rgba(246,142,205,.44) 0%,transparent 43%)}.jp-controls{padding:16px 9px}.jp-japanese{padding:8px 10px}.jp-topline>span:last-child{padding:5px 7px}}