/* A continuous photographic exhibition: sharp source photographs, no feathered edges. */
.photograph-scene{background:var(--scene-bg);color:var(--scene-fg);will-change:clip-path;overflow:hidden}
.passage-copy{position:absolute;left:5.5vw;top:29%;width:25vw;max-width:25vw;z-index:3;will-change:transform,opacity}
.passage-copy .eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.8;opacity:.7}
.passage-copy h2{font-size:clamp(42px,min(4.5vw,9.5svh),80px);line-height:1.02;letter-spacing:-.035em;margin:23px 0 25px;text-wrap:balance}
.passage-copy .photograph-view{font-size:8px;letter-spacing:1.5px;line-height:1.8;opacity:.65}
.passage-copy .text-link{font-size:10px;margin-top:23px;gap:25px}
.passage-art{position:absolute;left:35vw;right:4vw;top:9%;bottom:12%;width:auto;height:auto;transform-origin:56% 55%;will-change:transform}
.passage-art .art-button{width:100%;height:100%;overflow:visible}
.passage-art img{width:100%;height:100%;object-fit:contain;mask-image:none!important;-webkit-mask-image:none!important;border-radius:0;filter:none;opacity:1!important}
.passage-art svg{display:block;width:100%;height:100%;overflow:visible;mask-image:none!important;-webkit-mask-image:none!important;filter:none;opacity:1!important}
.passage-art .art-button:hover img{transform:none}
.isolated-photo .passage-art svg{filter:drop-shadow(9px 20px 20px #0003)}
.passage-caption{position:absolute;left:36vw;right:6vw;bottom:7%;display:flex;align-items:center;gap:28px;font-size:7px;letter-spacing:1.4px;line-height:1.6;will-change:opacity}
.passage-caption>span:first-child{font-size:10px;letter-spacing:1px;opacity:.9}
.passage-caption>span:nth-child(2){opacity:.6}
.passage-caption button{margin-left:auto;min-height:32px;font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:17px}.passage-caption button>span{font-size:18px}
.photograph-scene[data-image="cat-bottle"] .passage-art img{clip-path:inset(8% 0 0)}
.closing-scene .closing-copy{left:22%;width:56%;top:28%}
.closing-scene .closing-copy h2{font-size:clamp(64px,min(7.2vw,13svh),130px)}
.reduced-motion .journey{height:auto!important}
.reduced-motion .photograph-scene{height:100svh;min-height:740px;clip-path:none!important}
.reduced-motion .photograph-scene .passage-copy,.reduced-motion .photograph-scene .passage-caption{opacity:1!important;transform:none!important}
.reduced-motion .photograph-scene .passage-art{transform:none!important}
@media(min-width:701px) and (max-width:1000px){.passage-copy{left:5%;width:27%;max-width:27%}.passage-copy h2{font-size:4.9vw}.passage-art{left:35%;right:4%}.passage-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.passage-caption{gap:15px;font-size:6px}.passage-caption button{font-size:7px}}
@media(max-width:700px){
 .passage-copy{left:6%;top:12%;width:88%;max-width:88%}
 .passage-copy .eyebrow{font-size:6px;letter-spacing:1.1px;line-height:1.6}
 .passage-copy h2{font-size:9.4vw;line-height:1.03;margin:12px 0 11px;max-width:100%;text-wrap:balance}
 .passage-copy .photograph-view{font-size:6px;letter-spacing:1px;line-height:1.5}
 .passage-copy .text-link{margin-top:7px;font-size:9px;gap:18px;min-height:28px}
 .passage-art{left:3%;right:3%;top:35%;bottom:14%;transform-origin:53% 54%}
 .passage-caption{left:6%;right:6%;bottom:8%;gap:12px;font-size:5px;letter-spacing:.8px;min-height:28px}
 .passage-caption>span:first-child{font-size:8px}.passage-caption>span:nth-child(2){max-width:40%;font-size:5px}.passage-caption button{font-size:6px;letter-spacing:.8px;gap:9px;min-height:28px}.passage-caption button>span{font-size:16px}
 .closing-scene .closing-copy{left:7%;width:86%;top:29%}.closing-scene .closing-copy h2{font-size:16vw;line-height:.96;margin:23px 0 20px}.closing-scene .closing-copy>.eyebrow{font-size:7px}
 .reduced-motion .photograph-scene{height:100svh;min-height:700px}
}
@media(max-width:370px){.passage-copy h2{font-size:9.2vw}.passage-copy .eyebrow{font-size:5px}.passage-copy .text-link{font-size:8px;min-height:25px}.passage-art{top:36%;bottom:15%}.passage-caption{bottom:8%}.closing-scene .closing-copy h2{font-size:15vw}}
@media(min-width:701px) and (max-height:650px){.passage-copy{top:25%}.passage-copy h2{font-size:min(4.5vw,10svh);margin:19px 0}.passage-copy .text-link{margin-top:16px}.passage-art{top:11%;bottom:13%}.passage-caption{bottom:6%}.closing-scene .closing-copy{top:24%}}
.passage-art .art-button{display:flex;align-items:center;justify-content:center}
.passage-art .canvas-crop{width:100%;flex:none;mask-image:none!important;-webkit-mask-image:none!important;filter:none}
.passage-art .leaf-crop{aspect-ratio:964/784;max-width:calc(79svh * 964 / 784)}
.passage-art .leaf-crop img{position:absolute;max-width:none;width:124.481%;height:auto;left:-9.336%;top:-35.587%;object-fit:cover}
.passage-art .eye-crop{aspect-ratio:1115/901;max-width:calc(79svh * 1115 / 901)}
.passage-art .eye-crop img{position:absolute;max-width:none;width:103.5%;height:auto;left:0;top:-32.3%;object-fit:cover}
@media(max-width:700px){.passage-art .leaf-crop{max-width:calc(51svh * 964 / 784)}.passage-art .eye-crop{max-width:calc(51svh * 1115 / 901)}}
/* Only the visible handoff needs a compositing layer. */
.photograph-scene,.passage-art,.passage-copy,.passage-caption{will-change:auto}