/* The globe hotspot follows the circle in the supplied reference, not the full image. */
.welcome-scene{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:28px 36px;align-items:center;margin:0 auto 32px;}
.welcome-art{position:relative;width:100%;aspect-ratio:238/320;grid-column:1;grid-row:1;}
.welcome-parrot{display:block;width:100%;height:100%;object-fit:contain;}
.welcome-parrot-alternate{position:absolute;inset:0;opacity:0;pointer-events:none;}
.ale-landing-card .globe-hotspot{position:absolute;left:36.5%;top:34%;width:46%;height:auto;aspect-ratio:1;border:0;border-radius:50%;padding:0;margin:0;min-height:0;background:transparent;box-shadow:none;transform:none;display:block;}
.ale-landing-card .globe-hotspot:hover{background:transparent;transform:none;box-shadow:0 0 0 2px var(--ale-scene-ink,#ddc5d0);}
.globe-hotspot:focus-visible{outline:3px solid var(--ale-scene-ink,#ddc5d0);outline-offset:5px;}
.welcome-scene .daily-eats{grid-column:2;grid-row:1;position:relative;width:100%;margin:0;}
.welcome-scene .intro-speech{grid-column:1/-1;grid-row:2;position:relative;width:100%;max-width:none;margin:0;}
.welcome-scene .intro-speech::after{bottom:auto;top:-16px;left:19%;transform:rotate(225deg);}
.welcome-scene .daily-eats::after{content:"";position:absolute;left:-15px;top:28%;width:28px;height:28px;background:var(--ale-scene-bg,#2a2626);border-left:1px solid var(--ale-scene-ink,#ddc5d0);border-bottom:1px solid var(--ale-scene-ink,#ddc5d0);transform:rotate(45deg);}
.is-flashing .welcome-parrot-alternate{animation:welcome-flash 160ms steps(1,end) infinite;}
@keyframes welcome-flash{0%,100%{opacity:0;}50%{opacity:1;}}
@media(prefers-reduced-motion:reduce){.is-flashing .welcome-parrot-alternate{animation:none;}}
/* A broad title joins the right-hand bubble, leaving a notch for Eats. */
.welcome-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;align-items:start;}
.welcome-scene .daily-eats{grid-column:1;grid-row:1 / 3;display:grid;grid-template-rows:subgrid;max-width:none;padding:0;border:0;border-radius:0;background:transparent;}
.welcome-scene .daily-eats h2{grid-row:1;margin:0;padding:22px 18px;font-size:clamp(2rem,5vw,3.25rem);font-weight:600;line-height:1.15;text-align:center;border:2px solid var(--ale-scene-ink,#ddc5d0);border-radius:20px 20px 0 20px;background:var(--ale-scene-bg,#2a2626);}
.welcome-scene .daily-eats p{grid-row:2;position:relative;margin:-2px 0 0 54%;padding:24px;border:2px solid var(--ale-scene-ink,#ddc5d0);border-top:0;border-radius:0 0 20px 20px;background:var(--ale-scene-bg,#2a2626);}
.welcome-scene .daily-eats::after{display:none;}
.welcome-scene .daily-eats p::after{content:"";position:absolute;left:-15px;top:76px;width:28px;height:28px;background:var(--ale-scene-bg,#2a2626);border-left:1px solid var(--ale-scene-ink,#ddc5d0);border-bottom:1px solid var(--ale-scene-ink,#ddc5d0);transform:rotate(45deg);}
.welcome-art{grid-column:1;grid-row:2;width:56%;margin-left:-4%;margin-top:24px;align-self:start;}
.welcome-scene .intro-speech{grid-column:1;grid-row:3;margin-top:-32px;}
.welcome-scene .intro-speech::after{left:19%;}
@media(max-width:600px){.welcome-scene .daily-eats h2{padding:18px 10px;font-size:clamp(2rem,8vw,3rem);}.welcome-scene .daily-eats p{margin-left:46%;padding:16px;font-size:16px;line-height:1.6;}.welcome-art{width:49%;margin-left:-5%;margin-top:32px;}.welcome-scene .daily-eats p::after{width:20px;height:20px;left:-11px;top:45px;}.welcome-scene .intro-speech::after{left:16%;}}

.welcome-scene{position:relative;}
.welcome-art{z-index:2;}
.welcome-scene .daily-eats p{align-self:start;}
.welcome-scene .daily-eats p::after,.welcome-scene .intro-speech::after{display:none;}
.welcome-tails{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;}
.welcome-tails path{fill:var(--ale-scene-bg,#2a2626);}
.welcome-tails .daily-tail-line,.welcome-tails .intro-tail-line{fill:none;stroke:var(--ale-scene-ink,#ddc5d0);stroke-linejoin:round;stroke-width:2;}
.welcome-tails .intro-tail-line{stroke-width:2;}

.intro-speech .earth-text-link{color:#76d889;font-size:calc(1em + 5px);text-decoration:underline;text-underline-offset:3px;}
.intro-speech .earth-text-link:hover{color:#a1efaf;}
.intro-speech .earth-text-link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px;}

@media(max-width:600px){.welcome-scene .intro-speech{margin-top:12px;}}

/* Desktop globe target follows the enlarged globe's visible bounds in the artwork. */
@media(min-width:601px){
  .ale-landing-card .globe-hotspot{left:33.1%;top:34.8%;width:44.8%;height:33.2%;aspect-ratio:auto;}
}

/* Long readings use the space below Eats instead of a full-height narrow column. */
@media(min-width:601px){
  .welcome-scene.daily-wrap .daily-eats p{margin-left:0;background:transparent;border-color:transparent;z-index:2;overflow-wrap:break-word;}
  .welcome-scene.daily-wrap .daily-eats p::before{content:"";float:left;width:calc(var(--daily-notch) - 24px);height:calc(var(--daily-clearance) - 24px);margin-right:24px;}
  .welcome-scene.daily-wrap .intro-speech{margin-top:24px;}
  .daily-wrap-outline{display:none;fill:var(--ale-scene-bg,#2a2626);stroke:var(--ale-scene-ink,#ddc5d0);stroke-width:2;}
  .daily-wrap .daily-wrap-outline{display:block;}
  .daily-wrap .intro-tail-fill,.daily-wrap .intro-tail-line{display:none;}
}
@media(max-width:600px){.daily-wrap-outline{display:none;}}

.welcome-scene .daily-eats h2 .daily-date{display:block;margin-top:8px;font-size:clamp(14px,2.2vw,18px);font-weight:400;font-style:italic;line-height:1.4;}