.cloud-bg{min-height:100vh;z-index:-1;pointer-events:none;opacity:0;min-height:100lvh;transition:opacity 2.2s cubic-bezier(.37,0,.63,1);position:fixed;inset:0;overflow:hidden}.cloud-bg--visible{opacity:1}@media(max-width:767px){.site-page-shell,.cloud-background-page{min-height:100vh;min-height:100svh}.cloud-background-page{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}}.cloud-bg__layer{will-change:transform;backface-visibility:hidden;position:absolute}.cloud-bg__svg{display:block}@keyframes cloud-bg-parallax{0%{transform:translate(0)}to{transform:translate3d(0,var(--cloud-shift,0px),0)}}@supports (animation-timeline:scroll()){.cloud-bg__layer--scroll-driven{animation:linear both cloud-bg-parallax;animation-timeline:scroll(root);animation-range:0 1600px}}@media(prefers-reduced-motion:reduce){.cloud-bg{transition:none}.cloud-bg__layer{animation:none;transform:none}}.hang-pair{--sway:0deg;flex-flow:row;justify-content:center;align-items:flex-start;gap:0;min-width:0;padding-top:1.5rem;display:flex;position:relative}.hang-card{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--surface,var(--cream));box-shadow:0 10px 30px -18px color-mix(in srgb,var(--ink) 55%,transparent);transform-origin:50% -18px;transform:rotate(calc(var(--tilt,0deg) + var(--sway))) translate(var(--spread,0px));will-change:transform;aspect-ratio:3/4;border-radius:1.25rem;flex-direction:column;flex-shrink:0;justify-content:flex-start;width:220px;padding:1.25rem;transition:transform .62s cubic-bezier(.2,.9,.2,1),box-shadow .42s;display:flex;position:relative}.hang-card:before{content:"";background:color-mix(in srgb,var(--ink) 70%,transparent);border-radius:999px;width:10px;height:10px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.hang-card:after{content:"";background:color-mix(in srgb,var(--ink) 35%,transparent);width:1px;height:18px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.hang-card--front{--tilt:-1.6deg;z-index:3}.hang-card--back{--tilt:2.4deg;z-index:2;margin-top:.5rem;margin-left:-1.75rem}.hang-card--third{--tilt:-1deg;z-index:1;margin-top:1.25rem;margin-left:-1.75rem}.hang-pair:hover .hang-card--front,.hang-pair:focus-within .hang-card--front{--tilt:-.5deg;--spread:-12px;box-shadow:0 18px 40px -20px color-mix(in srgb,var(--ink) 60%,transparent)}.hang-pair:hover .hang-card--back,.hang-pair:focus-within .hang-card--back{--tilt:.8deg;--spread:30px;box-shadow:0 18px 40px -20px color-mix(in srgb,var(--ink) 60%,transparent)}.hang-pair:hover .hang-card--third,.hang-pair:focus-within .hang-card--third{--tilt:1.2deg;--spread:64px;box-shadow:0 18px 40px -20px color-mix(in srgb,var(--ink) 60%,transparent)}@media(prefers-reduced-motion:reduce){.hang-card{transition:none;transform:none}.hang-card--back{margin-top:.5rem;margin-left:.5rem}.hang-card--third{margin-top:1.25rem;margin-left:.5rem}}@media(max-width:640px){.hang-pair{flex-flow:column wrap;justify-content:flex-start;align-items:stretch;gap:2rem;padding-bottom:.5rem;overflow:visible}.hang-card{aspect-ratio:auto;width:100%;padding:1.25rem}.hang-card--back,.hang-card--third{margin-top:0;margin-left:0}.hang-pair:hover .hang-card--front,.hang-pair:focus-within .hang-card--front,.hang-pair:hover .hang-card--back,.hang-pair:focus-within .hang-card--back,.hang-pair:hover .hang-card--third,.hang-pair:focus-within .hang-card--third{--spread:0px}}
