/* Fotos reais e novas informações dos cursos. */ .photo-frame{
  overflow:visible}
  .hero-photo{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 38%}
    .photo-frame:before{
      content:"";
      position:absolute;
      inset:0;
      border:9px solid #f5eee6;
      z-index:1;
      pointer-events:none}
      .about-photo{
        background:#d9c4b6}
        .about-photo:before{
          z-index:0}
          .about-photo-image{
            display:block;
            width:82%;
            height:88%;
            object-fit:contain;
            object-position:center;
            padding:11px 11px 39px;
            background:#f7f1ea;
            transform:rotate(-3deg);
            box-shadow:0 12px 38px #44312626}
            .about-photo-note{
              z-index:1}
              .course-paths{
                margin-top:var(--section-space)}
                .course-heading{
                  display:flex;
                  justify-content:space-between;
                  align-items:end;
                  gap:32px;
                  margin-bottom:28px}
                  .course-heading .eyebrow{
                    margin-bottom:12px}
                    .course-heading h3,.benefits-title h3{
                      font:clamp(32px,3.7vw,44px)/1.12 var(--serif);
                      font-weight:400;
                      margin:0;
                      letter-spacing:-.03em}
                      .course-heading h3 em,.benefits-title h3 em{
                        color:var(--clay);
                        font-weight:400}
                        .course-heading>p{
                          max-width:380px;
                          color:var(--muted);
                          font-size:15px;
                          line-height:1.8;
                          margin:0 0 5px}
                          .path-grid{
                            display:grid;
                            grid-template-columns:repeat(2,minmax(0,1fr));
                            gap:16px}
                            .path-card{
                              padding:30px;
                              background:#eee4dc;
                              border:1px solid #e1d2c7;
                              display:flex;
                              flex-direction:column;
                              align-items:flex-start;
                              min-width:0}
                              .path-card-next{
                                background:#e7d8ce}
                                .path-level{
                                  display:inline-block;
                                  color:var(--clay-dark);
                                  font-size:12px;
                                  letter-spacing:.16em;
                                  font-weight:700;
                                  border:1px solid #cdb3a4;
                                  padding:5px 9px}
                                  .path-card h4{
                                    font:32px/1.1 var(--serif);
                                    font-weight:400;
                                    margin:20px 0 7px}
                                    .path-tagline{
                                      font:italic 18px/1.5 var(--serif);
                                      color:var(--clay-dark);
                                      margin:0 0 10px}
                                      .path-card>p:not(.path-tagline){
                                        font-size:15px;
                                        color:var(--muted);
                                        max-width:440px;
                                        line-height:1.7}
                                        .path-card .text-link{
                                          margin-top:auto;
                                          padding-top:16px;
                                          font-size:14px}
                                          .benefits-strip{
                                            display:grid;
                                            grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
                                            gap:32px;
                                            align-items:center;
                                            margin-top:20px;
                                            padding:32px;
                                            background:#382c27;
                                            color:#f8f0e9}
                                            .benefits-title .eyebrow{
                                              color:#d9ae93;
                                              margin-bottom:11px}
                                              .benefits-title h3{
                                                font-size:36px}
                                                .benefits-title h3 em{
                                                  color:#d9ae93}
                                                  .benefits-strip ul{
                                                    list-style:none;
                                                    padding:0;
                                                    margin:0;
                                                    display:grid;
                                                    grid-template-columns:repeat(2,minmax(0,1fr));
                                                    gap:18px 24px}
                                                    .benefits-strip li{
                                                      font-size:14px;
                                                      line-height:1.65;
                                                      color:#e1d4cb;
                                                      position:relative;
                                                      padding-left:22px}
                                                      .benefits-strip li:before{
                                                        content:"✳";
                                                        position:absolute;
                                                        left:0;
                                                        top:0;
                                                        color:#d29b79}
                                                        .pricing-section{
                                                          padding-top:var(--section-space)}
                                                          .pricing-heading{
                                                            margin-bottom:32px}
                                                            .pricing-groups{
                                                              display:grid;
                                                              grid-template-columns:repeat(2,minmax(0,1fr));
                                                              gap:20px}
                                                              .pricing-group{
                                                                background:#f0e8e2;
                                                                border:1px solid #e4d8d0;
                                                                display:flex;
                                                                flex-direction:column;
                                                                min-width:0}
                                                                .pricing-group-head{
                                                                  padding:24px 26px 18px;
                                                                  background:#e8dbd2;
                                                                  border-bottom:1px solid #dac9be}
                                                                  .pricing-group-head>span{
                                                                    font-size:12px;
                                                                    letter-spacing:.17em;
                                                                    font-weight:700;
                                                                    color:var(--clay-dark)}
                                                                    .pricing-group-head h4{
                                                                      font:32px/1.1 var(--serif);
                                                                      font-weight:400;
                                                                      margin:9px 0 4px}
                                                                      .pricing-group-head h4 small{
                                                                        font:14px var(--sans);
                                                                        color:var(--muted);
                                                                        letter-spacing:0}
                                                                        .pricing-group-head p{
                                                                          font-size:14px;
                                                                          color:var(--muted);
                                                                          margin:0}
                                                                          .price-list{
                                                                            padding:0 24px}
                                                                            .price-row{
                                                                              min-height:100px;
                                                                              padding:13px 0;
                                                                              display:flex;
                                                                              justify-content:space-between;
                                                                              align-items:center;
                                                                              gap:12px;
                                                                              border-bottom:1px solid #dfd1c8}
                                                                              .price-row:last-child{
                                                                                border:0}
                                                                                .price-row>div{
                                                                                  display:flex;
                                                                                  flex-direction:column}
                                                                                  .price-row b{
                                                                                    font:19px var(--serif);
                                                                                    font-weight:400}
                                                                                    .price-row span{
                                                                                      font-size:13px;
                                                                                      color:var(--muted)}
                                                                                      .price-row strong{
                                                                                        font:700 19px var(--sans);
                                                                                        color:var(--clay-dark);
                                                                                        white-space:nowrap}
                                                                                        .price-row strong small{
                                                                                          font:13px var(--sans);
                                                                                          font-weight:400;
                                                                                          color:var(--muted)}
                                                                                          .group-pricing{
                                                                                            margin-top:18px;
                                                                                            padding:27px 29px;
                                                                                            display:grid;
                                                                                            grid-template-columns:1fr 1.5fr auto;
                                                                                            align-items:center;
                                                                                            gap:25px;
                                                                                            background:#e4d2c6}
                                                                                            .group-pricing .eyebrow{
                                                                                              margin:0 0 6px;
                                                                                              font-size:12px}
                                                                                              .group-pricing h4{
                                                                                                font:30px var(--serif);
                                                                                                font-weight:400;
                                                                                                margin:0}
                                                                                                .group-pricing p{
                                                                                                  font-size:13px;
                                                                                                  color:#6e5a50;
                                                                                                  margin:4px 0 0}
                                                                                                  .group-rates{
                                                                                                    display:flex;
                                                                                                    justify-content:space-around;
                                                                                                    gap:13px}
                                                                                                    .group-rates span{
                                                                                                      font:18px var(--serif);
                                                                                                      color:var(--clay-dark);
                                                                                                      white-space:nowrap}
                                                                                                      .group-rates b{
                                                                                                        display:block;
                                                                                                        font:13px var(--sans);
                                                                                                        color:var(--ink)}
                                                                                                        .group-rates small{
                                                                                                          display:block;
                                                                                                          font:12px var(--sans);
                                                                                                          color:var(--muted)}
                                                                                                          .group-pricing>.text-link{
                                                                                                            font-size:13px;
                                                                                                            white-space:nowrap}
                                                                                                            .pricing-group .group-offer{
                                                                                                              grid-template-columns:1fr;
                                                                                                              gap:15px;
                                                                                                              padding:20px 22px;
                                                                                                              background:#e4d2c6}
                                                                                                              .group-offer-options{
                                                                                                                display:grid;
                                                                                                                gap:13px}
                                                                                                                .open-class-rate{
                                                                                                                  display:flex;
                                                                                                                  align-items:center;
                                                                                                                  flex-wrap:wrap;
                                                                                                                  gap:8px 15px;
                                                                                                                  padding:12px 14px;
                                                                                                                  background:#f4efeb}
                                                                                                                  .open-class-rate b{
                                                                                                                    font:18px var(--serif);
                                                                                                                    font-weight:400;
                                                                                                                    margin-right:auto}
                                                                                                                    .open-class-rate strong{
                                                                                                                      font:700 17px var(--sans);
                                                                                                                      color:var(--clay-dark);
                                                                                                                      white-space:nowrap}
                                                                                                                      .open-class-rate strong small{
                                                                                                                        font:13px var(--sans);
                                                                                                                        font-weight:400;
                                                                                                                        color:var(--muted)}
                                                                                                                        .open-class-rate>span{
                                                                                                                          font-size:13px;
                                                                                                                          color:var(--muted)}
                                                                                                                          .group-offer .group-rates{
                                                                                                                            justify-content:flex-start;
                                                                                                                            flex-wrap:wrap;
                                                                                                                            gap:13px 23px}
                                                                                                                            .group-offer .group-rates span{
                                                                                                                              font-size:16px}
                                                                                                                              .group-offer .text-link{
                                                                                                                                justify-self:start;
                                                                                                                                white-space:normal}
                                                                                                                                .pricing-section+.trial-banner{
                                                                                                                                  margin-top:40px}
                                                                                                                                  @media (max-width: 1000px){
                                                                                                                                    .benefits-strip{
                                                                                                                                      grid-template-columns: minmax(0,1fr);
                                                                                                                                      gap: 24px;
                                                                                                                                    }
                                                                                                                                    .price-row{
                                                                                                                                      flex-wrap: wrap;
                                                                                                                                    }
                                                                                                                                  }
                                                                                                                                  @media (max-width: 800px){
                                                                                                                                    .course-heading{
                                                                                                                                      align-items: flex-start;
                                                                                                                                      flex-direction: column;
                                                                                                                                      gap: 16px;
                                                                                                                                    }
                                                                                                                                    .course-heading > p{
                                                                                                                                      max-width: 560px;
                                                                                                                                    }
                                                                                                                                    .pricing-groups{
                                                                                                                                      grid-template-columns: minmax(0,1fr);
                                                                                                                                    }
                                                                                                                                    .pricing-group .group-offer{
                                                                                                                                      margin-top: 12px;
                                                                                                                                    }
                                                                                                                                    .group-pricing{
                                                                                                                                      grid-template-columns: minmax(0,1fr);
                                                                                                                                      gap: 20px;
                                                                                                                                    }
                                                                                                                                    .price-row{
                                                                                                                                      min-height: 92px;
                                                                                                                                    }
                                                                                                                                  }
                                                                                                                                  @media (max-width: 600px){
                                                                                                                                    .path-grid{
                                                                                                                                      grid-template-columns: minmax(0,1fr);
                                                                                                                                    }
                                                                                                                                    .path-card{
                                                                                                                                      padding: 26px;
                                                                                                                                    }
                                                                                                                                    .benefits-strip{
                                                                                                                                      padding: 28px 24px;
                                                                                                                                    }
                                                                                                                                    .benefits-strip ul{
                                                                                                                                      grid-template-columns: minmax(0,1fr);
                                                                                                                                      gap: 16px;
                                                                                                                                    }
                                                                                                                                    .pricing-group-head{
                                                                                                                                      padding: 22px;
                                                                                                                                    }
                                                                                                                                    .price-list{
                                                                                                                                      padding: 0 22px;
                                                                                                                                    }
                                                                                                                                    .price-row{
                                                                                                                                      align-items: flex-start;
                                                                                                                                    }
                                                                                                                                    .price-row > div{
                                                                                                                                      flex: 1 1 160px;
                                                                                                                                    }
                                                                                                                                    .price-row strong{
                                                                                                                                      font-size: 19px;
                                                                                                                                    }
                                                                                                                                    .group-rates{
                                                                                                                                      flex-wrap: wrap;
                                                                                                                                      justify-content: flex-start;
                                                                                                                                      gap: 18px 24px;
                                                                                                                                    }
                                                                                                                                    .group-pricing{
                                                                                                                                      padding: 24px;
                                                                                                                                    }
                                                                                                                                    .open-class-rate > span{
                                                                                                                                      flex-basis: 100%;
                                                                                                                                    }
                                                                                                                                  }