/* A single quiet greeting, adapted from the approved character preview. */
.intro.has-character{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:36px;padding:42px 0 36px;min-height:300px}
.intro.has-character h1{margin:0 0 17px}
.intro.has-character p{margin:0}
.welcome-scene{position:relative;width:300px;height:228px;justify-self:end;isolation:isolate}
.welcome-figure{position:absolute;right:15px;bottom:0;width:124px;height:auto;max-height:238px;object-fit:contain;transform-origin:50% 96%;display:block}
.intro .welcome-greeting{position:absolute;top:61px;left:0;max-width:155px;color:#4b515c;font-size:17px;line-height:1.8;letter-spacing:.025em;text-wrap:balance}
.welcome-greeting span{display:block}
.welcome-greeting::after{content:"";position:absolute;width:20px;height:1px;right:-9px;bottom:-10px;background:#c6bacd;transform:rotate(32deg);transform-origin:left}
@media(max-width:720px){
  .intro.has-character{grid-template-columns:minmax(0,1fr) 190px;gap:8px;min-height:255px;padding:28px 0}
  .intro.has-character h1{font-size:38px}
  .welcome-scene{width:190px;height:200px}
  .welcome-figure{width:100px;right:0}
  .intro .welcome-greeting{font-size:14px;top:42px;max-width:105px}
  .intro .welcome-greeting::after{right:1px}
}
@media(max-width:520px){
  .intro.has-character{grid-template-columns:minmax(0,1fr) 90px;gap:16px 20px;min-height:282px;padding:32px 0 28px;align-items:start}
  .intro.has-character .intro-copy,.welcome-scene{display:contents}
  .intro.has-character h1{grid-column:1/-1;font-size:34px;white-space:nowrap;letter-spacing:-.03em;margin:0}
  .intro.has-character .intro-copy p{grid-column:1;grid-row:2;font-size:13px;line-height:1.9}
  .welcome-figure{position:static;grid-column:2;grid-row:2/4;align-self:end;justify-self:start;width:83px;max-height:none}
  .intro .welcome-greeting{position:relative;grid-column:1;grid-row:3;top:auto;left:auto;max-width:none;font-size:12px;line-height:1.9;align-self:end}
  .intro .welcome-greeting::after{right:-8px;bottom:13px;transform:rotate(-22deg)}
}
@media print{.welcome-scene{display:none}.intro.has-character{display:block;min-height:0}}