/* ===== Courses page (loads after style.css) ===== */

/* Hero */
.c-hero{min-height:max(calc(300 * var(--u,1px)),29.7vw);padding-top:calc(84 * var(--u,1px));padding-bottom:calc(30 * var(--u,1px))}
.c-hero .hero-text{max-width:calc(520 * var(--u,1px))}
.c-hero h1{font-size:clamp(calc(32.98 * var(--u,1px)),4.4vw,calc(56.26 * var(--u,1px)));font-weight:500;margin:calc(8 * var(--u,1px)) 0 calc(6 * var(--u,1px));line-height:1.05}
.sub-h{font-family:var(--serif);font-size:clamp(calc(17.46 * var(--u,1px)),1.9vw,calc(23.28 * var(--u,1px)));line-height:1.2;margin-bottom:calc(12 * var(--u,1px));max-width:calc(380 * var(--u,1px))}
.c-hero .lead{max-width:calc(360 * var(--u,1px));font-size:calc(11.4 * var(--u,1px));margin-bottom:calc(16 * var(--u,1px))}
.c-hero::after{background:linear-gradient(90deg,rgba(8,36,26,.5),transparent 55%)}
.c-hero .hero-script{top:14%;right:2.5vw;text-align:left;font-size:clamp(calc(19.4 * var(--u,1px)),2.5vw,calc(29.1 * var(--u,1px)));line-height:1.05}
.orn{display:block;font-style:normal;font-family:var(--sans);font-size:calc(21.34 * var(--u,1px));color:var(--gold-2);margin:calc(8 * var(--u,1px)) 0 0 calc(40 * var(--u,1px))}
.c-hero .btn,.c-cta .btn{padding:calc(10 * var(--u,1px)) calc(22 * var(--u,1px));font-size:calc(11.4 * var(--u,1px))}

/* Feature strip */
.c-strip{padding:calc(10 * var(--u,1px)) 3vw;background:rgba(251,246,236,.95)}
.c-strip ul{display:grid;grid-template-columns:repeat(6,1fr)}
.c-strip li{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--u,1px));padding:calc(8 * var(--u,1px)) calc(6 * var(--u,1px));border-right:1px solid #e1dac3;font-size:calc(9.5 * var(--u,1px));font-weight:500;color:var(--ink);line-height:1.3}
.c-strip li:last-child{border:0}
.c-strip img{flex:0 0 calc(38 * var(--u,1px));width:calc(38 * var(--u,1px));height:calc(34 * var(--u,1px));object-fit:contain}

