/* V9 — Pulpo's own mascot and photography, with a four-part reading path. */
.hero{grid-template-columns:1.08fr .92fr;gap:72px;padding-top:48px;padding-bottom:88px}
.hero h1{font-size:clamp(3.25rem,5.5vw,4.75rem);font-weight:450;letter-spacing:-.035em;line-height:1.04}
.hero h1 em{font-weight:500}
.presence{position:relative;display:inline-block;isolation:isolate}
.presence:after{content:"";position:absolute;z-index:-1;left:-2%;right:-3%;height:14%;bottom:6%;background:var(--sun);border-radius:50%;transform:rotate(-2deg)}
.hero-visual{align-self:center}
.hero-visual>img:first-child{aspect-ratio:4/5;height:auto;object-position:center 60%;border-radius:160px 160px 28px 28px;box-shadow:none}
.hero-visual:before{inset:16% -3% -3% 7%;border-radius:160px 160px 40px 40px;background:var(--pale);transform:rotate(4deg)}
.hero-visual .hero-mascot{position:absolute;left:-44px;bottom:42px;width:112px;height:auto;aspect-ratio:auto;border-radius:0;box-shadow:none;transform:rotate(-13deg)}
.hero-visual figcaption{right:-20px;bottom:32px;padding:18px 24px;box-shadow:0 8px 30px #105f6310}
.hero-visual figcaption strong{font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:500}
.hero-proof{align-items:center}.hero-proof>div:first-child strong{font-size:2.5rem;line-height:1}.hero-proof>div:first-child{border-left:4px solid var(--sun);padding-left:12px}
.section h2 em{font-style:normal;font-weight:500}
.story .section-heading h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.03}
.story .handwritten{border:0;transform:none;max-width:260px;font-size:1.5rem;line-height:1.2;color:var(--teal);position:relative;padding-left:20px}
.story .handwritten:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--sun)}
.partnership{background:var(--cream);padding-top:80px}
.partnership .section-heading{max-width:860px}
.partnership .section-heading h2{font-size:clamp(2.5rem,4.6vw,4rem)}
.journey{position:relative;padding-left:64px;margin-top:64px}
.journey-track{position:absolute;top:24px;bottom:24px;left:19px;width:2px;background:#105f631f;pointer-events:none}
.journey-track>span{display:block;height:100%;width:100%;background:var(--turquoise);transform-origin:top;transform:scaleY(1)}
.journey-chapter{position:relative;margin-top:64px}
.journey-chapter.rewards{margin-top:0}
.chapter-marker{position:absolute;left:-64px;top:4px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #105f6333;border-radius:50%;background:var(--cream);color:var(--teal);font-family:"DM Sans",sans-serif;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:center;text-indent:0;transform:scale(.88);transform-origin:center;transition:transform 220ms var(--ease),color 180ms var(--ease),border-color 180ms var(--ease);z-index:1}
.chapter-marker:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--teal);z-index:-1;opacity:0;transition:opacity 180ms var(--ease)}
.is-current .chapter-marker{color:white;border-color:var(--teal);transform:scale(1)}
.is-current .chapter-marker:before{opacity:1}
.benefit-grid{grid-template-columns:1.4fr 1fr;gap:20px;margin:0;max-width:none}
.benefit-card{border-radius:24px;padding:32px;transition:none}
.benefit-card:hover{transform:none;box-shadow:none}
.benefit-card.creator{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;background:var(--teal)}
.creator .card-label{margin-bottom:auto;position:relative;z-index:1}
.creator .big-number{font-size:clamp(7rem,13vw,11rem);font-weight:500;margin:48px 0 0;color:var(--pale);line-height:.95;position:relative}
.creator .big-number span{font-size:.42em}
.creator h3{font-size:2.25rem;margin:12px 0 28px}
.creator p{max-width:360px;position:relative}
.commission-mascot{position:absolute;width:220px;height:auto;right:-82px;top:30px;opacity:.18;transform:rotate(-20deg);pointer-events:none}
.benefit-card.community{background:var(--pale)}
.community .big-number{font-size:4rem;margin:20px 0 8px}.community h3{font-size:1.25rem;margin-bottom:16px}
.benefit-card.together{background:var(--mint);padding-top:28px;padding-bottom:28px}
.together-title{font-size:2.5rem;margin:16px 0 8px}.together-title br{display:none}.together h3{font-size:1.25rem;margin-bottom:16px}
.benefit-card p{font-size:.9375rem;line-height:1.65}
.photo-chapter{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:32px 0 0;border-top:1px solid var(--line)}
.photo-chapter .chapter-marker{top:32px}
.chapter-copy h3{font-size:clamp(2.25rem,3.4vw,3rem);font-weight:500;line-height:1.06;letter-spacing:-.025em;margin:0 0 24px}
.chapter-copy p{font-size:1.0625rem;line-height:1.7;margin:0;max-width:430px}
.photo-chapter figure{margin:0;border-radius:24px;overflow:hidden;background:#fff}
.photo-chapter figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.products-chapter figure{overflow:visible;background:transparent}
.photo-chapter.products-chapter figure img{aspect-ratio:1222/670;object-fit:contain;object-position:center bottom}
.family-chapter{background:var(--pale);padding:40px;border:0;border-radius:24px;gap:32px}
.family-chapter .chapter-marker{top:40px}
.family-chapter .chapter-copy h3{font-size:clamp(2rem,3vw,2.75rem)}
.family-chapter .chapter-copy p{font-size:1rem}
.family-chapter figure img{aspect-ratio:4/3;object-position:center}
.tagline{position:relative;overflow:hidden;padding-top:88px;padding-bottom:88px}
.tagline p{font-weight:450;font-size:clamp(2.25rem,4.6vw,4rem)}
.fit-list article>span{font-size:1.75rem}
.final-cta{overflow:hidden;position:relative}
.final-cta>div{position:relative;z-index:1}
.final-cta>img{position:absolute;width:410px;height:auto;right:-80px;bottom:-92px;opacity:.18;transform:rotate(-18deg);pointer-events:none}
@media(min-width:1101px){.fit-copy{position:sticky;top:128px}}
@media(max-width:1100px){.hero{gap:40px}.journey{padding-left:56px}.chapter-marker{left:-56px}.photo-chapter{gap:32px}.family-chapter{padding:28px}.creator .big-number{font-size:8rem}.benefit-card.creator{padding:32px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px}.hero h1{max-width:650px}.hero-visual{max-width:520px;justify-self:center}.hero-visual>img:first-child{max-height:560px;object-fit:cover}.hero-visual .hero-mascot{left:-20px}.journey{padding-left:48px}.journey-track{left:15px}.chapter-marker{left:-48px;width:32px;height:32px}.benefit-grid{max-width:none;grid-template-columns:1fr 1fr}.benefit-card.creator{grid-row:auto;grid-column:1/-1;min-height:340px}.creator .big-number{font-size:9rem;margin-top:24px}.creator p{max-width:100%}.photo-chapter{grid-template-columns:1fr;gap:24px}.chapter-copy h3{font-size:2.5rem;max-width:400px}.chapter-copy p{max-width:100%}.photo-chapter figure img{max-height:380px}.family-chapter figure img{aspect-ratio:3/2;object-position:center 35%}.family-chapter{padding:28px}.final-cta>img{width:300px;right:-100px}}
@media(max-width:560px){.hero{padding-top:32px;padding-bottom:64px;gap:32px}.hero h1{font-size:3.15rem;line-height:1.04}.hero-lead{font-size:1rem;margin-top:24px}.hero-proof{gap:12px;margin-top:24px}.hero-proof>div:first-child strong{font-size:2rem}.hero-proof>div:first-child{padding-left:8px}.hero-proof strong{font-size:1.12rem}.hero-visual{width:calc(100% - 16px)}.hero-visual>img:first-child{border-radius:140px 140px 24px 24px;max-height:440px}.hero-visual .hero-mascot{width:88px;left:-18px;bottom:24px}.hero-visual figcaption{right:-8px;bottom:24px;padding:12px 16px}.hero-visual figcaption strong{font-size:1.25rem}.story .section-heading h2{font-size:3rem}.partnership .section-heading h2{font-size:2.5rem}.partnership .section-heading>p{font-size:1rem}.journey{margin-top:40px;padding-left:28px}.journey-track{left:0;width:2px}.chapter-marker{left:-40px;width:26px;height:26px;font-size:.625rem}.journey-chapter{margin-top:40px}.benefit-grid{grid-template-columns:1fr;gap:16px}.benefit-card.creator{grid-column:auto;padding:28px;min-height:0}.creator .big-number{font-size:7.5rem;margin-top:32px}.creator h3{font-size:2rem;margin-bottom:20px}.commission-mascot{width:200px;right:-88px}.benefit-card{padding:28px}.community .big-number{font-size:3.5rem}.together-title{font-size:2.25rem}.photo-chapter{padding-top:24px}.photo-chapter .chapter-marker{top:24px}.chapter-copy h3{font-size:2.25rem;margin-bottom:16px}.chapter-copy p{font-size:1rem}.photo-chapter figure{border-radius:16px}.photo-chapter figure img{aspect-ratio:4/3;max-height:none}.family-chapter{padding:24px 20px;gap:24px;border-radius:20px}.family-chapter .chapter-marker{top:24px}.family-chapter .chapter-copy h3{font-size:2rem}.family-chapter figure img{aspect-ratio:1;object-position:42% center}.final-cta>img{width:220px;bottom:-80px;right:-60px}.tagline{padding:64px 24px}}
@media(prefers-reduced-motion:reduce){.journey-track>span{transform:none!important}.chapter-marker{transform:none!important;transition:color 100ms linear,border-color 100ms linear}.chapter-marker:before{transition:opacity 100ms linear}}

/* V11 — One deep-teal progress language and a quieter product composition. */
.journey-track>span{background:var(--teal)}
.chapter-marker{transform:scale(.82);transition:transform 320ms cubic-bezier(.34,1.56,.64,1),color 180ms var(--ease),border-color 180ms var(--ease)}
.chapter-marker:before{background:var(--teal)}
.is-current .chapter-marker{color:white;border-color:var(--teal);transform:scale(1)}
.photo-chapter.products-chapter figure img{width:88%;margin-inline:auto}

/* V12 — Readable motion, mobile hierarchy, and one application CTA after the FAQ. */
.tagline .word{color:rgba(255,255,255,.72)}
.tagline .word.active{color:white}
.final-cta small{color:rgba(255,255,255,.85)}
:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.final-cta :focus-visible{outline-color:var(--sun)}
footer{padding-bottom:32px}
.chapter-marker{font-size:.875rem;transform:scale(.9)}
.is-current .chapter-marker{transform:scale(1)}
.final-cta .button{max-width:100%;padding:16px 24px}
@media(max-width:900px){
  .site-header{height:64px}
  .site-header .brand{padding:4px 8px}
  .site-header .brand img{width:64px;height:40px}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(2.25rem,12vw,3rem);line-height:1.08}
  .story .section-heading h2,.final-cta h2{font-size:clamp(2.25rem,11vw,3rem);line-height:1.12}
  .partnership .section-heading h2,.section h2{font-size:2.25rem;line-height:1.12}
  .journey{padding-left:36px}
  .journey-track{left:3px}
  .chapter-marker{left:-48px;width:32px;height:32px;font-size:.875rem}
}
@media(max-width:360px){
  .partnership .section-heading h2,.section h2,.chapter-copy h3{font-size:1.875rem;line-height:1.2}
  .family-chapter .chapter-copy h3{font-size:1.875rem;line-height:1.2}
  .process h2 br{display:none}
}
@media(prefers-reduced-motion:reduce){
  .tagline .word{color:white}
  .chapter-marker{transform:none!important}
}

/* V15 — Varied scroll choreography without a low-opacity haze. */
body.scroll-reveal [data-reveal]{opacity:1;transition:none!important;filter:none}
body.scroll-reveal [data-motion="heading"]{transform-origin:center bottom;will-change:transform,clip-path}
body.scroll-reveal [data-motion="card"],body.scroll-reveal [data-motion="step"]{will-change:transform}
body.scroll-reveal [data-motion="photo"]{overflow:hidden;will-change:clip-path}
body.scroll-reveal [data-motion="photo"] img{transform-origin:center;will-change:transform}
body.keyboard-navigation [data-reveal],body.keyboard-navigation [data-motion="photo"] img{transform:none!important;clip-path:none!important}
@media(prefers-reduced-motion:reduce){
  body.scroll-reveal [data-reveal],body.scroll-reveal [data-motion="photo"] img{transform:none!important;clip-path:none!important;will-change:auto}
}