/* A sobreposição da abertura é finita: nunca alcança a seção de soluções. */
main>section.hero,main>section.hero.hero-unpinned{position:relative!important;top:0!important;transform:translateY(var(--hero-offset,0px));will-change:transform}
main>.flower-story{background:transparent;isolation:isolate;height:215vh;margin-top:-55px!important}
.flower-scene{height:calc(100svh - 25px);min-height:650px;top:10px;max-width:1100px}
.purpose-heading{top:22px;z-index:4}.purpose-heading p{max-width:650px}
.petal-canvas{position:absolute;inset:0;isolation:isolate}
.moving-petal{position:absolute;background:var(--pink);z-index:1;will-change:transform,left,top;border-radius:60% 60% var(--round,3%) 60%}
.moving-petal-1{border-radius:60% 60% 60% var(--round,3%)}.moving-petal-2{border-radius:60% var(--round,3%) 60% 60%}.moving-petal-3{border-radius:var(--round,3%) 60% 60% 60%}
.petal-copy{position:absolute;z-index:3;transform:translate(-50%,-50%) rotate(var(--copy-tilt));text-align:center;color:var(--wine);pointer-events:none}
.petal-copy h3{font:400 25px/1 Caveat,cursive!important;letter-spacing:-.02em!important;margin:0 0 7px!important;overflow-wrap:normal}
.petal-copy p{font:400 18px/1.05 Caveat,cursive!important;margin:0!important}
.petal-connections{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;color:var(--wine);opacity:var(--arrow-opacity,0);transition:opacity .35s}
.petal-connection{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.joined-dot{position:absolute;background:var(--wine);border-radius:50%;transform:translate(-50%,-50%);z-index:2}
.project-art.real-project{height:350px!important;aspect-ratio:auto;padding:30px!important;border-radius:40px;background:#e2d4c4!important;display:grid;place-items:center;box-shadow:none;overflow:hidden}
.project:nth-child(2) .real-project{background:#d0d9d4!important}.project:nth-child(3) .real-project{background:#e5bea8!important}.project:nth-child(4) .real-project{background:#d9d3e4!important}
.portfolio-screen{width:100%;border:6px solid #fff;border-radius:10px;overflow:hidden;box-shadow:10px 20px 30px #0003;transform:rotate(-3deg);transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s}
.project:nth-child(2) .portfolio-screen{transform:rotate(3deg)}.project:nth-child(3) .portfolio-screen{transform:rotate(2deg)}
.real-project .portfolio-screen img{display:block;width:100%;height:auto;object-fit:contain}
.project:hover .portfolio-screen,.project:focus-visible .portfolio-screen{transform:rotate(0) translateY(-6px) scale(1.025);box-shadow:10px 25px 35px #0004}.project:hover .real-project{transform:none}
.portrait-flower image{width:120%;height:116%}
@media(max-width:1000px){.project-art.real-project{height:290px!important;padding:25px!important}}
@media(max-width:760px){
 header nav{left:0!important;right:0!important;width:100%!important;max-width:none!important;text-align:right!important}header nav *{text-align:right!important}
 main,main>section:not(.hero),footer{text-align:center}.section-head,.section-head>div,.section-head p,.card,.project,.about>div,.partnership-copy,.partnership-details,.partnership-details>div,.quiz,.choose>div,.choose details,.choose summary{text-align:center!important}
 main h2:not(.sr-only),main .quiz h3,main .card h3,main .project h3,main .partnership-details h3{font-size:36px!important}
 .hero h1{font-size:clamp(49px,12vw,68px)!important}.mock-inner,.mock-inner h3{text-align:left}
 .eyebrow{display:block;text-align:center}.hero .actions,.actions{justify-content:center}.section-head p,.partnership-copy>p{margin-left:auto!important;margin-right:auto!important}
 .choose summary{display:grid;grid-template-columns:1fr 20px;align-items:center;gap:10px}.choose summary:after{justify-self:end}.choose details p{text-align:center}.quiz button{margin-left:auto;margin-right:auto}
 .partnership-details .partner-note{width:max-content;max-width:80%;margin:20px auto 35px;text-align:center}.partnership-details>div h3{line-height:1.1}
 .about-art{width:calc(60% + 36px)!important;max-width:60vw!important;margin:0 auto!important}.portrait-flower image{width:120%;height:116%}.about .about-art .personal-emoji{width:40px;height:40px;font-size:36px}
 footer{align-items:center;justify-content:center;text-align:center!important}footer>.brand{align-self:center}footer>div,footer>span{text-align:center}
 main>.flower-story{margin-top:-35px!important;height:225vh}.flower-scene{min-height:730px;height:calc(100svh - 20px);top:10px}.purpose-heading{top:22px;left:6%;right:6%}.purpose-heading h2{font-size:36px!important}.purpose-heading p{font-size:12px;max-width:360px}
 .petal-copy h3{font-size:20px!important;margin-bottom:5px!important}.petal-copy-1 h3{font-size:19px!important}.petal-copy p{font-size:16px!important;line-height:1.02!important}.petal-connections{z-index:2}
 .project-art.real-project{height:270px!important;padding:25px!important;border-radius:30px}.portfolio-screen{border-width:5px}
}
@media(max-width:400px){.petal-copy h3{font-size:18px!important}.petal-copy-1 h3{font-size:17px!important}.petal-copy p{font-size:15px!important}.project-art.real-project{height:230px!important;padding:20px!important}}
.project-art.real-project{height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:32px!important}.portfolio-screen{max-width:100%}
@media(max-width:760px){.project-art.real-project{padding:25px!important}}
@media(max-width:400px){.project-art.real-project{padding:20px!important}}
@media(prefers-reduced-motion:reduce){main>section.hero{transform:none!important;will-change:auto}.moving-petal{will-change:auto}.petal-connections{opacity:1}.portfolio-screen,.project:hover .portfolio-screen{transform:none!important}.flower-story{height:850px!important}}