/* Restore the earlier introduction; keep the rest of the homepage in normal flow. */
#about.leak{scroll-margin-top:96px;display:block;position:relative;padding:0 var(--pad) 10vh;overflow:hidden}
#about .outline-word{font:400 clamp(120px,24vw,440px)/.8 var(--dsp);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--fg);text-align:center;margin-top:0;opacity:.9}
#about .gd-lead{margin:6vh 0 0;max-width:46ch;font-size:clamp(17px,1.35vw,21px);line-height:1.45;letter-spacing:-.015em}
#about .gd-q{margin:14vh 0 0;font:400 clamp(70px,13vw,240px)/.86 var(--dsp);text-transform:uppercase;letter-spacing:-.005em}
#about .gd-question{color:#fff}
#about .gd-role{color:#e60001}
#about .statement{margin:4vh 0 14vh;max-width:15em;font:500 clamp(34px,5.2vw,86px)/1.08 var(--sans);letter-spacing:-.045em}
#about .statement .wd{transition:color .2s}
html.anim #about .statement .wd{color:#666}
html.anim #about .statement .wd.lit{color:var(--fg)}
html[data-theme=light].anim #about .statement .wd{color:#cfcfcf}
html[data-theme=light].anim #about .statement .wd.lit{color:var(--fg)}

/* The project image, name, description and link travel together. */
#work[data-flow=static] .fx-sticky,#work[data-flow=static] .fx-stage{position:static;inset:auto;height:auto;overflow:visible;pointer-events:auto}
#work[data-flow=static] .fx-bg{position:relative;inset:auto;opacity:1;pointer-events:auto;transition:none}
#work[data-flow=static] .fx-bg::before,#work[data-flow=static] .fx-bg::after{display:none}
#work[data-flow=static] .fx-bg picture,#work[data-flow=static] .fx-bg img{position:static;inset:auto;display:block;width:100%;height:auto;transform:none;transition:none}
#work[data-flow=static] .fx-bg__hit{position:static;inset:auto;display:block;pointer-events:auto}
#work[data-flow=static] .fx-bg__copy{position:static;width:100%;opacity:1;padding:32px var(--pad) 80px;gap:20px;transition:none}
#work[data-flow=static] .fx-bg__name{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal}
#work[data-flow=static] .fx-names{display:none}
#work[data-flow=static] .fx-view{background:var(--red)}

/* Each service title belongs to its own description and demonstration. */
#services .sv-pin{display:none}
#services .ch-t{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0 0 24px;font:400 clamp(56px,6.6vw,104px)/.9 var(--dsp);text-transform:uppercase}
#services .ch-stage{padding-top:96px}
.cursor,.lens{display:none!important}
html[data-page=home] .trust{padding-top:64px;padding-bottom:48px}
@media(max-width:900px){
 #services .ch-t{font-size:52px;margin-bottom:16px}
 #services .ch-stage{padding-top:88px}
}
@media(max-width:600px){
 #work[data-flow=static] .fx-bg__copy{padding:24px var(--pad) 56px;gap:16px}
 #work[data-flow=static] .fx-bg__name{font-size:clamp(48px,12vw,76px)}
 #services .ch-t{font-size:44px}
 html[data-page=home] .trust{padding-top:48px}
}
@media(prefers-reduced-motion:reduce){#about .statement .wd{transition:none}}