/* A different material action and duration for each product. */
.journey.opening{height:145svh}.journey.mailer{height:210svh}.journey.zip-story,.journey.press-story{height:180svh}.journey.retail{height:160svh}.journey.gift{height:150svh}.journey.sleeve{height:150svh}
.hero-film{right:2%;top:15%;width:48%;height:73%}.mailer-photo{right:2%;top:22%;width:57%;height:60%}.photo-key{left:21%;right:20%;bottom:14px;font-size:14px;color:#dae5dc}.closure-photo{top:27%;height:50%;right:0;width:60%}.retail-photo{top:12%;height:76%;width:55%;right:0}.gift-photo,.sleeve-photo{top:14%;height:74%;width:55%;right:0}
.material-peeks{position:absolute;right:5%;top:17%;width:140px;z-index:3;display:grid;gap:22px;opacity:var(--peek-show,0);transform:translateY(var(--peek-y,22px));pointer-events:none}.material-peek{height:112px;border:1px solid #cbd8cc30;border-radius:4px;overflow:hidden;position:relative;background:#153a2d}.material-peek img{width:100%;height:100%;object-fit:cover}.zip-peek img{object-position:50% 35%;transform:scale(1.65)}.material-peek span{position:absolute;bottom:0;left:0;right:0;padding:7px 8px;background:#071b15d9;color:#d3dfd3;font-size:12px}
.material-detail{position:absolute;right:8%;bottom:12%;width:29%;height:23%;z-index:4;opacity:var(--detail-show,0);transform:translateY(var(--detail-y,35px));background:#163a2df5;border:1px solid #b5ceb530;border-radius:4px;pointer-events:none}.material-detail canvas{width:100%;height:100%;display:block}.detail-title{position:absolute;left:15px;top:13px;z-index:2;font-size:14px;color:#d9e3d6}.handle-detail{right:4%;width:24%;height:26%;background:#d5ddd2e8;border-color:#00422520}.handle-detail .detail-title{color:#355b41}.rail-note{position:absolute;right:5%;bottom:17%;width:50%;text-align:center;color:#b8cebd;font-size:14px}.day-scene .rail-note{color:#426349}.journey-home .scene-variants{font-size:14px}.scene-foot{font-size:12px}.photo-scene .photo-fallback{object-fit:contain}.hero-film .photo-fallback{object-fit:cover;object-position:right;opacity:.3}.material-detail:has(canvas.photo-failed){display:none}
@media(max-width:760px){.journey.opening{height:140svh}.journey.mailer{height:195svh}.journey.zip-story,.journey.press-story{height:175svh}.journey.retail{height:160svh}.journey.gift,.journey.sleeve{height:150svh}.hero-film{top:49%;height:39%;width:100%;right:0}.material-peeks{right:5%;top:54%;width:95px;gap:15px}.material-peek{height:83px}.material-peek span{font-size:10px;padding:5px}.mailer-photo{width:110%;right:-5%;top:47%;height:36%}.photo-key{left:19%;right:15%;bottom:2px;font-size:12px}.closure-photo{top:47%;height:37%;width:110%;right:-5%}.retail-photo,.gift-photo,.sleeve-photo{top:45%;height:43%;width:100%;right:0}.rail-note{right:5%;width:90%;bottom:12%;font-size:12px}.material-detail{bottom:13%;right:5%;width:56%;height:18%;background:#0d2920e8}.material-detail .detail-title{font-size:12px;top:8px;left:10px}.handle-detail{height:20%;width:43%;right:5%;bottom:11%;background:#d5ddd2e8}.journey-home .scene-variants{font-size:12px}.scene-foot{font-size:11px}.journey-stage{min-height:760px}}
@media(prefers-reduced-motion:reduce){.journey,.journey.opening,.journey.mailer,.journey.zip-story,.journey.press-story,.journey.retail,.journey.gift,.journey.sleeve{height:auto}.material-peeks,.material-detail{opacity:1;transform:none}.journey-copy{transform:none}.photo-scene canvas{transition:none}}
/* Detail windows sit below the main comparison, keeping both product faces readable. */
.mailer-photo{top:17%;height:53%}.photo-key{bottom:-18px}.mail-detail{right:7%;bottom:10%;width:32%;height:15%}.mail-detail .detail-title{top:-24px;left:0}.mail-detail{border-color:#b5ceb540}
@media(max-width:760px){.mailer-photo{top:47%;height:31%}.photo-key{bottom:-12px}.mail-detail{bottom:12%;width:57%;height:11%;right:5%}.mail-detail .detail-title{top:-20px;left:0}.material-detail.handle-detail .detail-title{top:8px}}
.zip-story .journey-copy h2,.press-story .journey-copy h2{font-size:clamp(52px,4.7vw,72px)}.closure-photo{width:54%;right:1%}.rail-note{right:4%;width:50%}
@media(max-width:760px){.zip-story .journey-copy h2,.press-story .journey-copy h2{font-size:clamp(40px,10vw,48px)}.closure-photo{width:110%;right:-5%}.rail-note{right:5%;width:90%}}
.handle-detail{right:31%;width:22%;height:23%;bottom:12%}.journey-home.is-dark .day-scene{color:#f4f5ee}.journey-home.is-dark .day-scene .eyebrow,.journey-home.is-dark .day-scene .scene-description,.journey-home.is-dark .day-scene .scene-variants,.journey-home.is-dark .day-scene .scene-foot,.journey-home.is-dark .day-scene .rail-note{color:#d4dfd2}.journey-home.is-dark .day-scene h2 span{color:#b7c6b3}.journey-home.is-light .journey:not(.day-scene){color:#143b28}.journey-home.is-light .journey:not(.day-scene) .eyebrow,.journey-home.is-light .journey:not(.day-scene) .scene-description,.journey-home.is-light .journey:not(.day-scene) .scene-variants,.journey-home.is-light .journey:not(.day-scene) .scene-foot{color:#375445}.journey-home.is-light .journey:not(.day-scene) h2 span{color:#578368}
@media(max-width:760px){.handle-detail{right:5%;bottom:9%;width:43%;height:14%}}
.gift .rail-note,.sleeve .rail-note{display:none}

/* Approved zipper photograph; comfortable mobile scale. */
.zip-story .closure-photo{top:27%;height:50%;width:54%;right:1%}
.zip-story .photo-fallback{mask-image:none}
@media(max-width:760px){
.zip-story .journey-stage{min-height:700px;padding-top:85px}
.zip-story .journey-copy h2{font-size:clamp(30px,8vw,38px);margin-bottom:14px}
.zip-story .scene-description{font-size:15px;line-height:1.5;margin-bottom:12px}
.zip-story .scene-variants{margin-bottom:16px}
.zip-story .closure-photo{top:51%;height:30%;width:88%;right:6%}
.zip-story .rail-note{bottom:11%;font-size:11px}
}

/* Intermediate page tones need stronger ink; settled section colors stay unchanged. */
.journey-home.is-transition-contrast .journey .journey-stage .journey-copy,
.journey-home.is-transition-contrast .journey .journey-stage .journey-copy h2 span,
.journey-home.is-transition-contrast .journey .journey-stage .eyebrow,
.journey-home.is-transition-contrast .journey .journey-stage .scene-description,
.journey-home.is-transition-contrast .journey .journey-stage .scene-variants,
.journey-home.is-transition-contrast .journey .journey-stage .scene-foot,
.journey-home.is-transition-contrast .journey .journey-stage .rail-note{color:var(--transition-ink)}