/* The approved globe, portraits, connection and clouds share one complete
   transparent canvas. Both themes use exactly the same artwork coordinates. */
html .welcome .welcome-social-globe{
 --welcome-portrait-left:46.484375%;
 --welcome-portrait-top:31.93359375%;
 --welcome-portrait-width:5.403645833%;
 --welcome-portrait-height:8.10546875%;
 background:none!important;
 filter:none!important;
 mask-image:none!important;
 -webkit-mask-image:none!important;
 isolation:isolate;
}
.welcome-scene-art{
 position:absolute;
 left:-20%;
 top:-14.4%;
 width:143%;
 height:143%;
 pointer-events:none;
 isolation:isolate;
}
html .welcome .welcome-scene-art::before,
html .welcome .welcome-scene-art::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 background-position:center;
 background-size:100% 100%;
 background-repeat:no-repeat;
 pointer-events:none;
 transition:opacity .45s ease;
}
html .welcome .welcome-scene-art::before{background-image:url("welcome-scene-day-v2.webp");opacity:1}
html .welcome .welcome-scene-art::after{background-image:url("welcome-scene-night-v2.webp");opacity:0}
html[data-hw-theme=dark] .welcome .welcome-scene-art::before{opacity:0}
html[data-hw-theme=dark] .welcome .welcome-scene-art::after{opacity:1}
.welcome-portrait-anchor{
 position:absolute;
 left:var(--welcome-portrait-left);
 top:var(--welcome-portrait-top);
 width:var(--welcome-portrait-width);
 height:var(--welcome-portrait-height);
 pointer-events:none;
 visibility:hidden;
}
/* Keep the existing grid reservation and original asymmetric speech tail. */
html .welcome .welcome-example.welcome-example-anchored{top:var(--woman-bubble-top);left:var(--woman-bubble-left);right:auto}
html .welcome .welcome-example.welcome-example-anchored::after{left:var(--woman-bubble-tail);right:auto;transform:none}
/* Match the existing night borders without moving the shared scene on a
   theme switch. Their light-mode counterparts remain visually transparent. */
html:not([data-hw-theme=dark]) .welcome .welcome-example{border:1px solid transparent}
html:not([data-hw-theme=dark]) body>.welcome-footer{border-top:1px solid transparent}
html[data-hw-theme] .welcome-header .hw-theme-brand{width:174px;height:auto;aspect-ratio:2048/684}
@media(max-width:700px){
 .welcome-scene-art{left:0;top:0;width:100%;height:100%}
 html .welcome .welcome-scene-art::before,
 html .welcome .welcome-scene-art::after{
  mask-image:linear-gradient(to right,transparent 0%,transparent 39%,#000 44%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 39%,#000 44%,#000 94%,transparent 100%);
 }
 html[data-hw-theme] .welcome-header .hw-theme-brand{width:142px}
}
@media(prefers-reduced-motion:reduce){
 html .welcome .welcome-scene-art::before,
 html .welcome .welcome-scene-art::after{transition:none}
}