.floopilo-about{--about-accent-rgb: 127, 107, 216;overflow:hidden;background:radial-gradient(circle at 8% 8%,rgba(var(--about-accent-rgb),.08),transparent 24rem),var(--about-page-background);color:rgb(var(--color-foreground))}.floopilo-about__shell{width:min(var(--about-content-width),calc(100% - 4rem));margin:0 auto}.floopilo-about__hero{position:relative;padding:var(--about-hero-padding) 0;background:radial-gradient(circle at 14% 28%,rgba(255,255,255,.84),transparent 28rem),linear-gradient(135deg,var(--about-hero-background),var(--about-hero-background-end))}.floopilo-about__hero-grid,.floopilo-about__story-row,.floopilo-about__closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(4rem,8vw,10rem)}.floopilo-about__hero-copy,.floopilo-about__story-copy,.floopilo-about__closing-copy{max-width:var(--about-copy-width)}.floopilo-about__page-title{margin:0 0 1.4rem;font-size:clamp(1.4rem,1.2vw,1.8rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--about-accent)}.floopilo-about__hero-heading{max-width:12ch;margin:0;font-family:var(--floopilo-font-display)!important;font-size:clamp(4rem,5vw,6.8rem);font-weight:400;line-height:1.02;text-wrap:balance}.floopilo-about__hero-intro{max-width:48rem;margin-top:2.4rem;font-size:clamp(1.7rem,1.5vw,2.1rem);line-height:1.75}.floopilo-about__media{position:relative;min-width:0}.floopilo-about__image-frame{position:relative;overflow:hidden;min-height:38rem;border-radius:var(--about-image-radius);background:#ffffffb3;box-shadow:0 2.2rem 6rem #523f801a}.floopilo-about__hero .floopilo-about__image-frame{min-height:clamp(42rem,50vw,64rem);border-radius:42% 18% 36% 16%/18% 30% 22% 38%}.floopilo-about__image,.floopilo-about__placeholder{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.floopilo-about__placeholder{padding:8rem;color:rgba(var(--about-accent-rgb),.22);background:#ffffff94}.floopilo-about__doodle{position:absolute;z-index:2;width:3.2rem;height:3.2rem;pointer-events:none;opacity:.55}.floopilo-about__doodle:before,.floopilo-about__doodle:after{position:absolute;width:1.9rem;height:3rem;border:.3rem solid var(--about-accent);border-bottom:0;border-radius:2rem 2rem 0 0;content:""}.floopilo-about__doodle:before{left:.6rem;transform:rotate(-45deg);transform-origin:0 100%}.floopilo-about__doodle:after{left:-.6rem;transform:rotate(45deg);transform-origin:100% 100%}.floopilo-about__hero .floopilo-about__doodle{top:7%;left:-2rem;transform:rotate(-12deg)}.floopilo-about__stories{padding:var(--about-section-padding) 0}.floopilo-about__story-row{position:relative;min-height:48rem}.floopilo-about__story-row+.floopilo-about__story-row{margin-top:var(--about-row-gap)}.floopilo-about__story-row--image-right .floopilo-about__media{order:2}.floopilo-about__story-row--image-right .floopilo-about__story-copy{order:1;justify-self:end}.floopilo-about__story-row--image-left .floopilo-about__story-copy{justify-self:end}.floopilo-about__story-row:nth-child(odd) .floopilo-about__doodle{bottom:-1.2rem;left:-1.2rem;transform:rotate(8deg)}.floopilo-about__story-row:nth-child(2n) .floopilo-about__doodle{right:-1.2rem;bottom:-1.2rem;transform:rotate(-9deg)}.floopilo-about__story-heading,.floopilo-about__closing-heading{margin:0 0 2.4rem}.floopilo-about__story-heading{font-family:var(--floopilo-font-display);font-size:clamp(3rem,calc(1.4308rem + 1.9231vw),4.2rem);line-height:1.18}.floopilo-about__closing-heading{font-family:var(--floopilo-font-display);font-size:clamp(3.2rem,calc(1.8308rem + 1.9231vw),4.6rem);line-height:1.12}.floopilo-about__richtext{font-size:clamp(1.6rem,1.2vw,1.85rem);line-height:1.85}.floopilo-about__richtext p{margin:0}.floopilo-about__richtext p+p{margin-top:1.8rem}.floopilo-about__richtext strong{color:var(--about-accent)}.floopilo-about__closing{padding:0 0 var(--about-section-padding)}.floopilo-about__closing-panel{position:relative;overflow:hidden;padding:clamp(4rem,7vw,8rem);border-radius:calc(var(--about-image-radius) * 1.2);background:radial-gradient(circle at 75% 35%,rgba(255,255,255,.82),transparent 26rem),linear-gradient(135deg,var(--about-closing-background),var(--about-closing-background-end))}.floopilo-about__closing .floopilo-about__image-frame{min-height:34rem;border-radius:48% 20% 46% 22%/38% 44% 30% 36%}.floopilo-about__closing .floopilo-about__doodle{top:3rem;right:3rem;transform:rotate(8deg)}@media screen and (min-width:990px){.floopilo-about__hero-grid,.floopilo-about__story-row{gap:clamp(3.2rem,5vw,7.2rem)}.floopilo-about__hero-grid,.floopilo-about__story-row--image-right{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr)}.floopilo-about__story-row--image-left{grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr)}}@media screen and (max-width:989px){.floopilo-about__shell{width:min(var(--about-content-width),calc(100% - 3rem))}.floopilo-about__hero-grid,.floopilo-about__story-row,.floopilo-about__closing-grid{grid-template-columns:1fr;gap:2.8rem}.floopilo-about__hero{padding:var(--about-mobile-hero-padding) 0}.floopilo-about__hero-copy,.floopilo-about__story-copy,.floopilo-about__closing-copy{max-width:62rem}.floopilo-about__hero-heading{max-width:14ch}.floopilo-about__hero .floopilo-about__media{margin-top:1rem}.floopilo-about__stories{padding:var(--about-mobile-section-padding) 0}.floopilo-about__story-row{min-height:0}.floopilo-about__story-row+.floopilo-about__story-row{margin-top:var(--about-mobile-row-gap)}.floopilo-about__story-row--image-right .floopilo-about__media,.floopilo-about__story-row--image-left .floopilo-about__media{order:1}.floopilo-about__story-row--image-right .floopilo-about__story-copy,.floopilo-about__story-row--image-left .floopilo-about__story-copy{order:2;justify-self:start}.floopilo-about__image-frame{aspect-ratio:4 / 3;min-height:0}.floopilo-about__image,.floopilo-about__placeholder{min-height:0}.floopilo-about__closing{padding-bottom:var(--about-mobile-section-padding)}.floopilo-about__closing-panel{padding:4rem 2.4rem}.floopilo-about__closing-copy{order:1}.floopilo-about__closing .floopilo-about__media{order:2}}@media screen and (max-width:749px){.floopilo-about__shell{width:min(var(--about-content-width),calc(100% - 4rem))}.floopilo-about__hero{padding-top:clamp(4.4rem,12vw,var(--about-mobile-hero-padding));padding-bottom:clamp(4.4rem,12vw,var(--about-mobile-hero-padding))}.floopilo-about__hero-grid,.floopilo-about__story-row,.floopilo-about__closing-grid{gap:2.4rem}.floopilo-about__hero-copy,.floopilo-about__story-copy,.floopilo-about__closing-copy{max-width:100%}.floopilo-about__hero-heading{max-width:13ch}.floopilo-about__hero-intro{margin-top:2rem;line-height:1.68}.floopilo-about__stories{padding-top:clamp(5.2rem,14vw,var(--about-mobile-section-padding));padding-bottom:clamp(5.2rem,14vw,var(--about-mobile-section-padding))}.floopilo-about__story-row+.floopilo-about__story-row{margin-top:clamp(5.6rem,16vw,var(--about-mobile-row-gap))}.floopilo-about__story-heading,.floopilo-about__closing-heading{margin-bottom:1.8rem}.floopilo-about__hero .floopilo-about__image-frame{aspect-ratio:4 / 3;min-height:0}.floopilo-about__richtext{line-height:1.68}.floopilo-about__richtext p+p{margin-top:1.05em}.floopilo-about__closing{padding-bottom:clamp(5.2rem,14vw,var(--about-mobile-section-padding))}.floopilo-about__closing-panel{padding:3.2rem 2rem}.floopilo-about__closing .floopilo-about__image-frame{aspect-ratio:4 / 3;min-height:0}.floopilo-about__placeholder{padding:4rem}}@media(prefers-reduced-motion:reduce){.floopilo-about *,.floopilo-about *:before,.floopilo-about *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-about-floopilo.css.map */