/* Independently moving illustrated cloud planes, below the hero artwork. */
.top{isolation:isolate;padding-bottom:180px}
.hero{z-index:2}.hero-art{z-index:3}
.hero-copy{position:relative;z-index:4}.hero-note{z-index:4;color:#e1d1eb;text-shadow:0 1px 5px #271a3b}
.hero-clouds{position:absolute;z-index:1;bottom:-2px;left:0;right:0;height:420px;pointer-events:none;overflow:hidden}
.hero-clouds:after{content:'';position:absolute;z-index:4;left:0;right:0;bottom:0;height:110px;background:linear-gradient(transparent,var(--cream) 88%)}
.cloud-layer{position:absolute;left:-7%;width:114%;will-change:transform}
.cloud-layer img{display:block;width:100%;height:100%;object-fit:fill}
.cloud-layer-0{height:100%;bottom:-25px;opacity:.45;filter:brightness(.75) saturate(.8)}
.cloud-layer-0 img{transform:scaleX(-1)}
.cloud-layer-1{height:88%;bottom:-70px;filter:drop-shadow(0 -10px 20px #271a3b12)}
.cloud-layer-2{height:70%;width:125%;left:-12.5%;bottom:-90px}
.top .credentials{position:relative;z-index:3;width:max-content;max-width:94%;margin:10px auto 0;padding:10px 23px;border:0;border-radius:30px;background:#271a3be8;color:#eee3f1;gap:35px}
#about{padding-top:75px}
@media(max-width:640px){.top{padding-bottom:120px}.hero-clouds{height:260px}.cloud-layer-1{bottom:-36px}.cloud-layer-2{bottom:-58px}.hero-clouds:after{height:75px}.top .credentials{gap:12px;padding:10px 14px;font-size:8px;letter-spacing:1px}.credentials i{margin-right:5px}#about{padding-top:48px}}
@media(prefers-reduced-motion:reduce){.cloud-layer{will-change:auto;transform:none!important}}