/* Finite, input-driven responses adapted from Fieldnotes studies 13 and 21. */
.home-intro .tactile-title-button{position:relative;display:inline-block;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;touch-action:pan-y}
.home-intro .tactile-title-button::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.home-intro .tactile-letter{display:inline-block;transform-origin:50% 80%}
.home-intro .tactile-title-button:focus{outline:none}
[data-input=keyboard] .home-intro .tactile-title-button:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}
.tactile-water{position:relative}
.tactile-water-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;overflow:hidden;background:none;cursor:pointer;touch-action:pan-y}
.tactile-water-button:focus{outline:none}
[data-input=keyboard] .tactile-water-button:focus-visible{outline:2px solid var(--red);outline-offset:-6px}
.tactile-ripple{position:absolute;pointer-events:none;border:1px solid rgba(245,244,239,.68);border-radius:50%;opacity:0;box-shadow:0 0 0 4px rgba(196,228,248,.10),inset 0 0 0 5px rgba(25,27,26,.07)}
.tactile-ripple::after{content:"";position:absolute;inset:7px;border:1px solid rgba(245,244,239,.26);border-radius:50%}
.tactile-ripple.is-still{width:44px!important;height:44px!important;opacity:.35;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){.home-intro .tactile-letter{transform:none!important}}