/* Each cover opens a visual study of the same subject. */
.study-group { max-width:1180px; margin:56px auto 0; }
.study-group > .studio-study { margin-top:0; }
.ribbon-study { margin-inline:0; }
.ribbon-frame { aspect-ratio:3/2; width:100%; }
.ribbon-frame .image-overline { z-index:3; font-size:9px; top:20px; left:22px; }
.ribbon-frame .media-toggle { bottom:18px; right:20px; }
.study-copy p.study-aside { font-size:12px; line-height:1.7; margin-top:23px; max-width:340px; color:#747b67; }
.study-group .supporting-study { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr); gap:clamp(32px,5vw,75px); align-items:center; margin:35px 0 0; padding-top:30px; border-top:1px solid #b9bead; }
.study-group .supporting-study > figcaption { display:block; padding:0; }
.study-group .supporting-study .eyebrow { font-size:10px; line-height:1.6; }
.study-group .supporting-study h3 { font-size:27px; line-height:1.12; margin:13px 0 16px; }
.study-group .supporting-study p { font-size:14px; }
.study-group .supporting-study .medium-label { font-size:9px; line-height:1.6; display:block; }
.study-group .product-film-frame { aspect-ratio:2.05; }
.study-group .product-film-frame .image-overline { font-size:8px; }
.study-group .comparison { aspect-ratio:1.8; }
.light-treatment { position:relative; overflow:hidden; aspect-ratio:3/2; background:#ebe7d9; }
.light-treatment > img { display:block; width:100%; height:100%; object-fit:cover; transition:filter .65s; }
.light-treatment[data-look=cool] > img { filter:hue-rotate(165deg) saturate(.7) brightness(.76) contrast(1.15); }
.light-treatment[data-look=mono] > img { filter:grayscale(1) contrast(1.12); }
.light-treatment-label { position:absolute; left:19px; bottom:18px; font-size:8px; letter-spacing:.13em; background:#f3efe4e6; padding:9px 12px; color:#313b2b; }
.study-controls { display:flex; gap:7px; margin:22px 0 12px; flex-wrap:wrap; }
.study-controls button { background:transparent; border:1px solid #aab39e; padding:11px 14px; font:inherit; font-size:11px; color:#46543a; min-height:44px; cursor:pointer; }
.study-controls button[aria-pressed=true] { background:#293725; border-color:#293725; color:#f1ead9; }
.study-controls button:focus-visible { outline:2px solid #c5472c; outline-offset:4px; }
.study-copy p.treatment-status { font-size:11px; min-height:32px; margin:0 0 16px; line-height:1.6; }
.light-study .study-copy h3 br { display:block; }
@media(max-width:1050px) {
  .study-group .supporting-study { grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr); gap:30px; }
}
@media(max-width:760px) {
  .study-group { margin-top:40px; }
  .study-group .supporting-study { display:block; margin-top:28px; padding-top:25px; }
  .study-group .supporting-study > figcaption { margin-top:20px; }
  .study-group .product-film-frame { aspect-ratio:16/9; }
  .study-group .comparison { aspect-ratio:1.35; }
  .light-treatment, .ribbon-frame { max-width:620px; margin-inline:auto; }
}
@media(max-width:600px) {
  .ribbon-frame .image-overline { font-size:7px; top:15px; left:15px; }
  .ribbon-frame .media-toggle { bottom:13px; right:13px; font-size:10px; padding:8px 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .light-treatment > img { transition:none; }
}