/* The plaza opens with a short editorial promise, read before the 3D scene arrives. */
.plaza-intro{position:absolute;z-index:3;left:3%;top:clamp(18px,3.4vh,34px);max-width:min(560px,46vw);color:#f7f1e6;pointer-events:none;transition:opacity .6s ease,visibility .6s}
.plaza-intro-eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#e2bf79}
.plaza-intro h1{margin:0;font-family:var(--serif);font-size:clamp(34px,2.2vw + 2.2vh,52px);font-weight:400;line-height:1.04;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 24px #0b120e66}
.plaza-intro h1 em{font-style:italic;color:#e8c784}
.plaza-intro-lead{margin:12px 0 0;text-wrap:balance;font-size:clamp(14px,.4vw + 1vh,16px);line-height:1.5;color:#eee7d8;text-shadow:0 1px 12px #0b120e80}
.plaza-intro-action{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#f7f1e6;text-decoration:none}
.plaza-intro-action span:first-child{padding-bottom:3px;border-bottom:1px solid #e2bf79a6;transition:border-color .2s}
.plaza-intro-action span[aria-hidden]{color:#e2bf79;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.plaza-intro-action:hover span:first-child{border-color:#e2bf79}
.plaza-intro-action:hover span[aria-hidden]{transform:translateX(4px)}
.plaza-intro-action:focus-visible{outline:2px solid #e2bf79;outline-offset:4px}

/* Evening atmosphere: a soft frame for the scene and shade behind the introduction. */
.studio::before,.studio::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none}
.studio::before{mix-blend-mode:soft-light;background:radial-gradient(ellipse 70% 60% at 78% 4%,#ffc27a59 0%,#ffc27a00 70%),radial-gradient(ellipse 118% 96% at 52% 50%,#0000 54%,#140e0870 100%)}
.studio::after{background:radial-gradient(ellipse 70% 64% at 0 0,#0e1612f0 0%,#0e1612cc 34%,#0e161266 62%,#0e161200 84%);transition:opacity .6s ease}
.studio:is([data-service-focus=true],[data-aida-focus=true],[data-business-focus=true]) .plaza-intro{opacity:0;visibility:hidden}
.studio:is([data-service-focus=true],[data-aida-focus=true],[data-business-focus=true])::after{opacity:0}

/* Content settles in once; the scene and controls stay usable throughout. */
@media(prefers-reduced-motion:no-preference){
  .plaza-intro>*{animation:plaza-rise .9s cubic-bezier(.16,1,.3,1) backwards}
  .plaza-intro>:nth-child(2){animation-delay:.08s}
  .plaza-intro>:nth-child(3){animation-delay:.16s}
  .plaza-intro>:nth-child(4){animation-delay:.24s}
  .service-caption,.business-launch,.aida-launch{animation:plaza-fade .8s ease .35s backwards}
}
@keyframes plaza-rise{from{opacity:0;transform:translateY(12px)}}
@keyframes plaza-fade{from{opacity:0}}

@media(max-width:1099px){.plaza-intro{left:24px;max-width:min(400px,48vw)}.plaza-intro-action{display:none}}
@media(max-width:699px){
  .plaza-intro{left:16px;right:16px;top:14px;max-width:none}
  .plaza-intro-eyebrow{margin-bottom:6px;font-size:12px;letter-spacing:.08em;white-space:nowrap}
  .plaza-intro h1{font-size:min(30px,7vw);white-space:nowrap}
  .plaza-intro-lead{max-width:300px;margin-top:7px;font-size:13px;line-height:1.45}
  .studio::after{background:linear-gradient(180deg,#0e1612e6 0%,#0e1612b8 18%,#0e161266 30%,#0e161200 44%)}
}
/* Shorter desktop screens keep the introduction and the service column apart. */
@media(min-width:1100px) and (min-height:601px) and (max-height:820px){
  .plaza-intro{top:18px}
  .plaza-intro-eyebrow{margin-bottom:6px}
  .plaza-intro-lead{margin-top:8px}
  .plaza-intro-action{margin-top:0}
  .service-dock{bottom:57%;height:min(13%,150px)}
  .service-dock[data-service-id=whatsapp-agent]{bottom:41%}
  .service-dock[data-service-id=voice-agent]{bottom:25%}
  .service-dock[data-service-id=smart-booking]{bottom:9%}
}
@media(min-width:1100px) and (max-height:760px){.plaza-intro-eyebrow{display:none}}
@media(max-width:389px){.plaza-intro-eyebrow{letter-spacing:.04em}}
@media(max-width:359px){.plaza-intro-eyebrow{white-space:normal}}
/* The sector shortcut moves below the introduction on phones. */
@media(max-width:699px){.business-launch{top:126px}}
@media(max-width:359px){.business-launch{top:146px}}
/* Short landscape screens keep the heading for assistive technology only. */
@media(max-height:600px) and (min-width:550px){
  .plaza-intro{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .studio::after{display:none}
  .business-launch{top:14px}
}