.clay-veil{--clay-color:#a88f70;--clay-shade:#a88f70;z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.clay-veil__paper{background:#eeebe3;transition:opacity .5s;position:absolute;inset:0}.clay-veil.is-revealing .clay-veil__paper{opacity:0}.clay-veil__lava{aspect-ratio:200/240;height:min(62cqh,74cqw,360px);transition:opacity .5s;animation:.8s cubic-bezier(.2,.8,.2,1) 80ms backwards clay-veil-arrive;position:absolute;top:47%;left:50%;overflow:visible;translate:-50% -50%}.clay-veil.is-revealing .clay-veil__lava,.clay-veil.is-waiting .clay-veil__lava{opacity:0}.clay-veil__lava stop{transition:stop-color .6s}.clay-veil__stop-light{stop-color:color-mix(in srgb, var(--clay-color) 84%, #fff)}.clay-veil__stop-body{stop-color:var(--clay-color)}.clay-veil__stop-shade{stop-color:color-mix(in srgb, var(--clay-shade) 78%, #000)}.clay-veil__drop{transform-box:fill-box;transform-origin:50%;animation:ease-in-out infinite alternate clay-veil-rise}.clay-veil__drop.is-base{animation-name:clay-veil-breathe;animation-duration:5.2s}.clay-veil__drop.is-a{--rise:-58px;--sway:10px;animation-duration:6.4s}.clay-veil__drop.is-b{--rise:-74px;--sway:-12px;animation-duration:7.6s;animation-delay:-2.1s}.clay-veil__drop.is-c{--rise:-52px;--sway:14px;animation-duration:5.8s;animation-delay:-3.4s}.clay-veil__drop.is-d{--rise:-40px;--sway:-8px;animation-duration:8.4s;animation-delay:-1.2s}.clay-veil__drop.is-top{animation-name:clay-veil-sink;animation-duration:9s;animation-delay:-4s}.clay-veil__glass{-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);background:radial-gradient(120% 90% at 30% 10%,#fff6,#0000 60%),#f4f1ea4d;transition:-webkit-backdrop-filter .45s cubic-bezier(.4,0,.2,1) .75s,backdrop-filter .45s cubic-bezier(.4,0,.2,1) .75s,opacity .45s cubic-bezier(.4,0,.2,1) .75s;position:absolute;inset:0;box-shadow:inset 0 1px #fff9}.clay-veil.is-revealing .clay-veil__glass{-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();opacity:0}.clay-veil__label{color:#5c564c;letter-spacing:.02em;text-align:center;font:12px/1.3 Arial,Helvetica,sans-serif;transition:opacity .25s;animation:.5s .4s backwards clay-veil-fade;position:absolute;top:calc(47cqh + min(31cqh,37cqw,180px) + 16px);left:0;right:0}.clay-veil.is-revealing .clay-veil__label{opacity:0}.clay-veil.is-compact .clay-veil__label{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.clay-veil.is-compact .clay-veil__glass{-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15)}.clay-veil.is-compact.is-revealing .clay-veil__glass{-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate()}@keyframes clay-veil-arrive{0%{opacity:0;scale:.9}}@keyframes clay-veil-fade{0%{opacity:0}}@keyframes clay-veil-rise{0%{transform:translate(0)scale(1)}50%{transform:translate(var(--sway,0), calc(var(--rise,-50px) * .55)) scale(.92, 1.08)}to{transform:translate(calc(var(--sway,0) * -.6), var(--rise,-50px)) scale(1.04, .96)}}@keyframes clay-veil-breathe{to{transform:scale(1.1,.92)}}@keyframes clay-veil-sink{0%{transform:translate(0)scale(1)}60%{transform:translate(-6px,34px)scale(1.08,.9)}to{transform:translate(8px,62px)scale(.9,1.06)}}@media (prefers-reduced-motion:reduce){.clay-veil__lava,.clay-veil__label,.clay-veil__drop{animation:none}.clay-veil__glass{transition:opacity .3s .5s}}