.tf-scene{position:relative;height:calc((var(--tf-screens,4) + 1)*100svh);background:#080808;color:white}.tf-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#080808}.tf-canvas,.tf-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tf-canvas{opacity:0}.tf-ready .tf-canvas{opacity:1}.tf-ready .tf-poster{visibility:hidden}.tf-caption{position:absolute;left:clamp(24px,6vw,90px);right:24px;bottom:14%;font-size:clamp(24px,4vw,64px);font-family:Georgia,serif;line-height:1.12;text-shadow:0 2px 16px #000;max-width:850px;pointer-events:none}.tf-status{position:absolute;bottom:24px;left:24px;font:11px Arial,sans-serif;background:rgba(0,0,0,.65);padding:7px 10px;border-radius:20px}.tf-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#333}.tf-progress span{display:block;height:100%;width:100%;background:var(--ts-accent,#c98565);transform:scaleX(0);transform-origin:left}.tf-static{height:auto}.tf-static .tf-sticky{position:relative;height:80svh}.tf-static .tf-progress{display:none}.tf-static .tf-status{display:none}
.tf-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tf-visual{will-change:transform}.tf-motion{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tf-layer{position:absolute;max-width:90%;text-align:center;white-space:pre-wrap;line-height:1.12;font-family:Georgia,serif;will-change:transform,opacity;text-shadow:0 2px 20px rgba(0,0,0,.45)}.tf-layer[hidden]{display:none}.tf-layer-image,.tf-layer-shape{width:var(--tf-layer-width,30%)}.tf-layer-image img{display:block;width:100%;height:auto}.tf-shape{width:100%;aspect-ratio:1;background:var(--tf-shape-color,#fff)}.tf-circle{border-radius:50%}.tf-unlock{position:absolute;right:24px;bottom:24px;z-index:5;color:#fff;background:rgba(0,0,0,.75);border:1px solid #777;border-radius:24px;padding:12px 20px;cursor:pointer}.tf-unlock[hidden]{display:none}.tf-unlock:focus-visible{outline:2px solid white;outline-offset:4px}.tf-static .tf-motion{display:none}.tf-static .tf-unlock{display:none}@media(max-width:767px){.tf-scene:not(.tf-static){height:calc((var(--tf-mobile-screens,var(--tf-screens,4)) + 1)*100svh)}}