/* Media belongs in the page, with a readable centre and complete portrait frames. */
.helix-field{mask-image:none;-webkit-mask-image:none}
.helix-field:after{background:linear-gradient(0deg,#0c1117 0%,transparent 7% 93%,#0c1117 100%)}
.helix-tile img,.helix-tile video{object-fit:contain}

.format-grid{column-gap:48px;row-gap:42px}
.format-grid .format-with-media{display:grid;grid-template-columns:160px minmax(0,1fr);gap:25px;align-items:start;border-top:1px solid #ffffff29;padding-top:25px}
.format-sample{margin:0;overflow:hidden;border-radius:2px;background:#11191e}
.format-sample img,.format-sample video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.format-copy{min-width:0}
.format-copy h3{font-size:27px;margin-top:13px;line-height:1.13}
.format-copy p{font-size:14px;line-height:1.8;margin-top:15px}
.format-copy ul{gap:7px 13px;font-size:10px;line-height:1.65;margin-top:16px}
.format-copy .format-link{font-size:11px;line-height:1.7;margin-top:18px;display:inline-block}
.format-index{font-size:9px;letter-spacing:.055em}
.format-selection-note{font-size:11px;line-height:1.8;color:#aebbb5;margin-top:30px;max-width:650px}

.production-study{min-width:0}
.production-study-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.production-study-pair figure{min-width:0}
.production-study-pair img,.production-study-pair video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:2px;background:#111a1f}
.production-study-pair figcaption{font-size:9px;letter-spacing:.05em;margin-top:13px;color:#bfcbc4}
.production-detail .production-study-note{max-width:none;font-size:10px;margin-top:17px;line-height:1.7;color:#aebbb5}
.production-detail{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:75px;align-items:center}

@media(min-width:651px) and (max-width:1050px){
 .format-grid{grid-template-columns:1fr;gap:32px}
 .format-grid .format-with-media{grid-template-columns:122px minmax(0,1fr);gap:29px}
 .format-copy h3{font-size:29px}
 .format-copy p{font-size:14px;max-width:520px}
 .production-detail{gap:38px}
 .production-study-pair{gap:12px}
}
@media(max-width:650px){
 .format-grid{gap:30px}
 .format-grid .format-with-media{grid-template-columns:112px minmax(0,1fr);gap:20px;padding-top:24px}
 .format-copy h3{font-size:25px;margin-top:12px}
 .format-copy p{font-size:12px;line-height:1.8;margin-top:12px}
 .format-copy ul{display:block;font-size:10px;margin-top:14px}
 .format-copy li+li{margin-top:5px}
 .format-copy .format-link{font-size:10px;margin-top:13px}
 .format-index{font-size:8px;line-height:1.7;display:block}
 .production-detail{grid-template-columns:1fr;gap:30px}
 .production-study-pair{gap:14px}
 .production-study-pair figcaption{font-size:8px;margin-top:10px}
 .production-detail .production-study-note{font-size:9px;margin-top:13px}
}
@media(max-width:360px){
 .format-grid .format-with-media{grid-template-columns:80px minmax(0,1fr);gap:16px}
 .format-copy h3{font-size:23px}
}
@media(max-width:650px){.motion-toggle{min-width:44px;min-height:44px}}