.presentations{--blue-dark:#008eb1;--ink:#32627c;padding-bottom:32px}.presentations h1,.presentations h2,.presentations h3{color:var(--blue-dark);font-weight:900;letter-spacing:-1.3px;line-height:1.02}.presentations h1,.presentations h2{font-size:clamp(34px,4.5vw,56px)}.presentations p{font-size:18px;line-height:1.48;margin:16px 0}.presentations .eyebrow{font-size:14px;letter-spacing:3px;font-weight:800;text-transform:uppercase;margin:0 0 14px}.presentation-hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:32px 48px 20px}.presentation-hero>div{position:relative}.presentation-hero>div:after,.practice-photo:after,.participation:after,.organize:after{content:"";position:absolute;width:64px;height:64px;background:url('assets/decor-rays-right.webp') center/contain no-repeat;right:15%;top:-55px;pointer-events:none}.presentation-hero h1{font-size:clamp(36px,4.5vw,56px)}.presentation-hero .button{margin-top:6px}.organic{position:relative;margin:0;isolation:isolate}.organic:before{content:"";position:absolute;inset:0 0 5% 15%;background:#e6f5ec;border-radius:49% 42% 31% 58%;transform:rotate(9deg);z-index:-1}.organic img{width:100%;object-fit:cover}.hero-photo img{height:550px;object-position:50% 38%;border-radius:38% 62% 53% 47% / 22% 35% 65% 78%}.moments{padding:36px 48px 44px;background:#eff8f3;border-radius:28px}.moments-heading{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;margin-bottom:36px}.moment-grid{display:grid;grid-template-columns:repeat(4,1fr)}.moment-grid article{padding:0 28px;border-left:1px solid #d2e9e2}.moment-grid article:first-child{padding-left:0;border:0}.moment-grid article:last-child{padding-right:0}.moment-grid span{display:grid;place-items:center;width:76px;height:76px;background:#d8f0e1;border-radius:50%;font-size:56px;font-weight:900;color:var(--blue-dark);line-height:1}.moment-grid h3{font-size:28px;margin:12px 0}.moment-grid p{font-size:16px;margin:12px 0 0}.practice{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;padding:36px 48px 44px;align-items:center}.practice-photo img{border-radius:35% 65% 39% 61% / 48% 44% 56% 52%;aspect-ratio:1.55}.practice-photo:after{top:-18px;right:6%;width:56px;height:56px}.answers{display:grid;gap:24px}.answer{position:relative;border-radius:24px;padding:40px 48px;background:#fdf7e8;display:grid;align-items:center;gap:24px}.answer h2{font-size:38px}.answer p{margin:16px 0 0}.participation{grid-template-columns:32% 1fr;min-height:245px}.participation>img{height:310px;width:100%;object-fit:contain;position:absolute;left:30px;bottom:-38px;max-width:30%;z-index:1}.participation>div{grid-column:2}.participation:after{top:24px;right:28px;width:56px;height:56px}.captains{grid-template-columns:1fr 100px 245px;background:#edf8fa;min-height:270px}.captains .book{width:245px;height:300px;object-fit:contain;transform:rotate(-5deg);margin:-55px -20px -45px 0}.captains .heart{width:100px;height:auto}.ages{background:#edf8f1;grid-template-columns:1fr 34%;overflow:hidden}.ages:after{content:"";height:160px;background:#ceecda;border-radius:37% 63% 23% 77% / 51% 71% 29% 49%;transform:rotate(8deg)}.organize{grid-template-columns:1fr 30%;background:#fff0c9;border-radius:52px;min-height:285px}.organize h2{font-size:48px}.organize .button{margin-top:20px}.organize>img{width:100%;height:310px;object-fit:contain;margin:-45px 0}.organize:after{top:25px;right:30px}.presentations .button{box-shadow:none}.footer-inner>.button{min-height:40px;padding:0 20px;white-space:nowrap;font-size:14px}
@media(max-width:1000px){.presentation-hero,.practice{padding-left:24px;padding-right:24px}.hero-photo img{height:470px}.moments,.answer{padding:32px}.moment-grid article{padding:0 18px}.moment-grid h3{font-size:24px}.captains{grid-template-columns:1fr 70px 170px}.captains .book{width:170px;height:240px}.answer h2{font-size:32px}.organize h2{font-size:38px}}
@media(max-width:700px){.presentation-hero,.practice,.moments-heading{grid-template-columns:1fr;gap:24px}.presentation-hero{padding:42px 12px 30px}.presentation-hero h1 br{display:none}.hero-photo{max-width:480px;width:100%;justify-self:center}.hero-photo img{height:420px}.presentation-hero>div:after{top:-25px;right:0;width:38px;height:38px}.moments{padding:28px 24px}.moment-grid{grid-template-columns:1fr 1fr;gap:28px 0}.moment-grid article:nth-child(3){border:0;padding-left:0}.moment-grid article:nth-child(2){padding-right:0}.moment-grid h3{font-size:23px}.moment-grid span{width:58px;height:58px;font-size:42px}.practice{padding:38px 12px}.practice h2 br{display:none}.answer{padding:28px 24px}.participation{grid-template-columns:1fr}.participation>div{grid-column:1}.participation>img{position:static;height:220px;max-width:100%;margin:-15px 0 0}.captains{grid-template-columns:1fr 1fr;gap:16px}.captains>div{grid-column:1/-1}.captains .book{margin:0;justify-self:center;height:220px}.captains .heart{justify-self:center;width:85px}.ages{grid-template-columns:1fr}.ages:after{display:none}.organize{grid-template-columns:1fr;border-radius:28px}.organize>img{height:230px;margin:0}.answer h2{font-size:30px}.presentations p{font-size:17px}.organize:after,.participation:after{width:38px;height:38px;right:14px}.footer-inner>.button{margin-left:auto}}
@media(max-width:380px){.moment-grid{grid-template-columns:1fr}.moment-grid article{padding:0!important;border:0}.hero-photo img{height:350px}}
@media(min-width:701px){.practice h2{font-size:clamp(34px,3.7vw,48px)}}
.presentations{overflow-x:clip;scroll-margin-top:90px}.presentation-hero h1{font-size:clamp(36px,4vw,50px)}.moment-grid h3{overflow-wrap:normal;font-size:26px}
@media(max-width:700px){.moment-grid h3{font-size:23px}.captains .book{transform:none}.presentation-hero h1{font-size:36px}}
/* The four supplied illustrations, displayed as crops of the reference image. */
.moment-icon{width:100%;aspect-ratio:160/105;background-image:url('assets/momentos-referencia.png');background-repeat:no-repeat;background-size:616.875% 443.81%;margin:4px 0 8px}
.moment-icon-1{background-position:9.67% 47.09%}.moment-icon-2{background-position:36.52% 47.09%}.moment-icon-3{background-position:61.55% 47.09%}.moment-icon-4{background-position:88.27% 47.09%}
.moment-grid span{width:58px;height:58px;font-size:40px;background:#cfedf2}.moment-grid article:nth-child(2) span{background:#ffedbf;color:#ff7a2d}.moment-grid article:nth-child(3) span{background:#ffe0dc;color:#ff625d}.moment-grid article:nth-child(4) span{background:#ccefd3;color:#2baf65}
@media(max-width:700px){.moment-icon{max-width:190px}.moment-grid span{width:44px;height:44px;font-size:30px}}
/* Updated hero reference. */
.presentation-hero{grid-template-columns:1fr 1.12fr;padding:28px 48px 65px;gap:0;position:relative}.presentation-hero-copy{z-index:2;padding-right:12px}.presentation-hero .eyebrow{font-size:11px;letter-spacing:2px;white-space:normal}.presentation-hero h1{font-size:clamp(34px,3.65vw,46px);margin:16px 0 20px}.presentation-hero p{font-size:16px;line-height:1.4;max-width:460px}.presentation-hero .hero-intro{font-size:20px;line-height:1.4}.presentation-hero .hero-photo{margin-top:-28px;align-self:start}.hero-photo .hero-event-photo{height:530px;object-position:center 50%;border-radius:37% 63% 28% 72% / 24% 28% 72% 76%}.hero-photo:before{inset:15% -3% 0 15%;background:#e5f5e6}.hero-photo .hero-friends{position:absolute;right:-18px;bottom:-45px;width:240px;height:190px;overflow:hidden;z-index:3}.hero-photo .hero-friends img{border-radius:0;width:100%;height:auto;object-fit:contain;object-position:top}.presentation-hero>div:after{width:54px;height:64px;right:15px;top:0;background:#9cdbad;mask:url('assets/decor-rays-left.webp') center/contain no-repeat}.hero-rays:before,.hero-rays:after{content:"";position:absolute;width:48px;height:50px;background:#9cdbad;mask:url('assets/decor-rays-right.webp') center/contain no-repeat;right:0;top:10px}.hero-rays:after{top:auto;bottom:110px;right:-24px;transform:rotate(-12deg)}.presentation-hero:before{content:"";position:absolute;width:180px;height:300px;left:-220px;bottom:10px;background:#e5f5e6;border-radius:50%}.presentation-essential{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding:20px 48px 50px;align-items:center}.presentation-essential h2{font-size:34px;line-height:1.06}.presentation-essential .eyebrow{font-size:11px;letter-spacing:2px}.presentation-essential>p{font-size:15px;max-width:400px}.presentation-essential h2 br{display:none}
@media(max-width:1000px) and (min-width:701px){.presentation-hero{padding-inline:24px}.presentation-hero h1{font-size:36px}.hero-photo .hero-event-photo{height:490px}.hero-photo .hero-friends{width:190px;height:155px}.presentation-hero .hero-intro{font-size:18px}.presentation-essential{padding-inline:24px}}
@media(max-width:700px){.presentation-hero{grid-template-columns:1fr;padding:38px 12px 50px;gap:32px}.presentation-hero h1{font-size:36px}.presentation-hero h1 br{display:initial}.presentation-hero-copy{padding:0}.presentation-hero .eyebrow{max-width:85%;font-size:10px}.presentation-hero>div:after{width:34px;height:40px;right:0;top:0}.presentation-hero .hero-photo{margin:0;width:100%;max-width:480px}.hero-photo .hero-event-photo{height:420px}.hero-photo .hero-friends{width:175px;height:140px;right:0;bottom:-28px}.hero-rays:after{right:0;bottom:100px}.hero-rays:before{right:0;width:32px}.presentation-essential{grid-template-columns:1fr;padding:28px 12px 36px;gap:0}.presentation-essential h2{font-size:30px}.presentation-essential>p{font-size:16px}}
.moment-icon{clip-path:polygon(34% 0,100% 0,100% 100%,0 100%,0 17%,34% 17%)}
@media(max-width:420px){.moment-grid{grid-template-columns:1fr}.moment-grid article{padding:0!important;border:0}.moment-icon{width:190px}}
.moment-art{display:block;width:100%;height:170px;object-fit:contain;margin:8px 0 12px}
@media(max-width:700px){.moment-art{height:150px}.moment-icon-2{height:auto;aspect-ratio:160/105}}
@media(max-width:420px){.moment-art{width:210px;max-width:100%;height:185px}}
.moment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.moment-grid article{min-width:0}.moment-icon-2{height:170px;aspect-ratio:auto;background:none;clip-path:none;display:flex;align-items:center}.moment-icon-2:before{content:"";display:block;width:100%;aspect-ratio:160/105;background:url('assets/momentos-referencia.png') 36.52% 47.09% / 616.875% 443.81% no-repeat;clip-path:polygon(34% 0,100% 0,100% 100%,0 100%,0 17%,34% 17%)}
@media(max-width:900px){.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.moment-grid article:nth-child(3){border:0;padding-left:0}.moment-grid article:nth-child(2){padding-right:0}}
@media(max-width:700px){.moment-icon-2{height:150px}}
@media(max-width:420px){.moment-grid{grid-template-columns:1fr}.moment-icon-2{height:185px}}
/* Compact questions and photographic banner. */
.presentation-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:relative;scroll-margin-top:110px}.presentation-questions>#momentos{position:absolute;top:0;scroll-margin-top:110px}.question-tile{position:relative;background:#faf7ee;border-radius:20px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:center;padding:30px 26px;min-height:230px}.question-number{position:absolute;top:16px;left:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d4eff3;color:#129db2;font-size:23px;font-weight:900}.question-tile:nth-of-type(2) .question-number{background:#ffebc7;color:#f47930}.question-tile:nth-of-type(3) .question-number{background:#ffddd6;color:#ff625d}.question-tile:nth-of-type(4) .question-number{background:#d7efd8;color:#2fa564}.question-tile:nth-of-type(5) .question-number{background:#ffedbd;color:#edaa21}.question-tile>img{width:140px;height:155px;object-fit:contain;margin-top:15px}.question-tile h3{font-size:21px;line-height:1.18;letter-spacing:-.5px}.question-tile p{font-size:15px;line-height:1.45;margin:10px 0 0}.presentation-banner{position:relative;margin-top:30px;margin-bottom:36px;isolation:isolate;height:320px;border-radius:24px;overflow:hidden}.presentation-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.presentation-banner>p{position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(-9deg);margin:0;background:#e2f5df;color:#164456;padding:36px 30px;border-radius:44% 34% 40% 27%;font-size:21px;line-height:1.35;box-shadow:0 4px 18px #1644560a}.presentation-banner>p:after{content:"";position:absolute;right:-16px;bottom:22px;width:38px;height:42px;background:#9cdbad;mask:url('assets/decor-rays-right.webp') center/contain no-repeat}
@media(max-width:1000px){.question-tile{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:28px 20px}.question-tile>img{width:100px;height:140px}.question-tile h3{font-size:19px}}
@media(max-width:700px){.presentation-questions{grid-template-columns:1fr;gap:14px}.question-tile{grid-template-columns:110px minmax(0,1fr);padding:28px 20px;min-height:210px}.question-tile>img{width:110px;height:145px}.presentation-banner{height:330px}.presentation-banner>img{object-position:40% center}.presentation-banner>p{right:16px;top:auto;bottom:14px;transform:rotate(-7deg);font-size:16px;padding:23px}.question-tile p{font-size:15px}}
@media(max-width:380px){.question-tile{grid-template-columns:80px minmax(0,1fr);gap:12px;padding-inline:16px}.question-tile>img{width:80px;height:120px}.question-tile h3{font-size:18px}}

/* Align question copy to the top of each card. */
.question-tile>div{align-self:start}
/* Speech bubbles from the supplied reference, excluding the girl. */
.question-tile>.participation-bubbles{align-self:center;width:100%;height:155px;margin-top:15px;background:url('assets/participacao-baloes-referencia.png') 35.4% 32% / 700% auto no-repeat;clip-path:polygon(34% 0,100% 0,100% 100%,0 100%,0 48%,34% 43%)}
.question-tile>.participation-bubbles{height:auto;aspect-ratio:120/137;background-size:723.333% 168.613%;background-position:35.294% 31.915%;clip-path:none}
.presentation-extra-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;padding:48px 48px 64px;scroll-margin-top:105px}.extra-faq-heading{position:relative;align-self:start}.extra-faq-heading h2{font-size:52px}.extra-faq-heading .eyebrow{font-size:12px}.extra-faq-heading:after{content:"";position:absolute;top:35px;right:12px;width:48px;height:54px;background:url('assets/decor-rays-right.webp') center/contain no-repeat}.extra-faq-list{border-top:1px solid var(--line)}.extra-faq-list details{border-bottom:1px solid var(--line)}.extra-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;font-weight:900;font-size:16px;line-height:1.4;color:var(--blue-dark)}.extra-faq-list summary::-webkit-details-marker{display:none}.extra-faq-list summary:after{content:"+";font-size:24px;color:var(--blue);flex-shrink:0}.extra-faq-list details[open] summary:after{content:"−"}.extra-faq-list details p{font-size:16px;margin:0;padding:0 30px 20px 0;line-height:1.55}
@media(max-width:900px){.presentation-extra-faq{gap:32px;padding-inline:24px}.extra-faq-heading h2{font-size:42px}.extra-faq-heading:after{right:0;width:34px}}
@media(max-width:700px){.presentation-extra-faq{grid-template-columns:1fr;gap:28px;padding:32px 12px 44px}.extra-faq-heading h2 br{display:none}.extra-faq-heading:after{right:24px;top:18px}.extra-faq-list summary{font-size:16px}.extra-faq-list details p{padding-right:0}}


