/* Shared centerline for the gallery, selected name and controls. */
@media(min-width:769px){.scent-grid{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}.hanger-card.scent-card{width:260px;height:260px}}
/* Mobile art direction: one focal object, usable touch targets, continuous scenes. */
@media (max-width: 768px) {
  .scent-explorer {padding:72px 24px 56px;scroll-margin-top:72px}
  .scent-heading {display:block;margin-bottom:0}
  .scent-heading h2 {font-size:clamp(30px,7.7vw,40px);line-height:1.42}
  .scent-heading .eyebrow {margin-bottom:12px}
  .scent-intro {margin-top:18px;font-size:15px;line-height:1.8}
  .scent-instruction {margin-top:12px;font-size:13px;line-height:1.7}
  .scent-grid {width:calc(100% + 48px);margin-left:-24px;height:290px;perspective:1000px}
  .hanger-card.scent-card {width:260px;height:260px;top:53%}
  .scent-grid::before {left:20%;right:20%;bottom:8%;height:12%;filter:blur(20px)}
  .hanger-selection {margin:0 auto 12px;min-height:100px}
  .hanger-selection h3 {font-size:30px;line-height:1.45;margin:5px 0}
  .hanger-selection p {font-size:15px;line-height:1.7}
  .hanger-count {font-size:12px;letter-spacing:.04em}
  .hanger-controls {gap:16px}
  .hanger-step {min-width:44px;min-height:44px}
  .hanger-open {min-height:48px;font-size:14px;padding:12px 16px}
  .hanger-markers {gap:0;margin-top:18px;max-width:396px}
  .hanger-marker {width:11.11%;max-width:44px;height:44px;padding:16px}
  .hanger-marker::before {width:10px;height:10px}
  .hanger-marker[aria-pressed=true]::after {inset:9px;border-radius:50%}
  .scent-footnote {margin-top:20px;font-size:12px;line-height:1.8}
  .scent-footnote>span {display:none}
  .scent-dialog-ui {padding:max(16px,env(safe-area-inset-top)) 24px max(22px,env(safe-area-inset-bottom))}
  .scent-dialog-top {gap:12px}
  .scent-close {min-height:44px;min-width:72px}
  .scent-detail {padding:32px 0;width:100%;margin:auto 0 18px}
  .scent-detail-index {margin-bottom:12px;font-size:12px}
  .scent-detail h2 {font-size:clamp(40px,12vw,60px);margin-bottom:18px}
  .scent-detail>p:last-of-type {font-size:16px;line-height:1.85;max-width:34ch}
  .scent-media-status {margin-top:22px;font-size:12px;line-height:1.65}
  .scent-media-controls {gap:22px;align-items:center}
  .scent-play,.scent-source,.scent-back {min-height:44px;display:inline-flex;align-items:center}
  .scent-play {margin-top:6px}
  .scent-dialog-bottom {gap:4px;align-items:flex-start;flex-direction:column}
  .scent-dialog-bottom>span {font-size:12px}
  .scent-film-wash {background:linear-gradient(0deg,#151812db 0%,#151812a6 42%,#1518120d 82%)}
}
@media (max-width:720px) {
  .cinema-hero {padding-top:76px;background:#211d1a}
  .film-stage {aspect-ratio:4/3}
  .film-poster,.film-video {object-fit:cover;object-position:50% 50%}
  .cinema-hero .hero-copy {padding:26px 24px 30px}
  .cinema-hero .hero-copy h1 {font-size:clamp(30px,8.2vw,40px);line-height:1.45}
  .cinema-hero .hero-description {font-size:15px;line-height:1.85}
  .cinema-hero .hero-fragrance-note {font-size:14px;margin-bottom:20px}
  .cinema-hero .video-caption {position:relative;left:auto;right:auto;bottom:auto;margin:0;padding:0 24px 20px;font-size:12px}
  .cinema-hero .hero-bottom {position:relative;inset:auto;margin:0 24px 22px;gap:20px}
  .scene-chapter .scene-stage {min-height:760px;min-height:90svh;padding:60px 24px 80px}
  .scene-chapter .scene-image,#wall .scene-image,#wardrobe .scene-image,#desk .scene-image {height:100%;object-position:var(--mobile-x,50%) var(--mobile-y,center)}
  .scene-chapter .scene-content h2 {font-size:clamp(29px,7.6vw,38px);line-height:1.45}
  .scene-chapter .scene-content>p:not(.eyebrow) {font-size:15px;line-height:1.8}
  .scene-chapter .scene-shade,#wall .scene-shade,#entryway .scene-shade,#desk .scene-shade {background:linear-gradient(0deg,#211d1a 0%,#211d1ae8 17%,#211d1a40 47%,transparent 76%)}
  .scene-bottom {left:24px;right:24px;bottom:24px;font-size:11px;line-height:1.7}
  .chapter-nav {display:none}
}
/* Override the earlier mobile picture-then-copy fallback as one visual scene. */
@media(max-width:720px){
 .scene-chapter .scene-stage,#material-closeup .scene-stage{display:grid;grid-template-columns:minmax(0,1fr);min-height:760px;min-height:90svh;padding:60px 24px 82px;isolation:isolate}
 .scene-chapter .scene-stage picture,#material-closeup .scene-stage picture{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-2}
 .scene-chapter .scene-stage .scene-image,#material-closeup .scene-stage .scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--mobile-x,50%) var(--mobile-y,center);transform:none!important}
 .scene-chapter .scene-stage .scene-shade,#material-closeup .scene-stage .scene-shade{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#211d1a 0%,#211d1ae8 17%,#211d1a40 47%,transparent 76%)}
 .scene-chapter .scene-stage .scene-content,#material-closeup .scene-stage .scene-content{position:relative;inset:auto;grid-column:1;grid-row:1;align-self:end;width:auto;max-width:none;padding:0;margin:0}
 .scene-chapter .scene-bottom{position:absolute;left:24px;right:24px;bottom:24px;margin:0;font-size:11px}
}