/* Strong display typography on the homepage; customer screenshots retain their own type. */
.home-page main h2,.home-page .showcase-title,.home-page .fill-title{font-family:Inter,sans-serif;font-weight:900;letter-spacing:-.025em;line-height:1.08;text-wrap:wrap}
.home-page .wow-description{max-width:440px}
.home-page .wow-description>p{font-size:17px;line-height:1.65}
.home-page .scene-heading h2{font-size:clamp(32px,3.6vw,58px)}
.home-page .section-heading h2,.home-page .home-about h2{font-size:clamp(36px,4.8vw,72px)}
.home-page .fill-title{font-size:clamp(32px,7vw,106px)}
.home-page .scene-heading p,.home-page .home-about p{line-height:1.75}
.home-page .showcase-title{font-size:clamp(32px,4.6vw,70px)}
@media(max-width:760px){.home-page .wow-description{max-width:36rem}.home-page .wow-description>p{font-size:16px}.home-page .scene-heading h2{font-size:clamp(28px,7.5vw,42px)}.home-page .section-heading h2,.home-page .home-about h2{font-size:clamp(29px,8vw,46px)}.home-page .fill-title{font-size:clamp(27px,6.8vw,50px)}}

/* Filled glyphs avoid internal contour artifacts in variable fonts. */
.motion-experience .home-page .fill-title{-webkit-text-stroke:0;color:transparent;background-image:linear-gradient(100deg,#f3f1f8 0%,#b69aff 65%,#8860f2 100%),linear-gradient(#443452,#443452);background-size:var(--fill,0%) 100%,100% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;letter-spacing:0;word-spacing:.04em;font-size:clamp(27px,6.5vw,98px)}
@media(prefers-reduced-motion:reduce){.home-page .fill-title{-webkit-text-stroke:0;color:var(--purple);background:none}}
@media(forced-colors:active){.motion-experience .home-page .fill-title{color:CanvasText;background:none;-webkit-text-stroke:0}}

/* Match the bold display type and connect the headline to the build stages. */
.home-page .wow-scroll-caption{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(24px,3vw,46px);letter-spacing:-.025em;line-height:1.12;right:5%}
.home-page .build-headline .build-idea,.home-page .build-headline .build-result{color:#aaa4b5;animation:none;background:none;-webkit-text-fill-color:currentColor;transition:color .4s ease;text-decoration:none}
.home-page .build-journey[data-heading-phase="idea"] .build-idea,.home-page .build-journey[data-heading-phase="result"] .build-result{color:var(--purple)}
@media(prefers-reduced-motion:reduce){.home-page .build-headline .build-idea,.home-page .build-headline .build-result{transition:none}}
@media(forced-colors:active){.home-page .build-headline .build-idea,.home-page .build-headline .build-result{color:CanvasText}}

/* Light trails only on the inactive, grey half of the build headline. */
.home-page .build-headline .build-idea,.home-page .build-headline .build-result{position:relative;display:inline-block}
.home-page .build-headline .build-flash-out,.home-page .build-headline .build-flash-back{position:absolute;inset:0;display:block;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-size:300% 100%;background-image:linear-gradient(110deg,transparent 42%,#b69aff08 44%,#b69aff35 47%,#c9aaff88 49.4%,#f5eaff 50%,#c9aaff77 50.3%,transparent 50.6%);animation:hero-light-out 9s linear 1.3s infinite;visibility:hidden}
.home-page .build-headline .build-flash-back{background-image:linear-gradient(110deg,transparent 49.4%,#c9aaff77 49.7%,#f5eaff 50%,#c9aaff88 50.6%,#b69aff35 53%,#b69aff08 56%,transparent 58%);animation-name:hero-light-back}
.home-page [data-heading-phase="idea"] .build-result .build-flash-out,.home-page [data-heading-phase="idea"] .build-result .build-flash-back,.home-page [data-heading-phase="result"] .build-idea .build-flash-out,.home-page [data-heading-phase="result"] .build-idea .build-flash-back{visibility:visible}
.home-page .flash-paused .build-flash-out,.home-page .flash-paused .build-flash-back{animation-play-state:paused}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.home-page .build-headline .build-flash-out,.home-page .build-headline .build-flash-back{display:none;animation:none}}

/* Viktor Hirt's blue, yellow and red pass through the project headline. */
.home-page .cinematic-project .showcase-title{position:relative}
.home-page .project-brand-sweep{position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,transparent 37%,#38339c22 39%,#38339c 44%,#ffed00 49%,#df2332 54%,#df233200 58%);background-size:300% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;animation:maler-brand-sweep 8s ease-in-out infinite;animation-play-state:paused}
.home-page .logo-sweep-visible .project-brand-sweep{animation-play-state:running}
@keyframes maler-brand-sweep{0%,12%{background-position:100% 0}48%,61%{background-position:0% 0}96%,100%{background-position:100% 0}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.home-page .project-brand-sweep{display:none;animation:none}}

.home-page #diana .project-brand-sweep{background-image:linear-gradient(110deg,transparent 37%,#8c7e6a22 39%,#8c7e6a 44%,#d8c7ae 49%,#f5f0e8 54%,#f5f0e800 58%)}

/* Keep all construction stages visible during the mobile scroll sequence. */
@media(max-width:999px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
.motion-experience .build-journey[data-scroll-scene]{height:240svh}
.motion-experience .build-journey .scene-sticky{position:sticky;top:77px;height:calc(100svh - 77px);min-height:0;grid-template-columns:1fr;align-content:center;gap:22px;padding:22px 6%}
.home-page .build-journey .scene-heading h2{font-size:clamp(25px,6.5vw,38px);margin:14px 0}
.home-page .build-journey .scene-heading p{font-size:14px;line-height:1.5}
.build-journey .build-stages{margin-top:16px;gap:8px 12px;font-size:12px}
.build-journey .build-browser{width:100%;max-width:520px;justify-self:center}
}