/* Courses */
.c-courses{padding:calc(26 * var(--u,1px)) 3.3vw calc(34 * var(--u,1px))}
.c-courses .sec-head,.c-workshops .sec-head{margin-bottom:calc(18 * var(--u,1px))}
.c-courses .sec-head h2{font-size:calc(29.1 * var(--u,1px))}
.sec-head h2 i{font-style:normal;color:var(--gold);font-size:.8em;margin-right:calc(6 * var(--u,1px))}
.c-courses .sec-head p,.c-workshops .sec-head p{font-size:calc(10.92 * var(--u,1px))}
.c-courses .view-all,.c-workshops .view-all,.c-testi .view-all{top:auto;bottom:calc(4 * var(--u,1px))}
.cc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(16 * var(--u,1px))}
.cc{background:#fff;border-radius:calc(6 * var(--u,1px));overflow:hidden;box-shadow:0 calc(4 * var(--u,1px)) calc(16 * var(--u,1px)) rgba(0,0,0,.07);display:flex;flex-direction:column;transition:.35s;min-width:0}
.cc:hover{transform:translateY(calc(-5 * var(--u,1px)));box-shadow:0 calc(12 * var(--u,1px)) calc(26 * var(--u,1px)) rgba(0,0,0,.13)}
.cc-ph{position:relative;aspect-ratio:179/100;background:linear-gradient(135deg,#cdd8c4,#e9dcc0);overflow:hidden}
.pop{position:absolute;left:calc(8 * var(--u,1px));top:calc(9 * var(--u,1px));background:var(--gold);color:#fff;font-size:calc(8.07 * var(--u,1px));font-weight:600;letter-spacing:.12em;padding:calc(4 * var(--u,1px)) calc(9 * var(--u,1px));border-radius:calc(3 * var(--u,1px))}
.cc-body{padding:calc(14 * var(--u,1px)) calc(14 * var(--u,1px)) calc(16 * var(--u,1px));display:flex;flex-direction:column;flex:1}
.cc h3{font-family:var(--sans);font-size:calc(11.88 * var(--u,1px));font-weight:600;color:var(--ink)}
.cc .lvl{font-size:calc(9.03 * var(--u,1px));font-weight:500;color:var(--ink);margin:calc(3 * var(--u,1px)) 0 calc(10 * var(--u,1px))}
.cc .desc{font-size:calc(9.97 * var(--u,1px));color:var(--muted);line-height:1.5;margin-bottom:calc(10 * var(--u,1px));min-height:calc(46 * var(--u,1px))}
.meta{display:grid;gap:calc(5 * var(--u,1px));margin-bottom:calc(10 * var(--u,1px));font-size:calc(9.31 * var(--u,1px));color:var(--ink)}
.meta li{display:flex;align-items:center;gap:calc(7 * var(--u,1px))}
.meta svg{width:calc(11 * var(--u,1px));height:calc(11 * var(--u,1px));fill:currentColor;flex:none;color:#4a4a42}
.price{font-family:var(--sans);font-weight:600;font-size:calc(13.3 * var(--u,1px));color:var(--ink);margin-top:auto;margin-bottom:calc(8 * var(--u,1px))}
.cc .btn,.ww .btn{display:block;text-align:center;border-radius:calc(3 * var(--u,1px))}

/* Workshops */
.c-workshops{padding:calc(18 * var(--u,1px)) 3.5vw calc(26 * var(--u,1px))}
.c-workshops .sec-head h2{font-size:calc(27.16 * var(--u,1px))}
.ww-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(18 * var(--u,1px))}
.ww{background:#fff;border-radius:calc(6 * var(--u,1px));overflow:hidden;box-shadow:0 calc(4 * var(--u,1px)) calc(16 * var(--u,1px)) rgba(0,0,0,.07);min-width:0}
.ww-ph{aspect-ratio:225/79;background:linear-gradient(135deg,#cdd8c4,#e9dcc0);overflow:hidden}
.ww-body{display:grid;grid-template-columns:calc(38 * var(--u,1px)) minmax(0,1fr);gap:calc(4 * var(--u,1px)) calc(12 * var(--u,1px));padding:calc(12 * var(--u,1px)) calc(14 * var(--u,1px)) calc(14 * var(--u,1px));align-items:start}
.date{border:1px solid #d9d2bd;border-radius:calc(4 * var(--u,1px));text-align:center;padding:calc(3 * var(--u,1px)) 0;line-height:1.1;font-family:var(--sans)}
.date b{display:block;font-size:calc(13.3 * var(--u,1px));font-weight:600;color:var(--ink)}
.date span{font-size:calc(7.6 * var(--u,1px));letter-spacing:.06em;color:var(--muted)}
.ww h3{font-family:var(--sans);font-size:calc(10.92 * var(--u,1px));font-weight:600;color:var(--ink);line-height:1.25}
.ww p{font-size:calc(9.31 * var(--u,1px));color:var(--muted)}
.ww .btn{grid-column:2;margin-top:calc(6 * var(--u,1px))}

/* Why learn */
.c-why{padding:calc(10 * var(--u,1px)) 3.5vw calc(18 * var(--u,1px))}
.c-why .sec-head{margin-bottom:calc(14 * var(--u,1px))}
.c-why .sec-head h2{font-size:calc(25.22 * var(--u,1px))}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(16 * var(--u,1px))}
.why-grid article{display:flex;gap:calc(14 * var(--u,1px));align-items:center;background:rgba(255,255,255,.72);border-radius:calc(6 * var(--u,1px));padding:calc(14 * var(--u,1px)) calc(18 * var(--u,1px));box-shadow:0 calc(3 * var(--u,1px)) calc(10 * var(--u,1px)) rgba(0,0,0,.05);min-width:0}
.why-grid img{flex:0 0 calc(44 * var(--u,1px));width:calc(44 * var(--u,1px));height:calc(44 * var(--u,1px));object-fit:contain}
.why-grid h3{font-family:var(--sans);font-size:calc(10.92 * var(--u,1px));font-weight:600;color:var(--ink)}
.why-grid p{font-size:calc(9.5 * var(--u,1px));color:var(--muted);line-height:1.45}

/* Student testimonials (card styles come from style.css) */
.c-testi{padding:calc(10 * var(--u,1px)) 2.5vw calc(18 * var(--u,1px))}
.c-testi .sec-head{margin-bottom:calc(14 * var(--u,1px))}
.c-testi .sec-head h2{font-size:calc(25.22 * var(--u,1px))}
.c-testi .t-card{background:#fff}
.c-testi .t-body blockquote{font-family:var(--sans);font-size:calc(10.26 * var(--u,1px));line-height:1.5;font-weight:400}
.c-testi .avatar{flex:0 0 calc(54 * var(--u,1px));width:calc(54 * var(--u,1px));height:calc(54 * var(--u,1px))}

/* Accreditations */
.c-acc{padding:calc(8 * var(--u,1px)) 4vw calc(28 * var(--u,1px))}
.c-acc .sec-head{margin-bottom:calc(12 * var(--u,1px))}
.c-acc .sec-head h2{font-size:calc(21.34 * var(--u,1px))}
.acc-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}
.acc-row li{display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--u,1px));padding:0 calc(12 * var(--u,1px));border-right:1px solid #ddd5bd;font-size:calc(9.03 * var(--u,1px));color:var(--ink);text-align:center;line-height:1.35}
.acc-row li:last-child{border:0}
.acc-row li:not(:first-child){flex-direction:column;gap:calc(4 * var(--u,1px))}
.acc-row li:first-child{text-align:left}
.acc-row img{width:calc(56 * var(--u,1px));height:calc(56 * var(--u,1px));object-fit:contain;flex:none}

/* CTA */
.c-cta{min-height:max(calc(120 * var(--u,1px)),12.4vw);padding:calc(26 * var(--u,1px)) 6vw}
.c-cta h2{font-size:clamp(calc(21.34 * var(--u,1px)),2.4vw,calc(29.1 * var(--u,1px)));font-weight:500}
.c-cta p{font-size:calc(10.92 * var(--u,1px));max-width:calc(470 * var(--u,1px));margin:calc(4 * var(--u,1px)) 0 calc(14 * var(--u,1px))}
.c-cta::after{background:linear-gradient(90deg,rgba(8,36,26,.45),transparent 60%)}
.c-cta .cta-script{position:absolute;right:5vw;top:12%;font-size:clamp(calc(21.34 * var(--u,1px)),2.8vw,calc(31.04 * var(--u,1px)));line-height:1.05;color:#fff;text-align:left;margin:0;max-width:none}

@media(max-width:1000px){
  .c-strip ul{grid-template-columns:repeat(2,1fr);gap:calc(6 * var(--u,1px))}
  .c-strip li{border-right:0;justify-content:flex-start}
  .cc-grid,.ww-grid,.why-grid{grid-template-columns:repeat(2,1fr)}
  .acc-row{grid-template-columns:1fr 1fr;gap:calc(18 * var(--u,1px)) 0}
  .acc-row li{border-right:0}
  .c-hero .hero-script,.c-cta .cta-script{display:none}
}
@media(max-width:560px){.cc-grid,.ww-grid,.why-grid,.acc-row{grid-template-columns:1fr}}