/* Project scale belongs to the composition, never to the scroll invitation.
   Keep the original three / two / two arrangement and musical interactions. */
@media (min-width:761px) {
 html:not(.mobile-portfolio) .stage[data-collection=selected] {height:clamp(1120px,86vw,1480px);min-height:0;max-height:none;max-width:1600px;margin-inline:auto;overflow:visible;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(1) {--x:5%!important;--y:4%!important;--w:24%!important;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(2) {--x:71%!important;--y:6%!important;--w:24%!important;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(3) {--x:38.5%!important;--y:1.5%!important;--w:23%!important;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(4) {--x:3%!important;--y:36%!important;--w:23%!important;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(5) {--x:75%!important;--y:35%!important;--w:22%!important;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(6) {--x:7%!important;--y:67%!important;--w:25%!important;}
 html:not(.mobile-portfolio) .stage[data-collection=selected] .float-anchor:nth-child(7) {--x:68%!important;--y:66%!important;--w:25%!important;}
 html:not(.mobile-portfolio) .portfolio-introduction {top:calc(1.5% + min(16.43vw,262.9px) + 54px);width:40%;max-width:560px;}
 html:not(.mobile-portfolio) .intro-name {width:64%;max-width:330px;margin-bottom:8px;}
 html:not(.mobile-portfolio) .intro-glass {min-height:0;padding:30px 32px 34px;}
 html:not(.mobile-portfolio) .intro-glass p {font-size:clamp(15px,1.35vw,19px);line-height:1.45;letter-spacing:-.02em;}
}
/* Players use the available page width instead of shrinking with window height. */
.case-video-first .case-primary,.case-video-first .case-primary-visual {width:100%;max-width:1120px;}
.case-detail[data-project-id="hemingway"] .case-primary-visual {width:min(100%,900px);max-width:900px;}
.case-detail .case-gallery {gap:clamp(20px,3vw,48px);margin-top:32px;}
.case-detail .case-gallery .case-image {width:92%;}
.case-detail .case-gallery .case-media {padding-block:12px;}
/* Native phone cards retain readable type and a little more outer breathing room. */
.mobile-portfolio .stage,.mobile-portfolio .stage[data-collection=selected] {padding-inline:20px;padding-top:20px;}
.mobile-portfolio .portfolio-introduction,.mobile-portfolio .constellation {max-width:600px;}
.mobile-portfolio .intro-glass p {max-width:36ch;}
.mobile-portfolio .constellation {gap:32px;}
.mobile-portfolio .case-detail .case-gallery {gap:12px;}
.mobile-portfolio .case-detail .case-gallery .case-image {width:100%;}
.mobile-portfolio .case-detail .case-gallery .case-media {padding:0;}