/* Complete-room photography. The original installation stage remains unchanged. */
.hero[data-stage=gallery]{height:var(--gallery-height,auto);background:var(--paper)}
.static-motion .hero[data-stage=gallery]{height:var(--gallery-height,auto)}
.hero[data-stage=gallery] .hero-stage{height:auto;min-height:0;display:block;gap:0;padding:var(--nav-height,76px) 0 0;background:var(--paper);color:var(--ink)}
.hero[data-stage=gallery] .hero-images{position:relative;inset:auto;width:min(100%,calc((100svh - var(--nav-height,76px) - 132px)*1.5));height:auto;aspect-ratio:3/2;margin-inline:auto;overflow:hidden}
.hero[data-stage=gallery] #hero-photo,.hero[data-stage=gallery] #hero-previous{object-fit:contain;object-position:center;transform:none}
.hero[data-stage=gallery] .hero-shade,.hero[data-stage=gallery] .hero-copy,.hero[data-stage=gallery] .hero-progress{display:none}
.hero[data-stage=gallery] .hero-bottom{position:relative;inset:auto;display:flex;align-items:center;gap:24px;width:min(1360px,calc(100% - 80px));margin:0 auto;padding:22px 0 25px}
.hero[data-stage=gallery] .hero-caption .eyebrow{margin:0 0 6px;color:var(--muted)}
.hero[data-stage=gallery] .hero-caption>p{font-size:clamp(22px,2vw,29px);margin-bottom:6px}
.hero[data-stage=gallery] .image-provenance{color:var(--muted);max-width:none}
.hero[data-stage=gallery] .gallery-controls{margin:0;flex-shrink:0;gap:10px}
.hero[data-stage=gallery] .gallery-controls button{color:var(--ink);border-color:var(--line)}
.hero[data-stage=gallery] .gallery-controls #gallery-pause{border-color:transparent}
.hero[data-stage=gallery] .gallery-controls .replay-intro{border-color:transparent;padding-inline:6px}
.space-grid{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:30px 24px}
.space-card,.space-card-tall{grid-row:auto;min-height:0;aspect-ratio:auto;background:transparent;color:var(--ink)}
.space-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;transform:none!important}
.space-card::after{display:none}
.space-card>span{position:relative;inset:auto;padding:15px 0 0;font-size:22px;min-height:44px}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.project-card img,.project-card:first-child img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.project-card:first-child{grid-column:auto}
.room-context{font-size:11px;line-height:1.7;color:var(--muted);margin:-10px 0 25px}
.showroom .compare-room{aspect-ratio:3/2;max-height:none;--compare:50%}
.showroom .compare-room img{object-fit:contain;object-position:center}
.showroom .compare-finish{clip-path:inset(0 calc(100% - var(--compare,50%)) 0 0)}
.showroom .compare-line{left:var(--compare,50%)}
.showroom .photo-toolbar{position:relative;inset:auto;display:flex;gap:16px;padding:10px 0;margin:0;border-bottom:1px solid var(--line);pointer-events:auto}
.showroom .photo-toolbar>span,.showroom .photo-toolbar button{padding:8px 0;background:transparent}
.showroom .photo-toolbar>span{font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--muted)}
.showroom .compare-labels{top:auto;bottom:14px;left:16px;right:16px}
.finish-option .swatch{background-size:cover;background-position:50% 88%}
.home-story{height:auto;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#e8e6df;color:var(--ink)}
.home-story>img{height:auto;width:100%;object-fit:contain;object-position:center}
.home-story::after{display:none}
.home-story>div{position:relative;inset:auto;padding:45px 5vw}
.home-story h2{font-size:clamp(37px,4.2vw,60px)}
.dialog-photo:not(.is-detail){max-height:none;background:transparent}
.dialog-photo:not(.is-detail) img{width:100%;height:auto;max-height:62svh;aspect-ratio:3/2;object-fit:contain;object-position:center}
.image-page picture,.image-page picture img{height:auto}
.image-page picture img{aspect-ratio:3/2;object-fit:contain;object-position:center;transform:none!important}
.image-cover>picture,.image-cover-bath>picture,.image-feature>picture,.image-feature-company>picture,.image-diptych picture,.image-diptych figure:last-child picture,.image-card>picture,.image-contact>figure>picture,.image-photo-grid figure>picture{height:auto;min-height:0;max-height:none;aspect-ratio:3/2}
.image-cover>picture{max-width:1600px;margin-inline:auto}
.image-diptych figure:first-child,.image-photo-grid figure:nth-child(2),.image-photo-grid figure:nth-child(3){margin-top:0}
.image-feature-company>picture,.image-feature-company>picture img{aspect-ratio:auto}
.image-contact{align-items:center}
.image-contact-details{padding-top:0}
.image-page figcaption{flex-wrap:wrap;gap:6px 16px}
.image-page .room-origin{font-size:10px;letter-spacing:0;color:#71807a;margin-left:auto}
.photography-note{padding-top:15px;padding-bottom:55px}
.photography-note p+p{margin-top:16px}
@media(max-width:980px){
 .hero[data-stage=gallery] .hero-bottom{width:calc(100% - 48px);gap:18px}
 .hero[data-stage=gallery] .gallery-controls{gap:6px}
 .hero[data-stage=gallery] .gallery-controls .replay-intro{font-size:10px}
 .hero[data-stage=gallery] .hero-images{width:100%}
 .home-story>div{padding:32px}
}
@media(max-width:700px){
 .hero[data-stage=gallery] .hero-stage{padding-top:var(--nav-height,70px)}
 .hero[data-stage=gallery] .hero-images{width:100%}
 .hero[data-stage=gallery] .hero-bottom{display:block;width:calc(100% - 44px);padding:20px 0 24px}
 .hero[data-stage=gallery] .hero-caption .eyebrow{font-size:8px}
 .hero[data-stage=gallery] .hero-caption>p{font-size:25px;line-height:1.18}
 .hero[data-stage=gallery] .image-provenance{font-size:9px}
 .hero[data-stage=gallery] .gallery-controls{display:flex;flex-wrap:wrap;margin-top:15px;gap:9px}
 .hero[data-stage=gallery] .gallery-controls button{width:42px;height:42px}
 .hero[data-stage=gallery] .gallery-controls .replay-intro{width:auto;flex-basis:auto;font-size:9px;gap:6px;padding-inline:0;margin-left:auto}
 .hero[data-stage=gallery] .gallery-controls #gallery-count{min-width:40px;font-size:9px}
 .space-grid,.project-grid{grid-template-columns:1fr;gap:25px}
 .space-card,.space-card-tall,.space-card:first-child,.space-card:last-child{grid-column:auto;grid-row:auto;aspect-ratio:auto;min-height:0}
 .space-card>span{position:relative;inset:auto;padding-top:12px;font-size:21px}
 .project-card strong{font-size:23px}
 .room-context{font-size:10px;margin-bottom:22px}
 .showroom .photo-toolbar{padding:8px 22px}
 .showroom .compare-labels{bottom:10px;left:12px;right:12px}
 .showroom .compare-labels span{font-size:8px;padding:6px 8px}
 .showroom .compare-line>span{width:36px;height:36px;top:50%}
 .showroom .comparison-control{display:block;visibility:visible}
 .home-story{display:block}
 .home-story>div{padding:35px 25px 40px}
 .home-story h2{font-size:42px}
 .image-page .room-origin{margin-left:0;flex-basis:100%}
 .photography-note{padding-top:0;padding-bottom:35px}
}
@media(max-width:360px){
 .hero[data-stage=gallery] .gallery-controls{gap:7px}
 .hero[data-stage=gallery] .gallery-controls .replay-intro{flex-basis:100%;margin-left:0}
}
@media(max-height:560px) and (orientation:landscape){
 .hero[data-stage=gallery] .hero-images{width:min(100%,calc((100svh - 150px)*1.5))}
 .hero[data-stage=gallery] .hero-bottom{padding-block:12px;display:flex}
 .hero[data-stage=gallery] .hero-caption .eyebrow,.hero[data-stage=gallery] .image-provenance{display:none}
 .hero[data-stage=gallery] .hero-caption>p{font-size:19px;margin:0}
 .hero[data-stage=gallery] .gallery-controls{margin:0}
}