/* A shared silk gesture: a parted entrance, then a quiet ribbon along the page. */
.preparing body>:not(.brand-opening){visibility:hidden}
.gentle-hero .hero-photo{isolation:isolate;overflow:hidden}
.gentle-hero .hero-photo:before,.gentle-hero .hero-photo:after{content:"";position:absolute;inset:-4% auto -4% -3%;width:56%;height:108%;z-index:2;pointer-events:none;background:#EDEBE9;border-radius:0 44% 58% 0;transform:translateX(-110%);opacity:1}
.gentle-hero .hero-photo:after{left:auto;right:-3%;border-radius:54% 0 0 42%;transform:translateX(110%)}
.hero-revealing.motion-enabled .gentle-hero .hero-photo:before{animation:silk-left 1.6s cubic-bezier(.16,1,.3,1) both}
.hero-revealing.motion-enabled .gentle-hero .hero-photo:after{animation:silk-right 1.6s cubic-bezier(.16,1,.3,1) both}
@keyframes silk-left{from{transform:translateX(0)}to{transform:translateX(-110%)}}
@keyframes silk-right{from{transform:translateX(0)}to{transform:translateX(110%)}}
.page-silk{position:fixed;inset:0;width:100%;height:100%;z-index:25;pointer-events:none;opacity:.5;contain:strict}
.page-silk path{fill:none;stroke:url(#silk-tone);stroke-width:34;stroke-linecap:round}
.page-silk .silk-edge{stroke:#fff;stroke-width:1;opacity:.65}
.motion-paused .page-silk{display:none}
.motion-enabled .symbiosis-photo{transition:translate .65s cubic-bezier(.2,.7,.2,1);translate:0 var(--silk-rise,0px)}
@media(max-width:800px){.page-silk path{stroke-width:15}.page-silk .silk-edge{stroke-width:.6}.page-silk{opacity:.38}}


.preparing.motion-enabled .gentle-hero .hero-photo:before,.preparing.motion-enabled .gentle-hero .hero-photo:after{transform:translateX(0)}