/* 2026-09-27: brighter real photography and calmer responsive question cards. */
.hero-event-photo,
.presentation-banner>img{
  filter:brightness(1.14) saturate(1.12) contrast(.91);
}
@media (max-width:900px){
  .presentation-questions{
    grid-template-columns:1fr;
    gap:16px;
  }
  .question-tile{
    grid-template-columns:140px minmax(0,1fr);
    gap:22px;
    min-height:0;
    padding:28px 28px;
  }
  .question-tile>img{
    width:130px;
    height:140px;
    margin:10px 0 0;
    justify-self:center;
  }
  .question-tile>.participation-bubbles{
    width:130px;
    justify-self:center;
    margin:10px 0 0;
  }
  .question-tile h3{
    font-size:22px;
    line-height:1.15;
  }
  .question-tile p{
    font-size:16px;
    line-height:1.5;
  }
}
@media (max-width:620px){
  .presentation-questions{gap:14px}
  .question-tile{
    grid-template-columns:1fr;
    gap:8px;
    padding:24px 22px 24px;
    border-radius:18px;
  }
  .question-number{
    top:16px;
    left:18px;
    width:32px;
    height:32px;
    font-size:21px;
  }
  .question-tile>img{
    width:118px;
    height:112px;
    margin:10px 0 2px 30px;
    justify-self:start;
  }
  .question-tile>.participation-bubbles{
    width:118px;
    margin:10px 0 2px 30px;
    justify-self:start;
  }
  .question-tile>div{
    width:100%;
    align-self:start;
  }
  .question-tile h3{
    font-size:21px;
    line-height:1.16;
    margin-top:4px;
  }
  .question-tile p{
    font-size:16px;
    line-height:1.48;
    margin-top:9px;
  }
}
@media (max-width:380px){
  .question-tile{padding:22px 18px}
  .question-tile>img,
  .question-tile>.participation-bubbles{
    width:104px;
    height:auto;
    margin-left:28px;
  }
}


