/* Photo-first mobile entrance: preserve the complete original frame and leaf. */
.mobile-scroll-hint{display:none}
.real-photo-hero .real-door-portal{max-height:680px}
.catalog-site .hinge-hero-sound{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font-size:16px;line-height:1.25;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);white-space:nowrap}
.hinge-hero-sound[hidden]{display:none}.hinge-hero-sound:disabled{color:var(--muted);cursor:default}.hero-sound-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:800px){
 .catalog-site .status-bar{display:none}
 .catalog-site .catalog-header{position:sticky;top:0;z-index:45;background:var(--bg)}
 .catalog-site .catalog-header-main{min-height:72px}
 .catalog-site.light .catalog-header-main .wordmark{font-size:32px}
 .catalog-site .catalog-header-main .logo-image{max-height:56px;max-width:200px}
 .real-photo-hero{--hero-header:72px;--hero-bottom:calc(69px + env(safe-area-inset-bottom,0px))}
 .real-photo-hero .hinge-hero-pin,.real-photo-hero.is-static .hinge-hero-pin,.real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{height:calc(100svh - var(--hero-header) - var(--hero-bottom));min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:4px;padding:8px 8px 4px}
 .real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{position:sticky;top:72px}
 .real-photo-hero.is-static .hinge-hero-pin{position:relative;top:0}
 .real-photo-hero .hinge-hero-copy,.real-photo-hero .hinge-hero-note{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .real-photo-hero .hinge-hero-scene{grid-column:1;grid-row:1;min-height:0;margin:0;padding:0;background:none}
 .real-photo-hero .hinge-hero-scene:after{display:none}
 .real-photo-hero .real-door-portal{height:100%;max-height:none;max-width:100%;width:auto;aspect-ratio:var(--photo-ratio)}
 .real-photo-hero .hinge-hero-controls{grid-row:2;gap:8px;padding-top:4px;min-height:49px}
 .catalog-site .real-photo-hero .hinge-hero-skip,.catalog-site .real-photo-hero .hinge-hero-toggle{min-height:44px;font-size:16px;padding:8px;white-space:nowrap}
 .real-photo-hero .mobile-scroll-hint{display:block;font-size:16px;line-height:1.25;color:var(--muted);white-space:nowrap}
 .real-photo-hero.has-hero-sound .mobile-scroll-hint{display:none}
 .catalog-site .real-photo-hero .hinge-hero-sound{padding:8px;min-width:92px}
}
@media(max-width:340px){.real-photo-hero .mobile-scroll-hint{display:none}}
@media(max-height:480px) and (max-width:980px){
 .real-photo-hero .hinge-hero-journey,.real-photo-hero.is-interactive:not(.is-static) .hinge-hero-journey{height:auto}
 .real-photo-hero .hinge-hero-pin,.real-photo-hero.is-static .hinge-hero-pin,.real-photo-hero.is-interactive:not(.is-static) .hinge-hero-pin{position:relative;top:0;height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:320px auto}
 .real-photo-hero .hinge-hero-copy,.real-photo-hero .hinge-hero-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .real-photo-hero .hinge-hero-scene{grid-column:1;grid-row:1;min-height:0;padding:0}
 .real-photo-hero .hinge-hero-controls{grid-row:2}
}