#slide-title{transform:perspective(1200px) translate3d(var(--title-x,0px),var(--title-y,0px),0) rotateX(var(--title-rx,0deg)) rotateY(var(--title-ry,0deg));transform-origin:35% 50%;transition:transform .65s cubic-bezier(.2,.8,.2,1);overflow:visible}
#slide-title .title-word{display:block;font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap}
#slide-title .title-letter{display:inline-block;font:inherit;position:relative;transform:translateY(calc(var(--letter-shift,0px) * var(--depth,1)));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
#slide-title .title-accent{position:relative;display:inline-block;isolation:isolate;background:none;color:#fff0d6;font:inherit;letter-spacing:inherit;padding:0;margin:0}
#slide-title .title-accent::before{content:'';position:absolute;z-index:-1;inset:0 -.12em -7%;border-radius:0;background:linear-gradient(110deg,#ad4318,#d46323 58%,#df752b);-webkit-mask:url("assets/decor/title-brush-mask.svg") center/100% 100% no-repeat;mask:url("assets/decor/title-brush-mask.svg") center/100% 100% no-repeat;transform:translate(var(--accent-x,0px),var(--accent-y,0px)) rotate(-3deg);transition:transform .85s cubic-bezier(.2,.8,.2,1)}
body.still #slide-title{transform:none}body.still #slide-title .title-letter{transform:none}body.still #slide-title .title-accent::before{transform:rotate(-3deg)}
@media(prefers-reduced-motion:reduce){#slide-title,#slide-title .title-letter{transform:none!important}#slide-title .title-accent::before{transform:rotate(-3deg)!important}}
@media(min-width:701px){.hero .hero-title{margin-top:24px}#slide-title{font-size:clamp(64px,min(12vw,18vh),220px)}}
