/* Preserve the original composition unless Full is explicitly selected. */
.hero-intro{display:contents}

[data-main-landing="full"] .hero{
  --hero-flow-gap:clamp(28px,4svh,48px);
  --hero-intro-bottom:clamp(40px,7svh,112px);
  padding-top:0;
}
[data-main-landing="full"] .hero-intro{
  display:flex;flex-direction:column;justify-content:center;
  min-height:100vh;min-height:100svh;
  padding:clamp(96px,12svh,176px) 0 var(--hero-intro-bottom);
}
/* Use the lower breathing room for the marketplace/tool group, keeping Full's
   miniature below the first viewport and the title in its visual center. */
[data-main-landing="full"][data-brand-layout="line"][data-third-layer="tools"] .hero-intro{
  padding-bottom:max(12px,calc(var(--hero-intro-bottom) - var(--tools-lower-offset)));
}
[data-main-landing="full"] .hero-copy{flex-shrink:0}
[data-main-landing="full"] .hero-icon{
  width:clamp(72px,9svh,96px);height:clamp(72px,9svh,96px);
  margin-bottom:clamp(24px,3.5svh,40px);
}
[data-main-landing="full"][data-brand-layout="line"] .hero-icon{margin:0}
[data-main-landing="full"] .hero h1{font-size:clamp(64px,6vw,96px)}
[data-main-landing="full"] .hero-copy>.hero-statement{
  font-size:clamp(30px,3vw,42px);line-height:1.4;margin-top:26px;
}
[data-main-landing="full"] .hero-copy>.hero-description{margin-top:20px}
[data-main-landing="full"] .hero-cta{margin-top:var(--hero-flow-gap)}
[data-main-landing="full"] .hero-capabilities{width:100%;flex-shrink:0}
[data-main-landing="full"] .hero-product{margin-top:0}
[data-main-landing="full"] .hero-atmosphere{
  height:100%;
  mask-image:linear-gradient(#000 0%,#000 calc(100% - 520px),transparent 100%);
}

@media(max-width:760px){
  [data-main-landing="full"] .hero{--hero-flow-gap:28px;--hero-intro-bottom:40px}
  [data-main-landing="full"] .hero-intro{padding:96px 0 var(--hero-intro-bottom)}
  [data-main-landing="full"] .hero-icon{width:64px;height:64px;margin-bottom:22px}
  [data-main-landing="full"] .hero h1{font-size:50px}
  [data-main-landing="full"][data-brand-layout="line"] .hero-icon{width:clamp(44px,13vw,61px);height:clamp(44px,13vw,61px)}
  [data-main-landing="full"][data-brand-layout="line"] .hero h1{font-size:clamp(34px,10vw,50px)}
  [data-main-landing="full"] .hero-copy>.hero-statement{font-size:28px;margin-top:24px}
  [data-main-landing="full"] .hero-copy>.hero-description{margin-top:18px}
  [data-main-landing="full"] .hero-atmosphere{
    mask-image:linear-gradient(#000 0%,#000 calc(100% - 400px),transparent 100%);
  }
}

/* Short windows keep the CTA and all four capabilities comfortably in view. */
@media(max-height:740px){
  [data-main-landing="full"] .hero{--hero-flow-gap:22px;--hero-intro-bottom:28px}
  [data-main-landing="full"] .hero-intro{padding:84px 0 var(--hero-intro-bottom)}
  [data-main-landing="full"] .hero-icon{width:56px;height:56px;margin-bottom:16px}
  [data-main-landing="full"] .hero h1{font-size:60px}
  [data-main-landing="full"] .hero-copy>.hero-statement{font-size:30px;line-height:1.35;margin-top:18px}
  [data-main-landing="full"] .hero-copy>.hero-description{font-size:16px;margin-top:14px}
}
@media(max-height:740px) and (max-width:760px){
  [data-main-landing="full"] .hero{--hero-intro-bottom:24px}
  [data-main-landing="full"] .hero-intro{padding:80px 0 var(--hero-intro-bottom)}
  [data-main-landing="full"] .hero-icon{width:52px;height:52px;margin-bottom:14px}
  [data-main-landing="full"] .hero h1{font-size:44px}
  [data-main-landing="full"] .hero-copy>.hero-statement{font-size:24px}
  [data-main-landing="full"] .hero-copy>.hero-description{font-size:15px;line-height:1.5}
  [data-main-landing="full"] .marketplace-icon{width:36px;height:36px}
  [data-main-landing="full"] .hero-third-layer__words{row-gap:18px}
  [data-main-landing="full"] .hero-third-layer__words>span{font-size:24px}
}
@media(max-height:620px) and (max-width:760px){
  [data-main-landing="full"] .hero{--hero-flow-gap:18px;--hero-intro-bottom:20px}
  [data-main-landing="full"] .hero-intro{padding:76px 0 var(--hero-intro-bottom)}
}