.slideshow-title.swampy-title{position:relative;isolation:isolate;width:min(94%,1080px);aspect-ratio:5/3;padding:0;text-shadow:none;pointer-events:none}
.swampy-title:before{content:"";position:absolute;inset:3% -3% -2%;z-index:-1;background:radial-gradient(ellipse at center,#000b 0%,#0008 38%,#0000 72%);opacity:.85}
.swampy-title h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.swampy-static,.swampy-stage,.swampy-arrival,.swampy-drift{position:absolute;inset:0;width:100%;height:100%}
.swampy-static{object-fit:contain}
.swampy-title.is-loading .swampy-static{visibility:hidden}
.swampy-drop{position:absolute;width:2px;height:5px;border-radius:60%;background:#d5edf1;box-shadow:0 0 2px #a4d9e3;opacity:0}
.swampy-title.is-ready .swampy-drop{animation:swampy-drip var(--drop-period) linear var(--drop-delay) infinite}
.swampy-title.title-still .swampy-drop{display:none}
@keyframes swampy-drip{0%{opacity:0;transform:translateY(0) scale(.6)}3%{opacity:.55}24%{opacity:0;transform:translateY(90px) scale(.8)}100%{opacity:0;transform:translateY(90px) scale(.8)}}
.swampy-stage{visibility:hidden}
.swampy-title.is-ready .swampy-stage{visibility:visible}
.swampy-title.is-ready .swampy-static{visibility:hidden}
.swampy-piece{position:absolute;display:block;max-width:none;transform-origin:var(--origin,center top)}
.swampy-title.is-ready .swampy-arrival{animation:swampy-arrive 2.15s cubic-bezier(.22,.72,.25,1) var(--delay) both}
.swampy-title.is-ready .swampy-drift{animation:swampy-bob var(--period) ease-in-out calc(3s + var(--phase)) infinite}
.swampy-title.is-ready .swampy-branch{animation:swampy-wood 2.6s ease-in-out var(--delay) both}
.swampy-title.is-ready .swampy-growth{animation:swampy-grow 1.1s ease-out var(--delay) both}
.swampy-title.is-ready .swampy-reeds{transform-origin:center bottom;animation-name:swampy-reeds}
.swampy-title.is-ready .swampy-moss{animation:swampy-grow .7s ease-out var(--delay) both,swampy-sway 5.6s ease-in-out calc(var(--delay) + .7s) infinite}
.swampy-title.title-paused *{animation-play-state:paused!important}
.swampy-title.title-still *{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
.title-motion-control{position:absolute;top:26px;right:clamp(24px,5vw,80px);padding:9px 13px;border:1px solid #ffffff38;border-radius:24px;background:#0b131dbb;color:#fff;font:inherit;font-size:.72rem;backdrop-filter:blur(10px)}
@keyframes swampy-arrive{from{opacity:0;transform:translate(var(--scatter),55%) rotate(var(--turn)) scale(.94)}30%{opacity:1}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes swampy-bob{0%,100%{transform:translateY(-.23%) rotate(-.12deg)}50%{transform:translateY(.23%) rotate(.12deg)}}
@keyframes swampy-wood{from{opacity:0;clip-path:inset(0 50%);transform:scaleX(.7)}15%{opacity:1}to{opacity:1;clip-path:inset(0);transform:scaleX(1)}}
@keyframes swampy-grow{from{opacity:0;clip-path:inset(0 0 100%);transform:scaleY(.65)}to{opacity:1;clip-path:inset(0);transform:scaleY(1)}}
@keyframes swampy-reeds{from{opacity:0;clip-path:inset(100% 0 0);transform:scaleY(.65)}to{opacity:1;clip-path:inset(0);transform:scaleY(1)}}
@keyframes swampy-sway{0%,100%{transform:skewX(-.4deg)}50%{transform:skewX(.4deg)}}
@media(max-width:580px){.slideshow-title.swampy-title{width:100%}.title-motion-control{font-size:.62rem;top:72px;right:16px}.swampy-title:before{inset:-12% -2%}}
@media(prefers-reduced-motion:reduce){.swampy-title *{animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important}.swampy-drop{display:none}}
.swampy-slideshow:after{background:linear-gradient(180deg,#07140855,transparent 25%,#07140835 60%,#071408aa)}