/* v0.2.231 — fixed mobile photo stage with opaque foreground state handoffs. */
@media (min-width:901px) {
  .brand-visual-photo-stage-v2 { display:none; }
}

@media (max-width:900px) {
  .brand-visual-page { position:relative; z-index:1; isolation:auto; }
  .brand-visual-photo-stage-v2 { position:fixed; top:0; left:0; width:100vw; height:100vh; height:100lvh; z-index:0; overflow:hidden; pointer-events:none; opacity:0; background:#d8d0c5; will-change:auto; }
  html.photo-stage-v2-enhanced .brand-visual-page { background:transparent; }
  html.photo-stage-v2-enhanced .brand-visual-photo-stage-v2 { opacity:1; }
  .brand-visual-photo-stage-v2__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:none; }
  html.photo-stage-v2-intro .brand-visual-photo-stage-v2 { animation:photo-stage-v2-stage-in .84s ease both; will-change:opacity; }
  html.photo-stage-v2-intro .brand-visual-hero__media { animation:photo-stage-v2-hero-out .84s ease both; }
  @keyframes photo-stage-v2-stage-in { from { opacity:0; } to { opacity:1; } }
  @keyframes photo-stage-v2-hero-out { from { opacity:1; } to { opacity:0; } }
  .brand-visual-page .brand-visual-hero,
  .brand-visual-page .selected-visuals { position:relative; z-index:1; background:transparent; }
  .brand-visual-page .brand-visual-hero { min-height:100svh; }
  html.photo-stage-v2-enhanced .brand-visual-hero__media { opacity:0; visibility:hidden; }
  .brand-visual-page .brand-visual-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(15,13,11,.58),rgba(15,13,11,.12)); }
  .brand-visual-page .brand-visual-intro,
  .brand-visual-page .brand-visual-services,
  .brand-visual-page .brand-visual-price,
  .brand-visual-page .brand-visual-personal-photo,
  .brand-visual-page .brand-visual-process,
  .brand-visual-page .brand-visual-estimate { position:relative; z-index:1; background:var(--color-paper); }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__track--all .selected-visuals__stage-source { display:none !important; }
  .brand-visual-page .selected-visuals { background:rgba(243,240,234,.4); }
  .brand-visual-page .brand-visual-services,
  .brand-visual-page .brand-visual-price { position:relative; }
  .brand-visual-page .brand-visual-photo-breath { position:relative; z-index:1; min-height:42svh; background:transparent; }
  html.photo-stage-v2-enhanced .brand-visual-page .brand-visual-cta { position:relative; z-index:1; background:linear-gradient(180deg,rgba(14,12,10,.50) 0%,rgba(14,12,10,.58) 48%,rgba(14,12,10,.66) 100%); color:#fff; }
  html.photo-stage-v2-enhanced .brand-visual-page .brand-visual-cta .section-label { color:rgba(255,255,255,.82); }
  html.photo-stage-v2-enhanced .brand-visual-page .brand-visual-cta .section-title { color:#fff; }
  html.photo-stage-v2-enhanced .brand-visual-page .brand-visual-cta .section-text { color:rgba(255,255,255,.86); }
  html.photo-stage-v2-enhanced .brand-visual-page .brand-visual-cta .button--light { border-color:rgba(255,255,255,.70); background:rgba(10,10,10,.16); color:#fff; }
  .photo-stage-v2-marker { position:absolute; width:1px; height:1px; pointer-events:none; }
  .photo-stage-v2-marker--services { left:0; }
  .photo-stage-v2-marker--services-top { top:28%; }
  .photo-stage-v2-marker--services-bottom { top:74%; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__transition-cover { position:relative; z-index:2; width:100vw !important; height:102vh; height:102lvh; margin:70px calc(50% - 50vw) 76px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__closing-major { position:relative; z-index:2; isolation:isolate; width:100vw !important; height:clamp(78svh,84svh,88svh); margin:70px calc(50% - 50vw) 76px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__transition-cover .selected-visuals__frame,
  .brand-visual-page .brand-visual-photo-works .selected-visuals__closing-major .selected-visuals__frame { display:block; width:100%; height:100%; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__transition-cover img,
  .brand-visual-page .brand-visual-photo-works .selected-visuals__closing-major img { width:100%; height:100%; object-fit:cover; object-position:center; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__chapter-photo { position:relative; z-index:2; display:block !important; width:100vw !important; margin:56px calc(50% - 50vw) 64px !important; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__chapter-photo--02 { height:82svh; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__chapter-photo--03 { height:80svh; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__chapter-photo .selected-visuals__frame { display:block; width:100%; height:100%; }
  .brand-visual-page .brand-visual-photo-works .selected-visuals__chapter-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
  .photo-stage-v2-marker--cover { z-index:2; left:0; }
  .photo-stage-v2-marker--top { top:49%; }
  .photo-stage-v2-marker--bottom { top:51%; }
}
