/* One consistent media unit across the portfolio. */
.sample-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; margin-top:30px; padding-top:24px; border-top:1px solid #c9cbbb; }
.sample-shortcuts > span { font-size:10px; letter-spacing:.1em; color:#717863; margin-right:auto; }
.sample-shortcuts > a, .study-direct-link { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:44px; padding:12px 16px; border:1px solid #99a38c; color:#34462c; font-size:12px; line-height:1.5; }
.sample-shortcuts > a:hover, .study-direct-link:hover { background:#d9dece; }
.sample-shortcuts > a:focus-visible, .study-direct-link:focus-visible { outline:2px solid #c5472c; outline-offset:4px; }
.study-direct-link { margin-top:24px; }
#fragrance-comparison, #beverage-study { scroll-margin-top:24px; }
.work .studio-study, .work .study-group .supporting-study { grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr); gap:clamp(32px,5vw,75px); max-width:1180px; margin-inline:auto; }
.work > .studio-study, .work > .study-group { margin-top:56px; }
.work > .product-world-study { margin-top:0; }
.work .study-group > .studio-study { margin-top:0; }
.work .study-media { position:relative; width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:3/2; margin:0; overflow:hidden; min-width:0; }
.work .study-media > img, .work .study-media > video { width:100%; height:100%; object-fit:contain; }
.work .media-frame.study-media { background:#161b17; }
.work .ribbon-frame.study-media { background:#151515; }
.work .media-frame.study-media .image-overline { font-size:9px; letter-spacing:.1em; z-index:3; left:18px; top:17px; padding:0; background:none; color:#f3f0e6; }
.work .media-frame.study-media .media-toggle { right:18px; bottom:16px; min-height:44px; }
.work .comparison.study-media, .work .product-film-frame.study-media { aspect-ratio:3/2; }
.work .comparison.study-media > img, .work .comparison.study-media .comparison-original > img { object-fit:contain; }
.work .comparison.study-media .comparison-original { width:100%; height:100%; }
.work .study-copy h3 { font-size:clamp(29px,2.5vw,36px); margin:18px 0 20px; line-height:1.1; }
.work .study-copy h3 br { display:block; }
.work .study-copy p { font-size:15px; }
.work .study-copy .eyebrow { font-size:11px; }
.work .study-copy .medium-label { font-size:10px; display:block; line-height:1.7; }
.work .study-copy p.treatment-status { font-size:11px; }
.work .campaign-explorer { padding:0; border:0; }
.work .campaign-stage.study-media { container-type:inline-size; display:flex; justify-content:center; align-items:center; padding:14px; background:#cbd0c1; }
.campaign-stage .campaign-art[data-format=square] { width:min(360px,58cqw); height:auto; aspect-ratio:1; }
.campaign-stage .campaign-art[data-format=story] { width:min(222px,32.625cqw); height:auto; aspect-ratio:9/16; }
.campaign-stage .campaign-art[data-format=landscape] { width:94%; height:auto; max-height:none; aspect-ratio:2.1; }
.campaign-stage .campaign-art > strong { font-size:clamp(19px,6cqw,43px); left:5.5%; bottom:14%; }
.campaign-stage .campaign-art .campaign-art-brand { left:5.5%; top:6%; font-size:clamp(6px,1.4cqw,10px); }
.campaign-stage .campaign-art .campaign-art-line { left:5.5%; bottom:6%; font-size:clamp(5px,.95cqw,8px); }
.campaign-stage .campaign-art .campaign-art-arrow { right:6%; bottom:5%; font-size:clamp(15px,3.2cqw,25px); }
.campaign-stage .campaign-art[data-format=story] > strong { left:7.5%; top:12%; bottom:auto; font-size:clamp(16px,4.4cqw,32px); }
.campaign-stage .campaign-art[data-format=story] .campaign-art-brand { left:7.5%; top:4%; font-size:clamp(5px,1.1cqw,8px); }
.campaign-stage .campaign-art[data-format=story] .campaign-art-line { left:7.5%; bottom:5%; font-size:clamp(4px,.85cqw,7px); }
.campaign-stage .campaign-art[data-format=landscape] > strong { left:4%; bottom:35%; font-size:clamp(21px,5.3cqw,43px); }
.campaign-stage .campaign-art[data-format=landscape] .campaign-art-brand, .campaign-stage .campaign-art[data-format=landscape] .campaign-art-line { left:4%; }
.campaign-stage .campaign-art[data-format=landscape] .campaign-art-line { font-size:clamp(4px,.9cqw,7px); }
.work .campaign-controls { margin:24px 0 12px; gap:7px; }
.work .campaign-controls button { min-height:44px; font-size:11px; padding:11px 13px; }
/* Keep each control group attached to its own preview, clear of the artwork. */
.interactive-study-media { min-width:0; }
.work .media-controls { position:relative; z-index:3; display:inline-flex; flex-wrap:nowrap; align-items:center; width:max-content; max-width:100%; gap:3px; margin:0 0 12px; padding:4px; border:1px solid #c0c6b5; border-radius:12px; background:#f5f2e8; box-shadow:0 5px 15px #29372512; }
.work .media-controls button { display:inline-flex; flex:0 1 auto; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:44px; margin:0; padding:10px 16px; border:1px solid transparent; border-radius:8px; background:transparent; color:#384831; font:inherit; font-size:12px; line-height:1.2; white-space:nowrap; cursor:pointer; }
.work .media-controls button:hover { background:#e1e5d8; }
.work .media-controls button[aria-pressed=true] { background:#293725; border-color:#293725; color:#f5f2e8; box-shadow:0 2px 5px #29372520; }
.work .media-controls button:focus-visible { outline:2px solid #b14129; outline-offset:2px; }
.work .interactive-study-media > .treatment-status { margin:12px 0 0; min-height:18px; font-size:11px; line-height:1.6; color:#59654b; }
.format-symbol { display:block; flex:none; width:12px; height:12px; border:1px solid currentColor; border-radius:1px; }
.format-symbol.format-story { width:8px; height:14px; }
.format-symbol.format-web { width:16px; height:10px; }
@media(max-width:1050px) {
  .work .studio-study, .work .study-group .supporting-study { grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr); gap:30px; }
  .work .study-copy h3 { font-size:30px; }
  .work .study-copy p { font-size:14px; }
}
@media(max-width:760px) {
  .work .studio-study, .work .study-group .supporting-study { display:block; max-width:620px; }
  .work .study-group { max-width:620px; }
  .work > .studio-study, .work > .study-group { margin-top:42px; }
  .work .studio-study > .study-copy, .work .study-group .supporting-study > figcaption { margin-top:22px; }
  .work .study-copy h3 { font-size:29px; margin:12px 0 16px; }
  .work .study-media { aspect-ratio:3/2; }
  .work .campaign-controls button { flex:0 1 auto; }
}
@media(max-width:600px) {
  .work .media-controls button { padding-inline:12px; font-size:11px; gap:6px; }
  .sample-shortcuts { gap:12px; margin-top:26px; }
  .sample-shortcuts > span { width:100%; }
  .sample-shortcuts > a { flex:1 1 135px; gap:8px; padding-inline:11px; font-size:11px; }
  .work .media-frame.study-media .image-overline { left:13px; top:12px; font-size:7px; }
  .work .media-frame.study-media .media-toggle { bottom:10px; right:12px; padding:8px 12px; font-size:10px; }
  .work .campaign-stage.study-media { padding:12px; }
  .work .study-copy .medium-label { font-size:9px; }
}