.masterclasses-section{padding-block:80px 100px;color:#30302e}
.masterclasses-section>.eyebrow{margin-bottom:20px}
.masterclasses-heading{display:grid;grid-template-columns: 7fr 4.3fr;gap:30px;align-items:end}
.masterclasses-heading h2{font-size:100px;line-height:.94}
.masterclasses-time,.masterclass-label,.masterclass h4{font-family:var(--heading);color:var(--orange);text-transform:uppercase}
.masterclasses-time{font-size:18px;margin-bottom:16px}
.masterclasses-intro,.masterclass-question{font:italic 24px/1.35 var(--serif)}
.masterclasses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:62px}
.masterclass{border-top:2px solid #30302e;padding-top:12px}
.masterclass-label{font-size:16px;line-height:1.2;margin-bottom:12px}
.masterclass h3{font-size:38px;line-height:1.08;min-height:82px;margin-bottom:28px}
.masterclass img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.masterclass h4{font-size:25px;line-height:1.15;margin-top:20px}
.masterclass-question{margin-top:18px}
.masterclass-description{font:18px/1.5 var(--serif);margin-top:20px}
@media(max-width:1000px){
  .masterclasses-heading h2{font-size:clamp(54px,8vw,88px)}
  .masterclasses-grid{gap:20px}
  .masterclass h3{font-size:clamp(25px,3.2vw,38px);min-height:70px}
}
@media(max-width:700px){
  .masterclasses-section{padding-block:55px 70px}
  .masterclasses-heading,.masterclasses-grid{grid-template-columns:minmax(0,1fr)}
  .masterclasses-heading{gap:28px}
  .masterclasses-heading h2{font-size:clamp(44px,10.5vw,72px);overflow-wrap:anywhere}
  .masterclasses-grid{gap:46px;margin-top:50px}
  .masterclass h3{font-size:36px;min-height:0;margin-bottom:24px}
}
