/* Z7I-0 / Z7P-0 adapted to Umbra's grayscale and typography. */
:root{--hero-stagger:300ms;--stagger-dur:500ms;--stagger-distance:12px;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22,1,.36,1)}
.home-content{position:relative}
.hero-announcement{position:absolute;bottom:calc(100% + 16px);left:0;right:0;display:flex;justify-content:center;--stagger-distance:8px;--stagger-blur:2px}
.hero-pill{display:flex;align-items:center;gap:8px;height:36px;padding:6px;border:0;border-radius:999px;background:var(--umbra-gray-0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--umbra-gray-6) 8%,transparent);color:var(--umbra-gray-6);font-family:var(--font-family);font-size:var(--type-small);font-weight:var(--weight-regular);line-height:16px;white-space:nowrap;cursor:default;backdrop-filter:blur(4px)}
.hero-pill-badge{display:flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:var(--umbra-gray-1);color:var(--umbra-gray-5);font-weight:var(--weight-emphasis)}
.hero-pill-title{display:block}
.hero-pill-icon{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--umbra-gray-6) 4%,transparent)}
.hero-pill-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .hero-pill{background:color-mix(in srgb,var(--umbra-gray-5) 36%,var(--umbra-gray-6) 64%);color:var(--umbra-gray-0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--umbra-gray-0) 8%,transparent)}
[data-theme="dark"] .hero-pill-badge{background:var(--umbra-gray-5);color:var(--umbra-gray-0)}
[data-theme="dark"] .hero-pill-icon{background:color-mix(in srgb,var(--umbra-gray-0) 4%,transparent)}
.t-stagger-line{display:block;opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease),transform var(--stagger-dur) var(--stagger-ease),filter var(--stagger-dur) var(--stagger-ease);will-change:transform,opacity,filter}
.t-stagger.is-shown .t-stagger-line,.hero-heading.is-shown,.hero-subtitle.is-shown{opacity:1;transform:translateY(0);filter:blur(0)}
.hero-announcement:not(.is-shown){visibility:hidden;pointer-events:none}
.home-content[data-stage="0"] .t-stagger-line,.hero-motion-settled .t-stagger-line{transition:none}
.hero-motion-settled .t-stagger-line{will-change:auto}
@media(prefers-reduced-motion:reduce){.t-stagger-line{transition:none}}

