.hero-photo .hero-steam{z-index:1;left:var(--steam-x,52%);top:var(--steam-y,48%);width:var(--steam-width,clamp(280px, 56%, 560px));height:var(--steam-height,clamp(260px, 72%, 460px));opacity:var(--steam-opacity,1);pointer-events:none;display:block;position:absolute;transform:translate(-50%,-96%)}@media (max-width:767px){.hero-photo .hero-steam{width:var(--steam-width,min(82%, 360px));height:var(--steam-height,260px)}}@media (prefers-reduced-motion:reduce){.hero-photo .hero-steam{display:none}}html{scroll-behavior:auto!important;scroll-padding-top:0!important}.studio #main-content,.studio #main-content [id]{scroll-margin-top:96px}.studio #main-content .reveal,.studio #main-content .reveal.is-visible{animation:none!important;transform:none!important}@keyframes heroLineWipe{0%{clip-path:var(--wipe-from)}to{clip-path:inset(-.25em -.1em)}}@keyframes heroLineFade{0%{opacity:0}}@keyframes heroLineBar{0%{opacity:0;transform:translateX(var(--bar-from))}12%,78%{opacity:1}to{opacity:0;transform:translate(0)}}.studio .hero-line{--wipe-from:inset(-.25em calc(100% + .1em) -.25em -.1em);--bar-from:-100%;--bar-edge:to left;width:fit-content;animation:.66s cubic-bezier(.65,0,.25,1) backwards heroLineWipe,.28s linear backwards heroLineFade;animation-delay:calc(var(--enter-index,0) * .16s + 80ms);display:block;position:relative}[dir=rtl] .studio .hero-line,.studio .hero-line:lang(ar){--wipe-from:inset(-.25em -.1em -.25em calc(100% + .1em));--bar-from:100%;--bar-edge:to right}.studio .hero-line:after{content:"";background:linear-gradient(var(--bar-edge),var(--brand-visual,var(--red)) 0 max(3px,.07em),transparent max(3px,.07em));opacity:0;pointer-events:none;animation:.66s cubic-bezier(.65,0,.25,1) backwards heroLineBar;animation-delay:inherit;position:absolute;inset:0 -.1em}@keyframes heroEnter{0%{opacity:0}}.studio .hero-enter{animation:.76s cubic-bezier(.22,1,.36,1) backwards heroEnter;animation-delay:calc(var(--enter-index,0) * .1s + .4s)}@media (prefers-reduced-motion:reduce){.studio .hero-enter,.studio .hero-line,.studio .hero-line:after{animation:none!important}.studio #main-content [data-word]{opacity:1!important}.studio #main-content [data-reveal=draw]{clip-path:none!important}.studio #main-content .hero-photo{opacity:1!important}}