.juno-draft-status {font-size:14px;line-height:20px;color:#707070;margin-top:-24px;}
.juno-demo {margin:0;width:100%;}
.juno-demo video {display:block;width:100%;aspect-ratio:1000/480;object-fit:contain;background:#060606;border-radius:12px;}
.juno-demo figcaption {margin-top:12px;font-size:13px;line-height:18px;color:#707070;}
.juno-demo a {color:inherit;text-underline-offset:3px;}
.juno-draft-note {margin-top:16px;color:#707070;font-size:14px;line-height:20px;}
.juno-draft-note summary {cursor:pointer;}
.juno-draft-note p {margin-top:12px;}

@media(max-width:720px) {.juno-demo video {aspect-ratio:16/10;}}

.case-format .case-row__content {gap:16px;}

.case-format .juno-monetization-strip {gap:48px;padding:0;}
.case-format .juno-monetization-strip {scroll-snap-type:none;}
.juno-phone-card {position:relative;flex:0 0 302px;height:480px;margin:0;overflow:hidden;border-radius:12px;background:#e3e3e3;scroll-snap-align:start;}
.juno-phone-card img {position:absolute;top:61px;left:64.83px;display:block;width:173px;height:359px;object-fit:cover;}
.juno-phone-card:first-child img {top:35px;left:51.5px;width:199px;height:411px;}
.juno-phone-card:nth-child(2) img {left:64.17px;}
@media(max-width:720px) {
 .case-format .juno-monetization-strip {gap:24px;}
 .juno-phone-card {flex-basis: min(302px, 100%);height:auto;aspect-ratio:302/480;}
 .juno-phone-card img,.juno-phone-card:nth-child(2) img {top:12.7083%;left:21.467%;width:57.2848%;height:74.7917%;}
 .juno-phone-card:first-child img {top:7.2917%;left:17.053%;width:65.894%;height:85.625%;}
}

.juno-image-link {display:block;width:100%;height:100%;cursor:zoom-in;border-radius:inherit;}
.case-format .juno-image-link:focus-visible {outline:3px solid #0088ea;outline-offset:-3px;}

.juno-image-viewer {position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:48px 20px;border:0;background:transparent;overflow:hidden;}
.juno-image-viewer[open] {display:flex;align-items:center;justify-content:center;}
.juno-image-viewer::backdrop {background:rgba(0,0,0,.86);}
.juno-image-viewer > img {display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;}
.juno-image-viewer__close {position:absolute;top:12px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:#222;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer;}
.juno-image-viewer__close:focus-visible {outline:2px solid #fff;outline-offset:3px;}

.juno-cover {position:relative;isolation:isolate;width:100%;aspect-ratio:1000/380;margin:0;overflow:hidden;border-radius:12px;background:#151516;container-type:inline-size;}
.juno-cover-glow {position:absolute;left:.65%;top:-13.1579%;width:97.4%;aspect-ratio:1;background:url('assets/figma/juno-case/cover-b837a.svg') center/contain no-repeat;}
.juno-cover-podium {position:absolute;box-sizing:border-box;border: .2cqw solid;border-radius:0 0 1.6cqw 1.6cqw;}
.juno-cover-podium--white {left:33.55%;top:64.7368%;width:7%;height:14.4737%;border-color:white;background:linear-gradient(transparent,rgba(210,206,221,.5));}
.juno-cover-podium--purple {left:43.55%;top:59.4737%;width:9.7%;height:19.7368%;border-color:#9b67ff;background:linear-gradient(transparent,rgba(191,170,251,.5));}
.juno-cover-podium--gold {left:55.45%;top:53.4211%;width:11%;height:25.7895%;border-color:#ffd698;background:linear-gradient(transparent,rgba(221,163,106,.5));}
.juno-cover-character {position:absolute;overflow:hidden;}
.juno-cover-character img {position:absolute;max-width:none;}
.juno-cover-character--gold {left:55.45%;top:21.0526%;width:11%;height:37.6316%;box-shadow:0 .4cqw .4cqw #00000040;}
.juno-cover-character--gold img {left:.91%;top:-.19%;width:99.09%;height:100.38%;}
.juno-cover-character--white {left:33.45%;top:48.4211%;width:7.1%;height:20.7895%;}
.juno-cover-character--white img {left:1.02%;top:1.27%;width:97.96%;height:98.73%;}
.juno-cover-character--purple {left:42.85%;top:35.5263%;width:10.4%;height:28.4211%;}
.juno-cover-character--purple img {left:0;top:.54%;width:99.04%;height:99.82%;}

.case-format .juno-interactions-strip {gap:48px;padding:0;scroll-snap-type:none;}
.juno-interactions-video {flex:0 0 302px;height:480px;margin:0;overflow:hidden;border-radius:12px;background:#060606;}
.juno-interactions-video video {display:block;width:100%;height:100%;object-fit:contain;}
.juno-interactions-group {display:flex;flex:0 0 auto;align-items:center;gap:60px;margin:0;padding:60px 64px;border-radius:12px;background:#e3e3e3;}
.juno-interaction-link {display:block;flex:0 0 173px;width:173px;height:359px;cursor:zoom-in;}
.juno-interaction-link img {display:block;width:173px;height:359px;object-fit:cover;}
@media(max-width:720px) {
 .case-format .juno-interactions-strip {gap:24px;}
 .juno-interactions-video {flex-basis:min(302px, 100%);}
}