/* Sparse, tonal decoration: one focal point, room around it, and a repeated gold accent. */
body.site-multipage .lotus-detail{display:block;width:58px;height:auto;max-width:100%;opacity:.68;flex:none;pointer-events:none}
body.site-multipage .home-about-copy>.lotus-detail{margin:0 0 16px;width:60px;opacity:.82}
body.site-multipage .signature-signoff{display:flex;align-items:center;gap:26px;margin:22px 0 4px;max-width:300px}
body.site-multipage .signature-signoff .signature{margin:0!important}
body.site-multipage .signature-signoff>.lotus-detail{width:70px;opacity:.56}
/* The wallpaper is limited to the opening section and never captures clicks. */
body.site-multipage #home{position:relative;isolation:isolate}
body.site-multipage #home .hero-inner{position:relative;z-index:2}
body.site-multipage #home .petal-wallpaper{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:layout paint;--petal-vein:#646B68}
.petal-drift{position:absolute;display:block;width:var(--petal-size,22px);height:auto;color:var(--petal-color,#969C99);opacity:var(--petal-opacity,.3);animation:petal-breeze var(--petal-duration,23s) ease-in-out var(--petal-delay,0s) infinite alternate;animation-play-state:paused;transform-origin:50% 65%}
.petal-wallpaper.is-in-view .petal-drift{animation-play-state:running}
.petal-response{display:block;width:100%;transition:transform .8s cubic-bezier(.18,.65,.3,1);will-change:auto;pointer-events:none}
.petal-response svg{display:block;width:100%;height:auto;overflow:visible}
.petal-response[data-escaping="true"]{transition-duration:.55s}
.petal-1{left:1.8%;top:13%;--petal-size:24px;--petal-duration:24s;--petal-delay:-7s;--petal-color:#969C99;--petal-opacity:.32}
.petal-2{left:4%;top:78%;--petal-size:18px;--petal-duration:28s;--petal-delay:-19s;--petal-color:#D8DCDA;--petal-opacity:.78}
.petal-3{left:47.5%;top:8%;--petal-size:20px;--petal-duration:26s;--petal-delay:-13s;--petal-color:#B8BDBA;--petal-opacity:.25}
.petal-4{right:1.5%;top:30%;--petal-size:23px;--petal-duration:25s;--petal-delay:-4s;--petal-color:#D8DCDA;--petal-opacity:.82}
.petal-5{right:2%;top:83%;--petal-size:19px;--petal-duration:29s;--petal-delay:-16s;--petal-color:#8C9490;--petal-opacity:.28}
@keyframes petal-breeze{0%{transform:translate3d(-9px,-16px,0) rotate(-27deg)}45%{transform:translate3d(12px,9px,0) rotate(8deg)}100%{transform:translate3d(-3px,28px,0) rotate(35deg)}}
@media(max-width:760px){
 .petal-2,.petal-3{display:none}
 .petal-1{left:2%;top:11%;--petal-size:19px}
 .petal-4{right:1%;top:49%;--petal-size:20px}
 .petal-5{left:2%;right:auto;top:86%;--petal-size:17px}
 body.site-multipage .home-about-copy>.lotus-detail{width:48px;margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.petal-drift{animation:none!important}.petal-response{transition:none!important}}

/* More petals, with the same soft tones and breathing room around the focal points. */
.petal-6{left:16%;top:4%;--petal-size:18px;--petal-duration:31s;--petal-delay:-12s;--petal-color:#D8DCDA;--petal-opacity:.72}
.petal-7{left:47%;top:36%;--petal-size:19px;--petal-duration:27s;--petal-delay:-21s;--petal-color:#969C99;--petal-opacity:.28}
.petal-8{left:2.4%;top:46%;--petal-size:22px;--petal-duration:32s;--petal-delay:-9s;--petal-color:#D8DCDA;--petal-opacity:.76}
.petal-9{left:46%;top:73%;--petal-size:17px;--petal-duration:30s;--petal-delay:-3s;--petal-color:#B8BDBA;--petal-opacity:.27}
.petal-10{right:1.4%;top:60%;--petal-size:21px;--petal-duration:29s;--petal-delay:-18s;--petal-color:#969C99;--petal-opacity:.3}
@media(max-width:760px){
 .petal-7,.petal-9{display:none}
 .petal-6{left:7%;top:35%;--petal-size:17px}
 .petal-8{left:auto;right:2%;top:69%;--petal-size:18px}
 .petal-10{left:2%;right:auto;top:57%;--petal-size:16px}
}

/* Pick up a leaf, drag it and leave it where it is dropped. */
body.site-multipage #home .petal-wallpaper{z-index:3}
.petal-wallpaper .petal-drift{pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.petal-wallpaper .petal-drift:before{content:'';position:absolute;left:50%;top:50%;width:44px;height:54px;transform:translate(-50%,-50%)}
.petal-wallpaper .petal-response{pointer-events:none;transition:none}
.petal-wallpaper .petal-drift:focus-visible{animation-play-state:paused}
.petal-wallpaper .petal-drift[data-placed="true"]{animation:none!important}
.petal-wallpaper .petal-drift.is-held{cursor:grabbing;z-index:10}
.petal-wallpaper .petal-drift:focus-visible{outline:2px solid #646B68;outline-offset:8px;border-radius:50%}

/* Slow floating continues around the position chosen by the visitor. */
.petal-wallpaper .petal-drift{animation-duration:calc(var(--petal-duration,23s) * 2)}
.petal-wallpaper .petal-drift[data-placed="true"] .petal-response{animation:petal-placed-breeze 40s ease-in-out infinite;transform-origin:50% 65%}
.petal-wallpaper .petal-drift.is-held .petal-response{animation-play-state:paused!important}
@keyframes petal-placed-breeze{0%,100%{transform:translate(0,0) rotate(var(--petal-angle,0deg))}33%{transform:translate(4px,-5px) rotate(calc(var(--petal-angle,0deg) + 5deg))}66%{transform:translate(-4px,4px) rotate(calc(var(--petal-angle,0deg) - 4deg))}}
@media(prefers-reduced-motion:reduce){.petal-wallpaper .petal-response{animation:none!important}}
