*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#124f43;font-family:Arial,sans-serif}.studio{max-width:1300px;margin:auto;padding:25px 35px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-size:28px;font-weight:900;letter-spacing:-1.2px;color:#168b78;text-decoration:none}.brand span{color:#ed4f7d}.edition{font-size:10px;letter-spacing:2px}.stage{height:min(67vw,690px);min-height:480px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#e3f0e7}.wash{position:absolute;inset:0;background:linear-gradient(125deg,#f5f2e4,#bbdfcf);opacity:.7}.halo{position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffffffa0;border-radius:50%;right:-8%;top:-16%;box-shadow:0 0 0 55px #ffffff12,0 0 0 110px #ffffff12}.big-word{position:absolute;right:5%;top:3%;font-family:Georgia,serif;font-style:italic;font-size:clamp(160px,25vw,340px);letter-spacing:-20px;color:#fff7;line-height:1}.copy{position:absolute;left:7%;top:24%;width:43%;z-index:4}.copy:not(.c1){visibility:hidden}.copy small{font-size:10px;letter-spacing:2.3px;font-weight:bold;display:block;margin-bottom:23px}h1,h2{font-size:clamp(36px,4.7vw,68px);font-weight:500;line-height:1.06;letter-spacing:-2.5px;margin:0 0 24px}em{font-family:Georgia,serif;color:#137e69;font-weight:400}.c4 em{color:#df4772}p{line-height:1.6;font-size:16px}.pack{position:absolute;width:54%;left:47%;top:32%;z-index:3;will-change:transform}.pack img{width:100%;display:block}.shadow{position:absolute;width:42%;height:8%;left:53%;top:75%;border-radius:50%;background:radial-gradient(ellipse,#225c4445,transparent 68%);will-change:transform;z-index:1}.texture{position:absolute;inset:0;visibility:hidden;overflow:hidden;background:#fff}.texture img{position:absolute;width:150%;height:190%;object-fit:cover;left:-25%;top:-45%}.texture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f9f2 2%,#f8f9f2e0 28%,transparent 70%)}.bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;z-index:6}.bundle{position:absolute;left:51%;top:22%;width:44%;height:60%;z-index:2}.extra{position:absolute;width:73%;visibility:hidden}.e1{left:0;top:0}.e2{left:28%;top:12%}.e3{left:0;top:28%}.e4{left:28%;top:43%}.e5{left:0;top:60%}.bonus{position:absolute;right:5%;top:16%;z-index:5;background:#e94776;color:white;width:100px;height:100px;border-radius:50%;display:grid;align-content:center;text-align:center;font-size:41px;line-height:1;visibility:hidden;transform:rotate(10deg)}.bonus span{font-size:11px;letter-spacing:2px;margin-top:6px}.detail-label{position:absolute;right:8%;bottom:17%;font-size:13px;letter-spacing:3px;z-index:4;visibility:hidden}.detail-label span{letter-spacing:0;font-size:13px;line-height:2}.control-row{display:flex;align-items:center;gap:10px;margin:20px 0 6px}button{font:inherit;font-size:13px;color:inherit;cursor:pointer;border:1px solid #b3cabb;border-radius:30px;padding:11px 19px;background:transparent;min-height:44px}button:hover{background:#dcebdc}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e94776;outline-offset:3px}output{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums}input{width:100%;accent-color:#147b68}.chapters{display:flex;justify-content:space-between;gap:5px}.chapters button{border:0;font-size:11px;padding:6px 0;min-height:36px}.shop{margin-top:25px;display:flex;align-items:center;gap:12px}.shop p{margin:0 auto 0 0;font-size:14px}.shop a{background:#126c59;border-radius:30px;color:white;padding:15px 23px;text-decoration:none;font-size:14px;font-weight:bold}.shop a.secondary{background:transparent;color:#126c59;border:1px solid #a9c8b6}.status{font-size:11px;color:#6b8073;margin:20px 0 0} @media(max-width:600px){.studio{padding:18px 15px}.brand{font-size:23px}.edition{font-size:8px;letter-spacing:1px}header{margin-bottom:16px}.stage{height:570px;min-height:0;max-height:76svh;border-radius:20px}.copy{left:8%;top:9%;width:86%}.copy small{font-size:9px;margin-bottom:17px;letter-spacing:1.6px}h1,h2{font-size:38px;letter-spacing:-1.4px;max-width:330px;margin-bottom:15px}.copy p{font-size:14px;max-width:260px}.pack{width:94%;left:4%;top:55%}.shadow{left:15%;width:75%;top:83%}.big-word{top:42%;left:8%;font-size:160px;letter-spacing:-10px}.halo{width:130%;top:29%;right:-30%}.bottom{left:8%;right:8%;bottom:22px;font-size:8px;letter-spacing:1px}.texture img{width:220%;height:150%;left:-70%;top:-15%}.texture:after{background:linear-gradient(#f8f9f2 5%,#f8f9f2cc 35%,transparent 65%)}.detail-label{bottom:16%;right:8%;font-size:11px}.bundle{left:15%;top:48%;width:68%;height:40%}.bonus{width:75px;height:75px;right:6%;top:44%;font-size:33px}.bonus span{font-size:9px}.c4 h2{font-size:49px}.control-row{gap:6px}button{padding:10px 12px;font-size:12px}output{font-size:10px}.chapters button{font-size:10px}.shop{flex-wrap:wrap}.shop p{width:100%;font-size:13px;margin-bottom:5px}.shop a{flex:1;text-align:center;padding:14px 10px;font-size:13px}.status{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Focus the supplied texture on its unlettered material area. */
.texture img{width:250%;height:300%;left:-70%;top:-110%;object-fit:cover}.detail-label{bottom:10%;right:8%}@media(max-width:600px){.texture img{width:310%;height:240%;left:-105%;top:-80%}.detail-label{bottom:10%;right:8%;font-size:10px}.detail-label span{font-size:11px}.big-word{opacity:.4}}
.family{position:absolute;inset:0;z-index:1;overflow:hidden}.family img{width:100%;height:100%;object-fit:cover;object-position:70% center}.family:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6f3eaca,transparent 55%)}.family>span{position:absolute;right:25px;bottom:24px;z-index:2;font-size:9px;letter-spacing:1px;color:#38594e}.film-logo{position:absolute;z-index:7;left:7%;top:7%;font-size:23px;font-weight:900;letter-spacing:-1px;color:#158b77}.film-logo span{color:#ef4f7e}.c1{top:31%;width:40%}.c1 h1{font-size:clamp(35px,4vw,57px)}.mascot-new{position:absolute;bottom:10%;left:32%;width:17%;height:42%;z-index:5;visibility:hidden;transform-origin:50% 100%}.mascot-new img{width:100%;height:100%;object-fit:contain}.c3 p{max-width:210px}.bottom{z-index:7}.family~.big-word{z-index:0}@media(max-width:600px){.family img{object-fit:cover;width:145%;height:76%;position:absolute;left:-45%;top:24%;object-position:82% center}.family{background:#f4f1e9}.family:after{background:linear-gradient(#f4f1e9 5%,#f4f1e9 20%,transparent 48%)}.family>span{bottom:45px;right:20px;font-size:8px}.film-logo{top:5%;left:8%;font-size:19px}.c1{top:14%;width:86%}.c1 h1{font-size:33px;max-width:300px}.c1 small{display:none}.c1 p{font-size:13px;max-width:250px}.copy:not(.c1){top:15%}.mascot-new{left:2%;bottom:9%;height:30%;width:29%}.c3 p{max-width:100%}.bottom{font-size:7px}.family:after{pointer-events:none}}
.family>span{bottom:48px}.bottom{background:#f6f5efb8;padding:7px 10px;border-radius:20px;left:5%;right:5%;bottom:17px}@media(min-width:601px){.c1 p{max-width:240px}.family:after{background:linear-gradient(90deg,#f6f3eae8, #f6f3ea80 34%,transparent 55%)}}

/* V4: one camera space, with product and contact shadow together. */
.world{position:absolute;inset:0;will-change:transform}.family,.mascot-new,.detail-label,.big-word{display:none}.film-logo{top:7%}.copy small{display:none}.copy,.c1{top:30%;width:42%}.copy h1,.copy h2{font-size:clamp(36px,4.6vw,64px)}.copy p{max-width:300px}.texture{transform-origin:74% 54%;z-index:0}.halo{z-index:1}.copy{z-index:4}.pack img,.extra{filter:drop-shadow(0 9px 7px #24564020)}.texture:after{background:linear-gradient(90deg,#f8f9f2 0%,#f8f9f2ee 32%,#f8f9f240 70%)}
@media(max-width:600px){.copy,.c1,.copy:not(.c1){top:16%;width:86%}.copy h1,.copy h2{font-size:35px;max-width:310px}.copy p{font-size:14px;max-width:280px}.c4 h2{font-size:45px}.texture{transform-origin:57% 68%}.texture:after{background:linear-gradient(#f8f9f2 10%,#f8f9f2ee 37%,#f8f9f220 65%)}.pack{top:56%}.bundle{top:49%}.film-logo{top:5%}}
/* Keep the upright headline readable: avoid compressed r/n pairs. */
.c3 h2{letter-spacing:0;line-height:1.13}
.c3 h2 em{letter-spacing:-.02em}