/* ==========================================================================
   OUR CLASSES page – template-classes.php
   ========================================================================== */
.class-list{padding-top:clamp(50px,7vw,100px)}
.class{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,7vw,110px);align-items:start;padding-block:clamp(50px,7vw,100px);border-bottom:1px solid var(--line)}
.class:last-child{border-bottom:0}
.class--flip{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.class--flip .class__main{order:2}
.class__main{position:relative}
.class__num{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(6rem,14vw,12rem);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(187,108,16,.55);margin-bottom:.32em}
.rr-site .class__title{font-size:clamp(2.2rem,4.6vw,4rem);margin-bottom:.6em}
.class .eyebrow{margin-bottom:.9rem}
.class .prose{max-width:60ch;font-size:1.05rem}
.class__card{position:sticky;top:calc(var(--header-h) + 24px);padding:14px 14px 22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.class__img{position:relative;border-radius:calc(var(--radius) - 8px);overflow:hidden;margin-bottom:18px}
.class__img>div{transform:none!important}
.class__img img{width:100%;height:auto;transition:transform 1.4s var(--ease)}
.class__card:hover .class__img img{transform:scale(1.05)}
.facts{margin:0 8px 22px}
.facts>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease)}
.facts>div:hover{padding-left:8px}
.facts dt{font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-d);flex:none}
.facts dd{margin:0;text-align:right;color:var(--text);font-size:.96rem}
.class__card .btn{width:calc(100% - 16px);margin-inline:8px}

.guide{background:linear-gradient(180deg,var(--paper),var(--mist))}
.guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guide__card{--mx:50%;--my:0%;position:relative;display:flex;flex-direction:column;gap:6px;padding:36px 30px 30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);text-decoration:none!important;color:var(--text)!important;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s,border-color .4s}
.guide__card::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(216,156,63,.2),transparent 60%);opacity:0;transition:opacity .4s}
.guide__card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(216,156,63,.6)}
.guide__card:hover::before{opacity:1}
.guide__n{font-family:var(--serif);font-style:italic;font-size:3.2rem;line-height:1;color:var(--gold-d)}
.guide__card h3{font-size:1.9rem;margin:.1em 0 .2em}
.guide__card p{color:var(--muted)}
.guide__card .link-arrow{margin-top:auto;align-self:flex-start}

@media (max-width:980px){
  .class,.class--flip{grid-template-columns:1fr;gap:34px}
  .class--flip .class__main{order:0}
  .class__card{position:static}
  .guide__grid{grid-template-columns:1fr}
}