.landing-v2-home-map-heading{position:relative}
.landing-watercolor-reveal{position:absolute;left:0;width:280px;max-width:90%;aspect-ratio:3/2;pointer-events:none;isolation:isolate}
.landing-watercolor-shell{top:calc(100% + 56px)}
.landing-watercolor-sailboat{bottom:calc(100% + 52px);width:300px}
.landing-watercolor-reveal img{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;opacity:1;transform:none}
.landing-watercolor-sand{visibility:hidden}
.landing-watercolor-reflection{clip-path:inset(79% 0 0 0)}
.landing-watercolor-sailboat .landing-watercolor-art{clip-path:inset(0 0 21% 0)}
/* Complementary soft masks uncover the shell as the painted sand recedes. */
.landing-watercolor-shell.is-prepared .landing-watercolor-art{mask-image:linear-gradient(115deg,#000 35%,transparent 55%);mask-size:350% 100%;mask-position:100% 0;mask-repeat:no-repeat}
.landing-watercolor-shell.is-prepared .landing-watercolor-sand{visibility:visible;mask-image:linear-gradient(115deg,transparent 35%,#000 55%);mask-size:350% 100%;mask-position:100% 0;mask-repeat:no-repeat}
.landing-watercolor-shell.is-revealed .landing-watercolor-art{animation:landing-shell-uncover 2.2s .65s cubic-bezier(.22,.61,.36,1) both}
.landing-watercolor-shell.is-revealed .landing-watercolor-sand{animation:landing-sand-sweep 2.2s .65s cubic-bezier(.22,.61,.36,1) both}
@keyframes landing-shell-uncover{from{mask-position:100% 0}to{mask-position:0 0}}
@keyframes landing-sand-sweep{0%{mask-position:100% 0;transform:translate(0,0);opacity:1}85%{opacity:.6}100%{mask-position:0 0;transform:translate(22px,8px);opacity:0}}
/* A broad, soft watercolor bloom grows through the boat, then its reflection. */
.landing-watercolor-sailboat.is-prepared .landing-watercolor-art{mask-image:radial-gradient(ellipse,#000 48%,rgba(0,0,0,.6) 58%,transparent 72%);mask-repeat:no-repeat;mask-position:50% 65%;mask-size:0% 0%}
.landing-watercolor-sailboat.is-prepared .landing-watercolor-reflection{opacity:0}
.landing-watercolor-sailboat.is-revealed .landing-watercolor-art{animation:landing-water-bloom 2.2s .65s ease-out both}
.landing-watercolor-sailboat.is-revealed .landing-watercolor-reflection{animation:landing-water-reflection .9s 1.95s ease-out both}
@keyframes landing-water-bloom{from{mask-size:0% 0%}to{mask-size:320% 320%}}
@keyframes landing-water-reflection{from{opacity:0}to{opacity:1}}
@media(max-width:900px){
 .landing-watercolor-reveal{position:relative;left:auto;top:auto;bottom:auto;width:240px;max-width:85%}
 .landing-watercolor-shell{margin:52px auto 0}
 .landing-watercolor-sailboat{margin:0 auto 48px;width:260px}
}
@media(prefers-reduced-motion:reduce){
 .landing-watercolor-reveal img{animation:none!important;mask-image:none!important;transform:none!important;opacity:1!important}
 .landing-watercolor-sand{display:none!important}
}