/* Dotted hero aligned to the desktop twelve-column grid. */
@media(min-width:901px){
 .home-hero{padding-top:32px}
 .home-hero .home-content.hero-dome{
  --weight-regular:300;--weight-emphasis:400;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  grid-column:2/12;justify-self:center;width:100%;max-width:none;aspect-ratio:4/3;gap:8px;padding:80px 24px 64px;
  border-radius:0;position:relative;z-index:3;overflow:hidden;isolation:isolate;
  background:transparent;
  box-shadow:none;
 }
 .hero-dome-dots{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 var(--dome-mask-start,29.1667%),transparent var(--dome-fade-end,50%),transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 var(--dome-mask-start,29.1667%),transparent var(--dome-fade-end,50%),transparent 100%)}
 .home-content h1.hero-heading{font-size:68px;line-height:100%;text-align:center;color:#000724;background:none;-webkit-text-fill-color:#000724}
 .home-content .hero-subtitle{justify-self:center;text-align:center;color:#444;font-weight:400}
 .home-content .hero-announcement{position:static;justify-content:center;margin-bottom:8px}
 .hero-dome .hero-pill{background:rgba(255,255,255,.2);color:#000724;box-shadow:inset 0 0 0 1px #0000000d}
 .hero-dome .hero-pill-badge{background:#f0f0f0;color:#000724}
 .hero-dome .hero-pill-icon{background:#f0f0f0}
}
@media(min-width:901px) and (max-width:1100px){
 .home-hero .home-content.hero-dome{grid-column:1/-1;padding-inline:24px}
}

@media(max-width:900px){.hero-dome-dots{display:none}}

@media(min-width:901px){
 [data-theme="dark"] .home-content.hero-dome h1.hero-heading{color:#e4e4e4;-webkit-text-fill-color:#e4e4e4}
 [data-theme="dark"] .home-content.hero-dome .hero-subtitle{color:#e4e4e4}
}

/* Let the pill sample the dome after its entrance filter has finished. */
@media(min-width:901px){
 .hero-motion-settled .hero-announcement .t-stagger-line{filter:none}
 .hero-dome .hero-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
}

/* Dark glass treatment adapted from Paper 1MM9-0. */
@media(min-width:901px){
 [data-theme="dark"] .hero-dome .hero-pill{background:rgba(26,26,26,.8);color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}
 [data-theme="dark"] .hero-dome .hero-pill-badge{background:rgba(255,255,255,.1);color:#fff}
 [data-theme="dark"] .hero-dome .hero-pill-icon{background:#ffffff0a;color:#fff}
}

/* User-approved H1 weight exception. */
@media(min-width:901px){
 .home-content h1.hero-heading{font-weight:450}
}

@media(min-width:901px){.hero-dome .hero-pill-title{font-weight:450}}

@media(min-width:901px){:root:not([data-theme="dark"]) .hero-dome .hero-pill-title{font-weight:400}}

/* Desktop load sequence: hidden elements retain their final layout space. */
@media(min-width:901px){
 .hero-dome-dots{transition:opacity var(--stagger-dur) var(--stagger-ease)}
 :root[data-hero-load="pending"] .hero-dome-dots,
 :root[data-hero-load="0"] .hero-dome-dots{opacity:0!important}
 :root[data-hero-load="pending"] .hero-heading,
 :root[data-hero-load="pending"] .hero-subtitle,
 :root[data-hero-load="pending"] .hero-announcement{visibility:hidden}
 :root[data-hero-load]:not([data-hero-load="4"]):not([data-hero-load="5"]) .hero-swap{visibility:hidden;pointer-events:none}
 :root[data-hero-load="pending"] .cloud-transition,
 :root[data-hero-load="0"] .cloud-transition{visibility:hidden}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){
 .hero-dome-dots{transition:none}
}

/* A soft, directionless halo gently screens dots around the desktop H1. */
@media(min-width:901px){
 .home-content h1.hero-heading{--hero-halo:255,255,255;text-shadow:0 0 4px rgba(var(--hero-halo),.5),0 0 12px rgba(var(--hero-halo),.3)}
 [data-theme="dark"] .home-content h1.hero-heading{--hero-halo:10,10,10}
}

/* Refined desktop entrance: gentle travel, soft deceleration, connected timing. */
@media(min-width:901px){
 :root{--stagger-dur:640ms;--stagger-distance:8px;--stagger-blur:2px;--stagger-ease:cubic-bezier(.16,1,.3,1);--hero-h1-at:300;--hero-pill-at:540;--hero-subtitle-at:780;--hero-settle-at:1400}
 .hero-announcement{--stagger-dur:520ms;--stagger-distance:6px;--stagger-blur:1.5px}
 .hero-subtitle{--stagger-dur:600ms;--stagger-distance:6px}
 .hero-dome-dots{transition-duration:720ms;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
 .cloud-transition{transition:opacity 720ms cubic-bezier(.22,.61,.36,1)}
 :root[data-hero-load="pending"] .cloud-transition,
 :root[data-hero-load="0"] .cloud-transition{visibility:visible;opacity:0}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){
 .hero-dome-dots,.cloud-transition,.t-stagger-line{transition:none}
}

/* Paper EH0-0: exact heading copy, Book typography and layered ink. */
.home-content h1.hero-heading{
 display:flex;align-items:center;justify-content:center;width:600px;max-width:100%;
 font-size:clamp(32px,10vw,64px);font-weight:450;line-height:1;letter-spacing:-.01em;
 text-align:center;text-shadow:none;background:none;
}
.hero-heading-ink{
 display:block;width:100%;color:transparent;-webkit-text-fill-color:transparent;
 background-image:radial-gradient(ellipse 60.925% 381.115% at 20% 32% in oklab,#0100ff 0%,#000829 36.13%,#000829 72.25%,#0100ff 100%),radial-gradient(circle farthest-corner at 44% 88% in oklab,#0100ff 0%,rgb(1 0 255 / 0%) 54.98%),radial-gradient(circle farthest-corner at 94% 94% in oklab,#a6a6ff 0%,#000829 27.37%,rgb(166 166 255 / 0%) 54.74%),linear-gradient(105deg in oklab,#000829 0%,#000829 78.23%,#636a6b 100%);
 background-clip:text;-webkit-background-clip:text;
 filter:drop-shadow(0 2px .4375px rgb(0 8 41 / 5%));
}
@media(min-width:901px){.home-content h1.hero-heading{height:136px;flex-shrink:0}.hero-heading-ink{height:132px}}