/* 2026-09-27 mobile refinement: compact question cards with image beside copy. */
@media (max-width:620px){
  .presentation-questions{
    gap:12px;
  }
  .question-tile{
    grid-template-columns:88px minmax(0,1fr);
    column-gap:16px;
    row-gap:0;
    align-items:start;
    padding:24px 18px 22px;
    min-height:0;
  }
  .question-number{
    top:14px;
    left:14px;
    width:30px;
    height:30px;
    font-size:19px;
    z-index:2;
  }
  .question-tile>img,
  .question-tile>.participation-bubbles{
    grid-column:1;
    grid-row:1;
    width:82px;
    height:104px;
    max-width:82px;
    margin:26px 0 0;
    justify-self:center;
    align-self:start;
    object-fit:contain;
  }
  .question-tile>div:not(.participation-bubbles){
    grid-column:2;
    grid-row:1;
    width:auto;
    align-self:start;
    padding-top:0;
  }
  .question-tile h3{
    margin:0 0 8px;
    font-size:19px;
    line-height:1.16;
  }
  .question-tile p{
    margin:0;
    font-size:15.5px;
    line-height:1.46;
  }
}
@media (max-width:390px){
  .question-tile{
    grid-template-columns:76px minmax(0,1fr);
    column-gap:14px;
    padding:22px 16px 20px;
  }
  .question-tile>img,
  .question-tile>.participation-bubbles{
    width:70px;
    height:92px;
    max-width:70px;
    margin-top:24px;
  }
  .question-tile h3{font-size:18px}
  .question-tile p{font-size:15px}
}