/* Each home section becomes a card that settles above the previous one. */
.home-stack.home-stack-ready{background:#11120f;padding:12px 12px 0;isolation:isolate}
.home-stack-ready>.home-stack-card{position:sticky;top:var(--stack-top,108px);z-index:var(--stack-order,1);padding-bottom:14px}
.home-stack-ready .home-stack-surface{min-height:calc(var(--stack-viewport,100svh) - var(--stack-header,96px) - 38px);border:1px solid #ffffff14;border-radius:28px;overflow:hidden;transform-origin:50% 0;transform:translate3d(0,var(--stack-lift,0px),0) scale(var(--stack-scale,1));filter:brightness(var(--stack-brightness,1));box-shadow:0 -12px 42px #00000038;will-change:transform,filter;backface-visibility:hidden}
.home-stack-ready .home-intro-card{display:flex;flex-direction:column;background:var(--dark)}
.home-stack-ready .home-intro-card>.hero{display:flex;flex:1;flex-direction:column}
.home-stack-ready .home-intro-card .hero-main{flex:1}
.home-stack-ready .home-intro-card .hero-bottom{margin-top:auto}
.home-stack-ready .studio.home-stack-surface{display:flex;flex-direction:column}
.home-stack-ready .studio-word{margin-top:auto}
.home-stack-ready .contact.home-stack-surface{display:flex;flex-direction:column}
.home-stack-ready .contact-top{flex:1}
.home-stack-ready .contact-bottom{margin-top:auto}
@media(max-width:760px){.home-stack.home-stack-ready{padding:8px 7px 0}.home-stack-ready>.home-stack-card{padding-bottom:10px}.home-stack-ready .home-stack-surface{border-radius:22px;min-height:calc(var(--stack-viewport,100svh) - var(--stack-header,80px) - 28px)}.home-stack-ready .home-intro-card .hero-main{flex:initial}}
@media(prefers-reduced-motion:reduce){.home-stack.home-stack-ready{padding:0;background:transparent}.home-stack-ready>.home-stack-card{position:relative;top:auto;padding-bottom:0}.home-stack-ready .home-stack-surface{min-height:0;transform:none;filter:none;box-shadow:none;will-change:auto}}

/* Brief displaced text slices; the orange background never flashes. */
.discipline-strip>[data-glitch-text]{position:relative;display:inline-block}
.discipline-strip>[data-glitch-text]::before,.discipline-strip>[data-glitch-text]::after{content:attr(data-glitch-text);position:absolute;inset:0;pointer-events:none;opacity:0}
.discipline-strip>[data-glitch-text]::before{color:#f4f2ed;clip-path:inset(18% 0 58% 0)}
.discipline-strip>[data-glitch-text]::after{color:#8ef4e7;clip-path:inset(57% 0 20% 0)}
.discipline-strip.is-glitch>[data-glitch-text]{animation:strip-jitter var(--glitch-duration,1.2s) steps(1,end)}
.discipline-strip.is-glitch>[data-glitch-text]::before{animation:strip-slice-a var(--glitch-duration,1.2s) steps(1,end)}
.discipline-strip.is-glitch>[data-glitch-text]::after{animation:strip-slice-b var(--glitch-duration,1.2s) steps(1,end)}
.discipline-strip.is-glitch>[data-glitch-text]:nth-child(even){animation-direction:reverse}
@keyframes strip-jitter{0%,16%,40%,64%,100%{transform:translate(0)}20%,52%{transform:translate(-2px,1px)}28%,58%{transform:translate(2px,0)}}
@keyframes strip-slice-a{0%,15%,38%,63%,100%{opacity:0;transform:none}18%,49%{opacity:1;transform:translate(5px,-1px)}25%,56%{opacity:1;transform:translate(-4px,0)}}
@keyframes strip-slice-b{0%,19%,43%,68%,100%{opacity:0;transform:none}22%,53%{opacity:.85;transform:translate(-5px,1px)}31%,61%{opacity:.85;transform:translate(3px,0)}}
@media(prefers-reduced-motion:reduce){.discipline-strip.is-glitch>[data-glitch-text],.discipline-strip.is-glitch>[data-glitch-text]::before,.discipline-strip.is-glitch>[data-glitch-text]::after{animation:none}.discipline-strip>[data-glitch-text]::before,.discipline-strip>[data-glitch-text]::after{display:none}}

/* Contact call to action: a labelled pill instead of the former arrow circle. */
.contact-arrow{width:auto;height:auto;padding:20px 34px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.contact-arrow:hover{transform:translateY(-2px)}
@media(max-width:760px){.contact-arrow{width:auto;height:auto;padding:14px 22px;font-size:13px}}
