/* The course is a full-screen photographic chapter. */
.course{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;padding:130px 0;overflow:hidden;background:#14120f;color:var(--color-cream)}
.course-background{position:absolute;z-index:-2;inset:0;background:url("/assets/curso-materiais.webp") center 52%/cover no-repeat;transform:scale(1.025)}
.course-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(17,16,15,.98) 0%,rgba(17,16,15,.91) 39%,rgba(17,16,15,.54) 72%,rgba(17,16,15,.39) 100%),linear-gradient(0deg,rgba(17,16,15,.38),transparent 45%)}
.course-layout{display:grid;grid-template-columns:1.08fr .82fr;align-items:center;gap:clamp(50px,8vw,125px)}
.course-copy{max-width:650px}
.course-label{display:inline-flex;align-items:center;gap:12px;margin:16px 0 20px;color:var(--color-gold);font-size:11px;font-weight:800;letter-spacing:.2em}
.course-label img{width:22px;height:22px;object-fit:contain}
.course h2{font-family:var(--font-display);font-size:clamp(61px,6.5vw,100px);font-weight:500;letter-spacing:-.04em;line-height:.97;margin:0 0 27px}
.course h2 em{color:var(--color-gold);font-weight:500}
.course-copy>p:not(.eyebrow){max-width:560px;color:#e2d9ca;font-size:16px;line-height:1.8;margin:0 0 32px}
.course .button{white-space:normal;text-align:center;gap:18px}
.course-photo{position:relative;width:100%;height:min(650px,72vh);min-height:450px;margin:0;border:1px solid rgba(200,163,90,.72);border-radius:230px 230px 12px 12px;overflow:hidden;box-shadow:0 35px 85px rgba(0,0,0,.38);transform:rotate(2deg)}
.course-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 17%;transition:transform .7s var(--ease)}
.course-photo:hover img{transform:scale(1.035)}
.course-photo figcaption{position:absolute;inset:auto 0 0;padding:46px 20px 19px;background:linear-gradient(transparent,rgba(17,16,15,.88));color:#f5f0e8;font-size:11px;font-weight:700;letter-spacing:.08em;text-align:center}

/* Real salon images now fill the reserved gallery. */
.salon-gallery{grid-template-columns:1fr 1fr;height:470px}
.salon-photo{position:relative;margin:0;overflow:hidden;border-radius:10px;background:#1d1a16;box-shadow:0 18px 45px rgba(32,29,26,.11)}
.salon-photo-large::before{display:none}
.salon-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform .6s var(--ease)}
.salon-photo:hover img{transform:scale(1.04)}
.salon-photo-small img{object-position:53% 48%}
.salon-photo figcaption{position:absolute;inset:auto 0 0;padding:38px 14px 13px;background:linear-gradient(transparent,rgba(17,16,15,.8));color:#fff;font-size:10px;font-weight:700;letter-spacing:.07em;text-align:center}

@media(max-width:900px){
  .course{padding:95px 0 105px}
  .course-layout{gap:35px}
  .course h2{font-size:clamp(53px,7vw,78px)}
  .course-photo{height:520px;min-height:0}
  .salon-gallery{height:360px}
}
@media(max-width:700px){
  .course{min-height:100svh;padding:95px 0 90px}
  .course-layout{grid-template-columns:1fr;gap:48px}
  .course-background{background-position:62% center}
  .course-overlay{background:linear-gradient(180deg,rgba(17,16,15,.95) 0%,rgba(17,16,15,.88) 48%,rgba(17,16,15,.7) 100%)}
  .course h2{font-size:clamp(52px,11vw,72px);max-width:600px}
  .course-copy>p:not(.eyebrow){font-size:14px;line-height:1.75}
  .course-photo{width:min(100%,450px);height:430px;margin-inline:auto;transform:none}
  .salon-gallery{grid-template-columns:1fr;height:auto;gap:14px}
  .salon-photo{aspect-ratio:4/5}
}
@media(max-width:480px){
  .course{padding:88px 0 78px}
  .course h2{font-size:clamp(47px,12vw,60px)}
  .course-label{font-size:10px;letter-spacing:.13em}
  .course .button{width:100%;padding-inline:15px;gap:10px}
  .course-photo{height:365px;border-radius:170px 170px 10px 10px}
  .salon-gallery{grid-template-columns:1fr;height:auto;gap:14px}
  .salon-photo figcaption{font-size:9px;letter-spacing:0;padding-inline:6px}
}
@media(prefers-reduced-motion:reduce){.course-background,.course-photo,.course-photo img,.salon-photo img{transform:none;transition:none}}