.tv-stage{position:absolute;left:24%;right:7%;top:215px;bottom:0;perspective:1400px}.retro-tv{position:absolute;isolation:isolate;width:470px;--tv:#f0a7b6;--edge:#cb7c8e;--hi:#ffe5e8;transform:rotate(-6deg);filter:drop-shadow(15px 24px 17px #33234a28)}.tv-pink{top:0;left:0}.tv-mint{width:370px;top:285px;left:52%;--tv:#a5d8bf;--edge:#6f9b86;--hi:#e3f7e9;transform:rotate(8deg);z-index:2}.tv-cabinet{position:relative;border-radius:32px 38px 30px 30px;background:linear-gradient(145deg,var(--hi) 0%,var(--tv) 15%,var(--tv) 75%,var(--edge) 100%);padding:22px 18px 13px;border:2px solid var(--edge);box-shadow:inset 0 4px 3px #ffffff80,inset -6px -6px 8px #0001,15px 10px 0 var(--edge)}.tv-layout{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:12px}.tv-bezel{padding:11px;background:linear-gradient(140deg,#4b4d44,#181f1b 55%,#55584e);border-radius:27% / 13%;border:2px solid #20291f;box-shadow:inset 2px 4px 8px #0009,2px 2px 0 #ffffff50}.tv-screen{position:relative;overflow:hidden;aspect-ratio:1.16;background:#111c1b;border-radius:24% / 12%;isolation:isolate}.tv-screen img{width:100%;height:100%;object-fit:cover;filter:none;transform:none}.tv-screen:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 12px 2px #0005;background:linear-gradient(135deg,#ffffff12,transparent 35%,transparent 90%,#ffffff0a)}.screen-channel{position:absolute;left:14px;top:12px;background:#12261d9c;color:#dfffce;padding:3px 7px;border-radius:3px;font-family:monospace;font-size:11px;z-index:1}.tv-panel{display:flex;flex-direction:column;align-items:center;padding-top:5px;gap:6px}.tv-model{font-size:9px;line-height:1.2;letter-spacing:.04em;font-weight:700;text-align:center;color:#354339}.tv-knob{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;border:4px solid #c5c2a8;background:repeating-conic-gradient(#242c25 0deg 7deg,#4c5548 8deg 12deg);box-shadow:1px 3px 3px #0005,0 0 0 1px #6c705b;cursor:pointer;position:relative;margin-top:7px;padding:0}.tv-knob:before{content:'';position:absolute;inset:6px;background:linear-gradient(140deg,#71806b,#2b362c);border-radius:50%;border:1px solid #ffffff55}.tv-knob>span{position:relative;width:3px;height:22px;background:#e5e9d4;transform:rotate(25deg);border-radius:3px;box-shadow:1px 1px 1px #0005}.tv-knob:hover>span{transform:rotate(70deg)}.knob-small{width:30px;height:30px;border-width:3px;margin-top:2px}.knob-small>span{height:15px;width:2px;transform:rotate(-30deg)}.knob-label{font-family:Arial,sans-serif;font-size:6px;letter-spacing:.08em;color:#354339}.tv-speaker{width:42px;flex:1;min-height:45px;margin-top:4px;border-radius:5px;background:radial-gradient(ellipse,#364e3b 1px,transparent 1.4px);background-size:5px 5px;opacity:.8}.power-light{width:5px;height:5px;background:#e8595d;border-radius:50%;box-shadow:0 0 5px #ff725b;margin:3px 0}.tv-bottom{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:700;letter-spacing:.02em;color:#3d4a3e;margin:10px 7px 0}.tv-bottom>span:last-child{font-size:6px;align-self:center;letter-spacing:.05em}.tv-antenna{position:absolute;top:-91px;right:30px;width:100px;height:100px;z-index:-1;transform:rotate(7deg)}.tv-antenna:after{content:'';position:absolute;width:32px;height:13px;border-radius:50%;bottom:0;left:40px;background:linear-gradient(#b6b8a8,#515f50)}.tv-antenna i{position:absolute;bottom:5px;left:55px;width:3px;height:100px;background:linear-gradient(90deg,#6a7464,#e7ead8,#64735c);transform-origin:bottom;transform:rotate(-31deg)}.tv-antenna i:last-child{height:86px;transform:rotate(29deg)}.tv-antenna i:before{content:'';position:absolute;top:-5px;left:-2px;width:7px;height:7px;background:#ed777e;border-radius:50%}.tv-feet{position:relative;height:18px;z-index:-1;display:flex;justify-content:space-between;padding:0 60px}.tv-feet i{display:block;width:28px;height:18px;background:#354537;border-radius:0 0 5px 5px;transform:skewX(-10deg)}.tv-feet i:last-child{transform:skewX(10deg)}.tv-mint .tv-layout{grid-template-columns:minmax(0,1fr) 52px;gap:9px}.tv-mint .tv-cabinet{padding:17px 14px 11px;border-radius:27px}.tv-mint .tv-bezel{padding:9px}.tv-mint .tv-knob{width:35px;height:35px}.tv-mint .knob-small{width:25px;height:25px}.tv-mint .tv-model{font-size:7px}.tv-mint .tv-speaker{width:34px;min-height:30px}.tv-mint .tv-bottom{font-size:7px}.tv-mint .tv-antenna{display:none}.tv-playback{background:#f7f7f2e8;border:1px solid #c4c5b9;border-radius:20px;padding:8px 11px;font-size:10px;white-space:nowrap}.jp-controls{flex-wrap:wrap;gap:14px 20px}.jp-japanese{left:20%;bottom:25px}.jp-playground{height:880px}.is-tuning{animation:tv-tune .32s ease-out}.jp-topline{z-index:0}@keyframes tv-tune{0%{opacity:.45;transform:scaleY(.96)}100%{opacity:1;transform:scaleY(1)}}@media(max-width:1100px){.tv-stage{left:19%;right:9%;top:230px}.retro-tv{width:400px}.tv-mint{width:315px;top:300px;left:51%}.tv-cabinet{padding:18px 15px 12px}.tv-layout{grid-template-columns:minmax(0,1fr) 55px;gap:9px}.tv-panel{gap:5px}.tv-speaker{min-height:25px}.tv-model{font-size:8px}.tv-knob{width:37px;height:37px}.knob-small{width:27px;height:27px}.tv-mint .tv-layout{grid-template-columns:minmax(0,1fr) 44px}.tv-mint .tv-knob{width:30px;height:30px}.tv-mint .knob-small{width:22px;height:22px}.tv-mint .tv-model{font-size:6px}.tv-mint .tv-speaker{min-height:20px}.jp-playground{height:880px}.jp-japanese{left:20%;bottom:10px}}@media(max-width:700px){.tv-stage{left:0;right:0;top:275px;bottom:0}.retro-tv{width:280px;left:4%;top:0;transform:rotate(-5deg)}.tv-cabinet{padding:12px 10px 8px;border-radius:22px;box-shadow:inset 0 3px 2px #ffffff80,inset -3px -3px 5px #0001,9px 7px 0 var(--edge)}.tv-layout{grid-template-columns:minmax(0,1fr) 43px;gap:7px}.tv-bezel{padding:7px}.tv-model{font-size:6px}.tv-panel{gap:3px;padding-top:3px}.tv-knob{width:29px;height:29px;border-width:3px;margin-top:4px}.tv-knob:before{inset:4px}.tv-knob>span{height:15px;width:2px}.knob-small{width:22px;height:22px;margin-top:0}.knob-small>span{height:10px}.knob-label{font-size:5px}.tv-speaker{width:30px;min-height:20px;background-size:4px 4px}.tv-bottom{margin:7px 3px 0;font-size:6px}.tv-bottom>span:last-child{font-size:5px}.screen-channel{left:8px;top:7px;font-size:8px;padding:2px 4px}.tv-antenna{height:75px;top:-66px;right:22px}.tv-antenna i{height:75px}.tv-antenna i:last-child{height:64px}.tv-feet{height:14px;padding:0 37px}.tv-feet i{width:20px;height:14px}.tv-mint{width:238px;left:24%;top:255px;transform:rotate(6deg)}.tv-mint .tv-cabinet{padding:10px 8px 7px;border-radius:19px}.tv-mint .tv-layout{grid-template-columns:minmax(0,1fr) 34px;gap:5px}.tv-mint .tv-bezel{padding:6px}.tv-mint .tv-model{font-size:5px}.tv-mint .tv-knob{width:24px;height:24px;border-width:2px}.tv-mint .knob-small{width:18px;height:18px}.tv-mint .tv-knob>span{height:12px}.tv-mint .knob-small>span{height:8px}.tv-mint .tv-speaker{width:25px;min-height:13px;background-size:4px 4px}.tv-mint .tv-bottom{font-size:5px}.tv-mint .tv-bottom>span:last-child{font-size:4px}.tv-mint .power-light{width:4px;height:4px;margin:1px}.jp-playground{height:860px}.jp-japanese{left:27%;bottom:12px}.tv-playback{font-size:10px;padding:7px 9px;order:4;margin-left:auto}.jp-controls .scene-label{order:2}.jp-controls .cube-buttons{order:1}.jp-controls>a{order:3}.orbit-ring{top:180px}.floating-label{top:175px}}@media(max-width:370px){.retro-tv{width:245px;left:4%}.tv-mint{width:208px;left:25%;top:245px}.tv-stage{top:255px}.jp-playground{height:815px}.tv-bottom>span:last-child{display:none}.tv-mint .tv-layout{grid-template-columns:minmax(0,1fr) 31px}.tv-mint .tv-model{font-size:4px}}@media(prefers-reduced-motion:reduce){.is-tuning{animation:none}.tv-knob:hover>span{transform:none}}

/* Revised masthead and readable mobile copy. */
.jp-playground h1{font-size:clamp(80px,13vw,210px);top:65px}.hero-tagline{display:block;font-size:13px;letter-spacing:.09em;line-height:1.5;margin-bottom:12px}.amount span{white-space:nowrap}.fresh-props .fresh-section-title>span{max-width:650px;line-height:2}
@media(max-width:700px){.jp-playground h1{font-size:19vw;top:26px}.hero-tagline{font-size:11px;margin-bottom:10px}.fresh-concept{grid-template-columns:1fr;gap:38px}.concept-image{max-width:240px;margin:0 auto}.concept-image img{aspect-ratio:.85}.concept-copy h2{font-size:28px}.concept-copy>p:not(.eyebrow){font-size:14px}.amount{font-size:clamp(40px,11vw,50px)}.amount span{font-size:12px;letter-spacing:0}}

@media(max-width:700px){.cube-buttons button{padding:8px 10px;flex:1}.cube-buttons{gap:2px}}

/* Fixed artwork keeps the mark identical across devices. */
.tiny-cross{width:76px;height:76px;color:#4148ff;display:block;overflow:visible;pointer-events:none}.concept-headline{text-align:left}.concept-headline>span{display:block}.concept-headline>span:first-child{margin-left:-.5em}
.jp-hero::after{background-image:radial-gradient(ellipse at 81% 19%,rgba(66,194,255,.56) 0%,transparent 42%),radial-gradient(ellipse at 89% 61%,rgba(255,108,191,.57) 0%,transparent 40%),radial-gradient(ellipse at 56% 78%,rgba(177,151,255,.38) 0%,transparent 38%)}
.floating-label{background:#d7f05e;box-shadow:0 5px 15px #cbdc7240}
@media(max-width:700px){.tiny-cross{width:44px;height:44px}.jp-hero::after{background-image:radial-gradient(ellipse at 88% 39%,rgba(66,194,255,.5) 0%,transparent 43%),radial-gradient(ellipse at 71% 69%,rgba(255,108,191,.54) 0%,transparent 45%),radial-gradient(ellipse at 15% 78%,rgba(177,151,255,.3) 0%,transparent 35%)}}

/* Keep the studio name in its own space beside the televisions. */
.jp-playground h1{font-size:clamp(70px,8vw,150px);width:43%;top:65px}.tv-stage{left:47%;right:4%;top:180px}.tv-pink{width:min(36vw,470px)}.tv-mint{width:min(30vw,370px);left:25%;top:310px}
@media(min-width:701px) and (max-width:1100px){.tv-stage{left:45%;right:3%;top:180px}.tv-pink{width:40vw}.tv-mint{width:34vw;left:20%;top:310px}}
@media(max-width:700px){.jp-playground h1{font-size:19vw;width:100%;top:26px}.tv-stage{left:0;right:0;top:340px}.tv-pink{width:280px;left:4%;top:0}.tv-mint{width:238px;left:24%;top:255px}.jp-playground{height:925px}}
@media(max-width:370px){.tv-stage{top:310px}.tv-pink{width:245px;left:4%}.tv-mint{width:208px;left:25%;top:245px}.jp-playground{height:880px}}

/* Larger television composition on desktop. */
@media(min-width:701px){.jp-playground{height:1120px}.tv-stage{left:30%;right:5%;top:195px}.tv-pink{width:min(50vw,640px)}.tv-mint{width:min(39vw,500px);left:42%;top:350px}}
@media(min-width:701px) and (max-width:1100px){.jp-playground{height:1060px}.tv-stage{left:32%;right:4%;top:195px}.tv-pink{width:50vw}.tv-mint{width:39vw;left:35%;top:350px}}

/* Let the cabinets overlap without covering the photographs. */
@media(min-width:701px){.tv-mint{top:min(43vw,550px)}.jp-playground{height:clamp(1120px,95vw,1320px)}}

/* Keep channel selection visible immediately, with a pixel cursor at the dial. */
.jp-hero>.jp-controls{margin:16px 0 0;position:relative;z-index:3}.tv-panel{position:relative}.tv-hint{position:absolute;right:-5px;top:-80px;border:0;background:#d7f05e;color:#161616;border-radius:24px;padding:10px 15px;font:600 13px/1.2 Arial,sans-serif;white-space:nowrap;transform:rotate(6deg);z-index:4;cursor:pointer;box-shadow:0 4px 12px #29373715}.pixel-cursor{position:absolute;width:36px;height:48px;top:35px;right:11px;transform:rotate(165deg);transform-origin:center;image-rendering:pixelated;pointer-events:none}.tv-hint:focus-visible{outline:3px solid #4148ff;outline-offset:4px}
@media(max-width:700px){.jp-hero>.jp-controls{margin-top:12px;gap:10px;padding:10px}.jp-controls .cube-buttons{order:1}.jp-controls .scene-label{order:2}.jp-controls>a{order:3}.jp-controls .tv-playback{order:4;padding:6px 9px;margin-left:0}.tv-hint{font-size:11px;top:-67px;right:-6px;padding:8px 12px}.pixel-cursor{width:28px;height:38px;top:28px;right:7px}.jp-controls .cube-buttons button{padding:8px 7px}.jp-controls .scene-label{font-size:9px}}

.tv-hint{top:-20px}@media(max-width:700px){.tv-hint{top:-20px}}

/* Place the invitation outside the right side of the television. */
.tv-hint{left:calc(100% + 24px);right:auto;top:54px;transform:rotate(6deg)}.pixel-cursor{left:-54px;right:auto;top:4px;transform:none}
@media(max-width:700px){.tv-pink{left:-5%}.tv-hint{left:calc(100% + 9px);right:auto;top:30px;width:78px;white-space:normal;text-align:center;padding:8px 7px;line-height:1.25}.pixel-cursor{left:-35px;right:auto;top:4px}}

@media(max-width:700px){.tv-pink{left:0}}@media(max-width:370px){.tv-hint{width:66px;font-size:10px;left:calc(100% + 5px)}}

@media(max-width:370px){.tv-mint{left:19%}}

/* Point toward ten oclock while keeping the dial clear. */
.pixel-cursor{left:-28px;top:8px;transform:rotate(-28deg)}
@media(max-width:700px){.pixel-cursor{left:-18px;top:9px;width:24px;height:32px;transform:rotate(-28deg)}}

.tv-hint{left:calc(100% + 42px)}.pixel-cursor{left:-20px}@media(max-width:700px){.tv-hint{left:calc(100% + 15px)}.pixel-cursor{left:-4px}}@media(max-width:370px){.tv-hint{left:calc(100% + 5px)}}

@media(max-width:700px){.jp-hero{overflow-x:clip}}

.jp-hero>.jp-controls{margin:0}@media(max-width:700px){.jp-hero>.jp-controls{margin:0}}

/* A balanced desktop masthead with both TVs side by side. */
@media(min-width:701px){header{height:84px;padding:12px 3%;gap:26px}.fresh-brand .original-logo{width:62px;height:62px}.fresh-nav{margin-left:auto;gap:24px}.jp-hero{padding-bottom:20px}.jp-playground{--hero-tv:min(40vw,calc((100svh - 335px)*1.05));height:max(510px,calc(100svh - 290px))}.jp-playground h1{top:25px;font-size:8vw;z-index:1}.tv-stage{left:20%;right:3%;top:65px}.tv-pink{width:var(--hero-tv)}.tv-mint{width:calc(var(--hero-tv)*.8);left:calc(var(--hero-tv) + 8px);top:110px}.jp-japanese{left:0;bottom:15px;font-size:11px}.tiny-cross{left:0;bottom:100px;width:48px;height:48px}.jp-controls{padding:12px 14px;gap:12px}.jp-book-row{gap:18px}.jp-book-row>a{padding:12px 18px}.tv-hint{font-size:11px;left:calc(100% + 20px);top:30px;padding:8px 12px}.pixel-cursor{width:28px;height:38px;left:-15px;top:7px}}
@media(min-width:701px) and (max-width:1100px){header{gap:18px}.fresh-nav{gap:14px}.jp-playground{--hero-tv:min(40vw,calc((100svh - 335px)*1.05))}.tv-stage{left:20%;top:65px}.tv-pink{width:var(--hero-tv)}.tv-mint{width:calc(var(--hero-tv)*.8);left:calc(var(--hero-tv) + 8px);top:110px}}

@media(min-width:701px){.jp-playground h1{font-size:7.6vw;z-index:-1}}

@media(min-width:701px){.jp-playground h1{z-index:1}}

/* Larger desktop invitation and pixel cursor. */
@media(min-width:701px){.tv-hint{font-size:17px;padding:13px 20px;left:calc(100% + 42px);border-radius:30px}.pixel-cursor{width:43px;height:57px;left:-22px;top:7px;transform:rotate(-28deg)}}

/* Draw the ten-oclock arrow on an integer pixel grid, without rotation blur. */
.pixel-cursor{width:48px;height:48px;transform:none;shape-rendering:crispEdges;image-rendering:pixelated}
@media(max-width:700px){.tv-hint{transform:rotate(5deg)}.pixel-cursor{width:24px;height:24px;transform:none}}

.tv-hint{top:65.5px}@media(max-width:1100px) and (min-width:701px){.tv-hint{top:55px}}@media(max-width:700px){.tv-hint{top:33.5px}}

/* A LINE-like message bubble matching the TV invitation. */
.jp-japanese{background:#d7f05e;color:#161616;border-radius:20px;padding:13px 18px;box-shadow:0 4px 12px #29373712;line-height:1.8}.jp-japanese:before{content:'';position:absolute;left:-8px;top:13px;width:17px;height:15px;background:#d7f05e;clip-path:polygon(0 0,100% 15%,100% 100%);pointer-events:none}
@media(max-width:700px){.jp-japanese{border-radius:17px;padding:11px 15px;font-size:12px}.jp-japanese:before{top:11px}}

/* Separate the cursor artwork from the coloured text bubble. */
.tv-hint{background:transparent;padding:0;border-radius:0;box-shadow:none}.tv-hint>span{display:block;background:#d7f05e;border-radius:30px;margin-left:38px;padding:13px 20px;box-shadow:0 4px 12px #29373712}
@media(max-width:700px){.tv-hint{padding:0;background:transparent}.tv-hint>span{margin-left:0;margin-top:42px;padding:8px 7px;border-radius:20px}.pixel-cursor{top:9px}}

/* Match the Japanese bubble typography to the TV invitation. */
.jp-japanese{font-family:Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.8}
@media(max-width:700px){.jp-japanese{font-size:11px;font-weight:600}}
@media(max-width:370px){.jp-japanese{font-size:10px}}

/* Approach the channel dial from its lower-left, at eight oclock. */
.tv-hint{left:-185px;right:auto;top:110px;width:180px;white-space:nowrap}.tv-hint>span{margin:0;padding:13px 20px}.pixel-cursor{left:auto;right:-20px;top:-45px;width:48px;height:48px;transform:scaleX(-1)}
@media(min-width:701px) and (max-width:1100px){.tv-hint{left:-165px;top:100px;width:160px;font-size:15px}}
@media(max-width:700px){.tv-hint{left:-100px;top:74px;width:95px;white-space:normal}.tv-hint>span{margin:0;padding:8px 7px}.pixel-cursor{left:auto;right:-14px;top:-36px;width:24px;height:24px;transform:scaleX(-1)}}
@media(max-width:370px){.tv-hint{left:-90px;width:85px}}

/* Approach the dial from its upper-right, at two oclock. */
.tv-hint{left:calc(100% + 42px);right:auto;top:-25px;width:180px}.tv-hint>span{margin:0}.pixel-cursor{left:-30px;right:auto;top:35px;width:48px;height:48px;transform:scaleY(-1)}
@media(min-width:701px) and (max-width:1100px){.tv-hint{left:calc(100% + 30px);top:-25px;width:160px}}
@media(max-width:700px){.tv-hint{left:calc(100% + 15px);top:-25px;width:78px}.tv-hint>span{margin:0}.pixel-cursor{left:-12px;right:auto;top:30px;width:24px;height:24px;transform:scaleY(-1)}}
@media(max-width:370px){.tv-hint{left:calc(100% + 5px);width:66px}}

/* Smaller pool-blue masthead and a tighter mobile composition. */
.jp-playground h1,.jp-playground h1>span{color:#078cbd}.hero-tagline{color:#161616}
@media(min-width:701px){.jp-playground h1{font-size:5.0667vw}}
@media(max-width:700px){.jp-playground h1{font-size:12.6667vw}.tv-stage{top:230px}.jp-playground{height:815px}}
@media(max-width:370px){.tv-stage{top:210px}.jp-playground{height:780px}}

/* Single photograph per shooting area, without overlapping thumbnails. */
.area-card .area-photos{padding-bottom:0;margin-right:0}