/* Brief 17, 19, 20, 21, 24. Decoration is separate from readable content. */
.sphere-petal{animation:float-soft 9.3s -2s ease-in-out infinite,spec-morph 7s ease-in-out infinite alternate}
@keyframes spec-morph{0%{border-radius:50%;scale:1}55%{border-radius:18% 65% 25% 58%;scale:1.1}100%{border-radius:62% 18% 58% 24%;scale:.92}}
.site-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0 0 74px;text-align:center}
.site-facts>div{border-left:1px solid var(--color-line);padding:10px 20px}.site-facts>div:first-child{border-left:0}.fact-value{display:block;font-size:60px;color:var(--color-purple);font-weight:600;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums}.site-facts p{max-width:180px;margin:10px auto 0;font-size:14px;line-height:1.6}
.pause-section{position:relative;isolation:isolate;overflow:hidden}.pause-copy,.breathing-space{position:relative;z-index:1}.particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.particle-field circle{fill:var(--color-purple);opacity:.3}.particle-field circle:nth-child(3n){fill:var(--color-primary);opacity:.45}.particle-field circle:nth-child(2n){fill:var(--color-pink);stroke:var(--color-primary);stroke-width:1;opacity:.7}
.section-wave{display:block;width:100%;height:65px;overflow:hidden;background:var(--color-canvas);pointer-events:none;margin-bottom:-1px}.section-wave path{fill:var(--surface-pink)}.section-wave.wave-to-approach{background:var(--surface-lilac)}.section-wave.wave-to-approach path{fill:var(--surface-purple)}
.about-section{background:linear-gradient(180deg,var(--surface-pink),var(--color-white))}
@media(max-width:640px){.site-facts{gap:0;padding-bottom:45px}.site-facts>div{padding:4px 9px}.fact-value{font-size:38px;letter-spacing:-1px}.site-facts p{font-size:11px;line-height:1.6}.section-wave{height:42px}}
@media(max-width:360px){.fact-value{font-size:34px}.site-facts>div{padding-inline:5px}.site-facts p{font-size:10px}}
.reduce-motion .sphere-petal{border-radius:35% 65% 50% 50%}
.story-center{font-weight:700}
@media(max-width:640px){.story-center{font-size:19px}}
@media(max-width:640px){.photo-zoom-frame img{width:100%;object-position:50% 38%}.photo-zoom-frame figcaption{top:auto;bottom:8%;translate:none;color:var(--color-white);max-width:90%}.photo-zoom-frame:after{background:linear-gradient(0deg,color-mix(in srgb,var(--color-ink) 80%,transparent),transparent 68%)}}