.desired-state{padding:var(--section-pad-top)0 72px;--column-gap:56px;background:#ebe6f7;position:relative;overflow:hidden}.desired-state__title{text-align:center;opacity:0;margin-bottom:64px;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.desired-state--visible .desired-state__title{opacity:1;transform:translateY(0)}.desired-state__grid{column-gap:var(--column-gap);grid-template-columns:repeat(3,1fr);align-items:start;max-width:1080px;margin:0 auto;display:grid}.desired-state__emotion{text-align:center;opacity:0;padding:0 4px;transition:opacity .7s cubic-bezier(.4,0,.2,1) .1s,transform .7s cubic-bezier(.4,0,.2,1) .1s;position:relative;transform:translateY(16px)}.desired-state--visible .desired-state__emotion{opacity:1;transform:translateY(0)}.desired-state__emotion:not(:last-child):after{content:"";right:calc(var(--column-gap)/-2);background:linear-gradient(180deg,transparent,var(--border-hover),transparent);opacity:0;width:1px;height:80%;transition:opacity .8s .6s;position:absolute;top:10%}.desired-state--visible .desired-state__emotion:not(:last-child):after{opacity:1}.desired-state__emotion-title{font-family:var(--font-display);color:var(--color-text-dark);margin:0 0 14px;font-size:clamp(20px,2.1vw,24px);line-height:1.25}.desired-state__emotion-text{font-family:var(--font-body);color:var(--color-text-body);margin:0;font-size:clamp(15px,1.4vw,17px);line-height:1.6}.desired-state__highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#e8a94a6b,#e8a94a6b);background-position:0 88%;background-repeat:no-repeat;background-size:0% 65%;padding:0 2px;transition:background-size .85s cubic-bezier(.4,0,.2,1) .7s;display:inline}.desired-state--visible .desired-state__highlight{background-size:100% 65%}.desired-state__anchor{font-family:var(--font-display);color:var(--color-text-dark);text-align:center;opacity:0;max-width:900px;margin:80px auto 0;padding:0 16px;font-size:clamp(26px,3.5vw,36px);font-style:italic;line-height:1.3;transition:opacity .7s cubic-bezier(.4,0,.2,1) 1.2s,transform .7s cubic-bezier(.4,0,.2,1) 1.2s;transform:translateY(16px)}.desired-state--visible .desired-state__anchor{opacity:1;transform:translateY(0)}.desired-state__highlight--anchor{background-image:linear-gradient(#7a70c04d,#7a70c04d);background-size:0% 65%;transition:background-size .85s cubic-bezier(.4,0,.2,1) 1.5s}.desired-state__anchor .desired-state__highlight--anchor:nth-of-type(2){transition-delay:1.7s}.desired-state--visible .desired-state__highlight--anchor{background-size:100% 65%}.desired-state__doodle{pointer-events:none;color:var(--color-primary);opacity:0;transition:opacity 1s 1.5s;position:absolute}.desired-state--visible .desired-state__doodle{opacity:.28}.desired-state__doodle path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.desired-state__doodle--moon{width:28px;height:28px;top:96px;left:7%;transform:rotate(-12deg)}.desired-state__doodle--heart{width:24px;height:24px;top:116px;right:8%;transform:rotate(10deg)}.desired-state__doodle--sprout{width:30px;height:30px;bottom:128px;left:13%;transform:rotate(-6deg)}.desired-state__doodle--star{width:22px;height:22px;bottom:144px;right:11%;transform:rotate(8deg)}@media (max-width:1024px){.desired-state{--column-gap:36px;padding-bottom:56px}.desired-state__title{margin-bottom:48px}.desired-state__anchor{margin-top:64px}}@media (max-width:768px){.desired-state{padding-bottom:44px}.desired-state__title{margin-bottom:36px}.desired-state__grid{grid-template-columns:1fr;row-gap:36px;max-width:540px}.desired-state__emotion{padding:0}.desired-state__emotion:not(:last-child):after{background:linear-gradient(90deg,transparent,var(--border-hover),transparent);width:70%;height:1px;inset:auto 15% -18px}.desired-state__anchor{margin-top:56px}.desired-state__doodle{display:none}}@media (prefers-reduced-motion:reduce){.desired-state__title,.desired-state__emotion,.desired-state__anchor,.desired-state__doodle,.desired-state__emotion:not(:last-child):after{opacity:1;transition:none;transform:none}.desired-state__doodle{opacity:.28}.desired-state__highlight{background-size:100% 65%;transition:none}.desired-state__highlight--anchor{background-size:100% 65%}}
