/* Product details interrupt the wider room scenes with a slower, closer view. */
.scene-closeup{height:145svh}
.scene-closeup .scene-image{height:100%;object-position:50% 50%}
.scene-closeup .scene-content{left:12%;top:auto;bottom:10%;width:44%;max-width:640px;transform:none}
.scene-closeup .scene-content h2{font-size:clamp(2.4rem,3.7vw,4.5rem);line-height:1.38}
.scene-closeup .scene-content .eyebrow{margin-bottom:22px}
.scene-closeup .scene-content>p:last-child{margin-top:22px}
.scene-closeup .scene-whisper{left:12%;top:auto;bottom:17%;max-width:60%;transform:none}
.scene-closeup .scene-shade{background:linear-gradient(0deg,#15100deb 0%,#19130ac2 16%,#1b150a38 49%,transparent 70%)}
#material-closeup .scene-shade{background:linear-gradient(0deg,#17100ef2,#19120dd9 18%,#211a1029 53%,transparent 76%)}
.chapter-nav{gap:5px}
@media(max-aspect-ratio:1/1){
  .scene-closeup .scene-image{object-position:50% 50%}
  .scene-closeup .scene-content{left:8%;width:76%;bottom:12%}
  .scene-closeup .scene-whisper{left:8%;max-width:76%}
}
@media(max-width:720px){
  .scene-closeup .scene-image{height:100%;object-position:50% 50%}
  #refill-closeup .scene-image{top:-14%}
  .scene-closeup .scene-content{left:7%;right:10%;width:auto;max-width:none;bottom:114px}
  .scene-closeup .scene-content h2{font-size:clamp(1.9rem,7.6vw,3rem);line-height:1.5}
  .scene-closeup .scene-whisper{left:7%;bottom:136px;max-width:80%}
  .scene-closeup .scene-content .eyebrow{margin-bottom:18px}
  .scene-closeup .scene-content>p:last-child{font-size:.9375rem;margin-top:20px}
  .scene-chapter.scene-closeup .scene-shade{background:linear-gradient(0deg,#160f0ef5,#17110cde 24%,#1d140942 52%,transparent 76%)}
  .chapter-nav{gap:2px}
}
@media(prefers-reduced-motion:reduce){.scene-closeup{height:100svh;min-height:640px}.scene-closeup .scene-content{transform:none!important}}