.intro-section { min-height: 0; padding-block: 75px; }
.lessons-section { padding-block: 88px 95px; }
.section-heading { margin-bottom: 55px; }
.method-section { min-height: 720px; }
.method-image { min-height: 720px; }
.method-content { padding-block: 75px; }
.about-section { padding-block: 95px; }
.steps-section { padding-block: 88px 92px; }
.steps-header { margin-bottom: 55px; }
.contact-section>.contact-left, .contact-section>.form-card { padding-block: 85px; }
.faq-section { padding-top: 80px; padding-bottom: 90px; }
.about-copy .award-note div>span, .about-copy .award-symbol { color: #bd2733; }
.about-copy>.text-link { font-size: clamp(27px,2.8vw,38px); padding-bottom: 14px; }

.about-section { padding: 0; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; align-items: stretch; }
.about-section::before { left: -18%; right: 45%; top: 0; bottom: 0; opacity: .035; }
.about-copy { padding: 82px clamp(30px,6.4vw,105px); }
.about-film-visual { align-self: stretch; min-height: 760px; }
.about-film-surface { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
.about-film-surface video { object-fit: cover; object-position: 30% center; filter: saturate(.5) contrast(1.08) brightness(.8); pointer-events: none; }
.about-film-shade { background: linear-gradient(180deg,rgba(8,14,12,.06),transparent 40%,rgba(7,13,10,.72)); }
.about-film-caption { display: block; position: absolute; left: clamp(28px,4vw,65px); right: 25px; bottom: 55px; margin: 0; color: #f3eee5; pointer-events: none; }
.about-film-caption>span { color: #ece2ce; font-size: 9px; letter-spacing: .2em; }
.about-film-caption p { font: 400 clamp(48px,5.8vw,86px)/.96 var(--serif); letter-spacing: -.035em; margin: 24px 0 0; }
.about-film-caption p em { color: #c7d0bf; }
.footer-wordmark { display: inline-flex; color: #f3eee5; }
.footer-wordmark .wordmark-symbol { font-size: 58px; }
.footer-wordmark .wordmark-rule { height: 48px; }
.footer-wordmark .wordmark-label strong { font-size: 13px; }

.contact-section .form-card { font-family: "Inter",Arial,sans-serif; }
.contact-section .form-card label { font-family: "Inter",Arial,sans-serif; font-size: 15px; line-height: 1.5; font-weight: 400; text-transform: uppercase; letter-spacing: .075em; }
.contact-section .form-card label>span { font-size: 11px; letter-spacing: .035em; }
.contact-section .form-card input:not([type="checkbox"]), .contact-section .form-card select, .contact-section .form-card textarea { font-family: "Inter",Arial,sans-serif; font-size: 18px; line-height: 1.65; font-weight: 300; min-height: 62px; padding-block: 15px; letter-spacing: 0; text-transform: none; }
.contact-section .form-card textarea { min-height: 155px; }
.contact-section .form-card form { gap: 33px; }
.contact-section .form-grid { gap: 33px 26px; }
.contact-section .form-card .consent { text-transform: none; font-size: 12px; line-height: 1.8; letter-spacing: 0; }
.contact-section .form-card .consent>span { font-size: inherit; letter-spacing: 0; }
.contact-section .form-submit { font-family: "Inter",Arial,sans-serif; font-size: 14px; min-height: 62px; }
.contact-section .form-hint { font-family: "Inter",Arial,sans-serif; font-size: 11px; }

@media (max-width: 740px) {
  .intro-section { padding-block: 60px; }
  .lessons-section { padding-block: 65px; }
  .section-heading { margin-bottom: 40px; }
  .method-section { min-height: 0; }
  .method-image { min-height: 430px; height: 54svh; }
  .method-content { padding-block: 60px; }
  .about-section { padding: 0; grid-template-columns: minmax(0,1fr); gap: 0; }
  .about-copy { padding: 65px 25px; }
  .about-film-visual { min-height: 520px; }
  .about-film-surface { aspect-ratio: auto; }
  .about-film-surface video { object-position: 35% center; }
  .about-film-caption { bottom: 38px; }
  .steps-section { padding-block: 65px; }
  .steps-header { margin-bottom: 40px; }
  .contact-section>.contact-left, .contact-section>.form-card { padding-block: 65px; }
  .faq-section { padding-top: 60px; padding-bottom: 65px; }
  .about-copy>.text-link { font-size: 29px; }
  .contact-section .form-card label { font-size: 14px; }
  .contact-section .form-card input:not([type="checkbox"]), .contact-section .form-card select, .contact-section .form-card textarea { font-size: 18px; }
}