/* Continuous photographic chapters, with each interaction on its own artwork. */
.work > .portfolio-flow { width:calc(100% + 12vw); margin:0 -6vw; }
.work .immersive-group { display:block; width:100%; max-width:none; margin:0; padding:0; border:0; }
.work .immersive-panel { position:relative; isolation:isolate; display:flex; align-items:center; width:100%; max-width:none; min-height:max(clamp(640px,85svh,900px),44vw); margin:0; padding:80px 6vw; border:0; aspect-ratio:auto; overflow:hidden; background:#211c17; color:#fff8e9; scroll-margin-top:0; }
.work .immersive-panel::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#171b17d9 0%,#171b17b3 24%,#171b1738 48%,transparent 72%); }
.work .immersive-panel > .immersive-backdrop { position:absolute; z-index:0; inset:0; width:100%; height:100%; max-width:none; margin:0; aspect-ratio:auto; }
.work .immersive-backdrop > img, .work .immersive-panel > video, .work .immersive-panel > .media-poster { position:absolute; inset:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:center; aspect-ratio:auto; }
.work .immersive-panel > video, .work .immersive-panel > .media-poster { z-index:0; }
.work .immersive-copy { position:relative; z-index:2; display:block; width:42%; max-width:475px; margin:0; padding:0; }
.work .immersive-copy .eyebrow { display:block; color:#fff0d9; font-size:11px; letter-spacing:.14em; line-height:1.6; }
.work .immersive-copy h3 { margin:28px 0 26px; color:#fff8e9; font-size:clamp(48px,5.2vw,76px); font-weight:500; line-height:1.02; letter-spacing:-.05em; }
.work .immersive-copy h3 br { display:block; }
.work .immersive-copy h3 em { color:#f2d3ac; }
.work .immersive-copy p { max-width:360px; margin:0 0 30px; color:#f6eadb; font-size:16px; line-height:1.75; }
.work .immersive-copy .medium-label { display:block; color:#ebd6bf; font-size:9px; letter-spacing:.1em; line-height:1.8; }
.work .immersive-copy p.study-aside { margin:20px 0 0; color:#e0d8cb; font-size:12px; line-height:1.7; }
.work .immersive-corner-note { position:absolute; z-index:3; top:34px; right:6vw; color:#fff5e8; font-size:9px; letter-spacing:.13em; text-shadow:0 1px 8px #0009; pointer-events:none; }
.work .immersive-panel > .media-toggle { z-index:5; right:6vw; bottom:36px; min-height:44px; padding:12px 18px; border-color:#fff5e875; background:#18201bcf; color:#fff5e8; backdrop-filter:blur(12px); font-size:12px; }
.work .immersive-panel > .media-toggle:focus-visible { outline:2px solid #fff0d9; outline-offset:5px; }
.work .immersive-headphones { background:#6b3721; min-height:max(clamp(620px,82svh,860px),44vw); }
.work .immersive-headphones .immersive-backdrop > img { object-position:center 30%; }
.work .immersive-headphones::after { background:linear-gradient(90deg,#20140dd4 0%,#20140da6 24%,#20140d38 46%,transparent 68%); }
.work .immersive-coast::after { background:linear-gradient(90deg,#132221e6 0%,#132221b8 24%,#13222133 53%,transparent 76%); }
.work .immersive-coast > video, .work .immersive-coast > .media-poster { object-position:70% center; }
.work .immersive-ribbon { align-items:flex-end; background:#111; }
.work .immersive-ribbon::after { background:linear-gradient(0deg,#080808ed, #08080880 35%,transparent 75%),linear-gradient(90deg,#08080866,transparent 65%); }
.work .immersive-ribbon .immersive-copy { width:48%; max-width:620px; }
.work .immersive-ribbon .immersive-copy h3 { max-width:580px; }
.work .immersive-ribbon .immersive-copy h3 em { color:#ffac93; }
.work .immersive-ribbon > video, .work .immersive-ribbon > .media-poster { object-position:center 35%; }
.work .immersive-beverage { background:#173626; }
.work .immersive-beverage::after { background:linear-gradient(90deg,#0c231bea 0%,#0c231bc4 24%,#0c231b38 47%,transparent 68%); }
.work .immersive-beverage .immersive-copy { width:39%; }
.work .immersive-beverage .immersive-copy h3 em { color:#d8e0b8; }
.work .immersive-prism { justify-content:flex-end; background:#e9dfc9; padding-block:140px 80px; }
.work .immersive-prism::after { background:linear-gradient(270deg,#f7f3e6f7 0%,#f7f3e6d6 29%,#f7f3e64d 51%,transparent 72%); }
.work .immersive-prism .immersive-backdrop > img { object-position:center 30%; }
.work .immersive-prism .immersive-copy .eyebrow, .work .immersive-prism .immersive-copy h3 { color:#263323; }
.work .immersive-prism .immersive-copy h3 em { color:#566848; }
.work .immersive-prism .immersive-copy p, .work .immersive-prism .immersive-copy .medium-label { color:#43523c; }
.work .immersive-prism .study-direct-link { margin-top:24px; border-color:#67765f; background:#f5f2e865; color:#263323; }
.work .immersive-prism .study-direct-link:hover { background:#f5f2e8; }
.work .immersive-tools { position:absolute; z-index:5; top:30px; right:6vw; }
.work .immersive-tools .media-controls { margin:0; }
.work .immersive-tools .treatment-status { margin:10px 0 0; font-size:11px; line-height:1.6; max-width:300px; color:#3e4d35; }
.work .immersive-comparison > img, .work .immersive-comparison .comparison-original, .work .immersive-comparison .comparison-original > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.work .immersive-comparison > img { z-index:0; }
.work .immersive-comparison .comparison-original { z-index:1; }
.work .immersive-comparison::after { z-index:2; background:linear-gradient(90deg,#211b16e6 0%,#211b16bf 24%,#211b1638 47%,transparent 70%); }
.work .immersive-comparison .immersive-copy { z-index:3; pointer-events:none; }
.work .immersive-comparison .comparison-labels { z-index:5; inset:30px 6vw auto; }
.work .immersive-comparison .comparison-labels > span { font-size:9px; padding:10px 12px; background:#f5f2e8ed; }
.work .immersive-comparison .comparison-divider { z-index:5; }
.work .immersive-comparison #comparison-range { z-index:4; }
.work .immersive-comparison:focus-within { outline:0; }
.work .immersive-comparison:has(#comparison-range:focus-visible) { box-shadow:inset 0 0 0 3px #ecb271; }
.work .immersive-comparison:has(#comparison-range:focus-visible) .comparison-divider > span { outline:3px solid #b14129; outline-offset:4px; }
.work .immersive-comparison #comparison-range:focus-visible { outline:0; }
.work > .work-disclosure { border:0; padding-top:0; margin-top:30px; }
@media(max-width:1050px) and (min-width:701px) {
  .work .immersive-panel { min-height:640px; padding-block:90px; }
  .work .immersive-copy { width:43%; }
  .work .immersive-copy h3 { font-size:clamp(39px,5vw,52px); }
  .work .immersive-copy p { font-size:14px; }
  .work .immersive-headphones { min-height:600px; padding-block:64px; }
  .work .immersive-headphones .immersive-backdrop > img { object-position:left 30%; }
  .work .immersive-prism { padding-top:140px; }
  .work .immersive-beverage > video, .work .immersive-beverage > .media-poster { object-position:left center; }
}
@media(max-width:700px) {
  .work .immersive-panel { align-items:flex-end; min-height:700px; padding:350px 6vw 42px; }
  .work .immersive-panel::after { background:linear-gradient(180deg,transparent 17%,#151b171f 37%,#151b17bd 61%,#151b17f5 100%); }
  .work .immersive-copy, .work .immersive-ribbon .immersive-copy, .work .immersive-beverage .immersive-copy { width:100%; max-width:430px; }
  .work .immersive-copy .eyebrow { font-size:10px; }
  .work .immersive-copy h3 { font-size:42px; margin:16px 0; }
  .work .immersive-copy p { font-size:14px; line-height:1.65; max-width:360px; margin-bottom:20px; }
  .work .immersive-copy .medium-label { font-size:8px; }
  .work .immersive-copy p.study-aside { font-size:11px; margin-top:16px; }
  .work .immersive-panel > .media-toggle { top:23px; bottom:auto; right:6vw; padding:10px 14px; font-size:11px; }
  .work .immersive-corner-note { top:39px; left:6vw; right:auto; max-width:48%; font-size:7px; }
  .work .immersive-headphones { min-height:660px; padding-top:330px; padding-bottom:36px; }
  .work .immersive-headphones .immersive-backdrop > img { object-position:62% 30%; }
  .work .immersive-headphones::after { background:linear-gradient(180deg,transparent 20%,#20140d1a 40%,#20140db8 63%,#20140df2 100%); }
  .work .immersive-coast > video, .work .immersive-coast > .media-poster { object-position:80% center; }
  .work .immersive-beverage > video, .work .immersive-beverage > .media-poster { object-position:57% center; }
  .work .immersive-ribbon > video, .work .immersive-ribbon > .media-poster { object-position:55% center; }
  .work .immersive-prism { padding-top:370px; }
  .work .immersive-prism::after { background:linear-gradient(180deg,#f7f3e630,transparent 24%,#f7f3e663 45%,#f7f3e6ee 68%,#f7f3e6fa 100%); }
  .work .immersive-prism .immersive-backdrop > img { object-position:31% 30%; }
  .work .immersive-tools { top:24px; left:6vw; right:auto; }
  .work .immersive-tools .treatment-status { padding:6px 10px; background:#f5f2e8eb; border-radius:4px; max-width:285px; }
  .work .immersive-comparison > img, .work .immersive-comparison .comparison-original > img { object-position:63.5% center; }
  .work .immersive-comparison::after { background:linear-gradient(180deg,transparent 22%,#211b160d 36%,#211b16d4 66%,#211b16f5 100%); }
  .work .immersive-comparison .comparison-labels { inset:24px 6vw auto; }
  .work .immersive-comparison .comparison-labels > span { font-size:7px; padding:9px; }
  .work .immersive-comparison .comparison-divider { height:52%; }
  .work .immersive-comparison .comparison-divider > span { top:70%; width:44px; height:44px; }
}
@media(max-width:360px) {
  .work .immersive-headphones { min-height:620px; padding-top:300px; }
  .work .immersive-copy h3 { font-size:38px; }
}