/* =========================================================
   ADI YOGPEETH — COURSE OVERVIEW / REFERENCE DESIGN V2
   Based on supplied 100 Hour Traditional reference image.
   Page scoped: .ayp-course-overview
   ========================================================= */

.ayp-course-overview{
    --co-forest:#173F35;
    --co-deep:#102F2A;
    --co-cream:#F8F4EA;
    --co-white:#FFFFFF;
    --co-sage:#EEF1E8;
    --co-gold:#B8945A;
    --co-gold-soft:#D7C29A;
    --co-text:#26332F;
    --co-muted:#68736D;
    --co-line:rgba(23,63,53,.18);
    --co-container:92%;
    --co-max:1440px;

    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 6% 25%,rgba(207,215,199,.45),transparent 22%),
        radial-gradient(circle at 94% 8%,rgba(224,226,213,.55),transparent 25%),
        var(--co-cream);
    color:var(--co-text);
    font-family:var(--font-body,"PT Serif",Georgia,serif);
}

.ayp-course-overview *,
.ayp-course-overview *::before,
.ayp-course-overview *::after{
    box-sizing:border-box;
}

.ayp-course-overview__container{
    position:relative;
    z-index:1;
    width:var(--co-container);
    max-width:var(--co-max);
    margin-inline:auto;
    padding:clamp(58px,6vw,88px) 0 clamp(58px,6vw,82px);
}

/* =========================================================
   TOP INTRO
   ========================================================= */

.ayp-course-overview__intro-grid{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);
    gap:clamp(40px,5vw,74px);
    align-items:center;
}

.ayp-course-overview__intro{
    min-width:0;
}

.ayp-course-overview__header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.ayp-course-overview__eyebrow{
    color:#735326;
    font-family:var(--font-body,"PT Serif",Georgia,serif);
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
    white-space:nowrap;
}

.ayp-course-overview__rule{
    width:90px;
    height:1px;
    flex:0 0 auto;
    background:var(--co-gold);
}

.ayp-course-overview__intro h2{
    max-width:770px;
    margin:0;
    color:var(--co-forest);
    font-family:var(--font-display,"Playfair Display",Georgia,serif);
    font-size:clamp(48px,5.45vw,76px);
    line-height:.94;
    font-weight:500;
    letter-spacing:-.045em;
}

.ayp-course-overview__keywords{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 11px;
    margin-top:23px;
    color:var(--co-text);
    font-size:10px;
    line-height:1.5;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.ayp-course-overview__keywords b{
    color:var(--co-gold);
    font-weight:400;
}

.ayp-course-overview__gold-rule{
    display:block;
    width:50px;
    height:2px;
    margin:22px 0 17px;
    background:var(--co-gold);
}

.ayp-course-overview__lead{
    max-width:720px;
    margin:0;
    color:#182622;
    font-size:clamp(17px,1.22vw,20px);
    line-height:1.5;
}

/* =========================================================
   WHY CHOOSE — ORGANIC PANEL
   ========================================================= */

.ayp-course-overview__why{
    position:relative;
    min-width:0;
    min-height:410px;
    padding:38px clamp(25px,3vw,48px) 28px;
    overflow:hidden;
    background:
        linear-gradient(135deg,rgba(239,239,226,.96),rgba(249,248,239,.9));
    border:1px solid rgba(184,148,90,.72);
    border-radius:54px 83px 61px 79px;
    box-shadow:
        0 0 0 7px rgba(184,148,90,.035),
        inset 0 0 0 1px rgba(255,255,255,.9);
}

.ayp-course-overview__why::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(184,148,90,.28);
    border-radius:inherit;
    pointer-events:none;
}

.ayp-course-overview__why::after{
    content:"";
    position:absolute;
    inset:-3px 4px 5px -4px;
    border:1px solid rgba(184,148,90,.18);
    border-radius:inherit;
    pointer-events:none;
}

.ayp-course-overview__why-header{
    position:relative;
    z-index:2;
    text-align:center;
}

.ayp-course-overview__why-header > span{
    display:block;
    color:var(--co-text);
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.29em;
    text-transform:uppercase;
}

.ayp-course-overview__why-header h3{
    margin:7px 0 5px;
    color:var(--co-forest);
    font-family:var(--font-display,"Playfair Display",Georgia,serif);
    font-size:clamp(25px,2.15vw,33px);
    line-height:1.05;
    font-weight:500;
    letter-spacing:-.02em;
}

.ayp-course-overview__why-header small{
    display:block;
    color:var(--co-text);
    font-size:10px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.28em;
    text-transform:uppercase;
}

.ayp-course-overview__why-header i{
    display:block;
    width:40px;
    height:1px;
    margin:15px auto 20px;
    background:var(--co-gold);
}

.ayp-course-overview__why-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.ayp-course-overview__why-item{
    position:relative;
    min-height:126px;
    padding:22px 24px;
    overflow:hidden;
    background:rgba(255,255,255,.30);
    border:1px solid rgba(184,148,90,.30);
    border-radius:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
    transition:transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}

.ayp-course-overview__why-item::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-65%;
    width:42%;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent);
    transform:skewX(-18deg);
    opacity:0;
    pointer-events:none;
}

.ayp-course-overview__why-item:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.52);
    border-color:rgba(184,148,90,.62);
    box-shadow:0 12px 28px rgba(18,59,50,.08),inset 0 1px 0 rgba(255,255,255,.82);
}

.ayp-course-overview__why-item:hover::before{
    opacity:1;
    animation:aypOverviewWhyFlash .72s ease-out 1;
}

@keyframes aypOverviewWhyFlash{
    from{left:-65%}
    to{left:125%}
}

.ayp-course-overview__why-item:nth-child(1),
.ayp-course-overview__why-item:nth-child(2),
.ayp-course-overview__why-item:nth-child(3),
.ayp-course-overview__why-item:nth-child(4){
    border-right:1px solid rgba(184,148,90,.30);
    border-bottom:1px solid rgba(184,148,90,.30);
    padding-left:24px;
}

.ayp-course-overview__why-item h4{
    margin:3px 0 6px;
    color:#172824;
    font-size:14px;
    line-height:1.22;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ayp-course-overview__why-item p{
    margin:0;
    color:#26332F;
    font-size:15px;
    line-height:1.38;
}

.ayp-course-overview__why-center{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:37px;
    height:37px;
    background:var(--co-cream);
    transform:translate(-50%,-50%);
}

.ayp-course-overview__why-center::before,
.ayp-course-overview__why-center::after,
.ayp-course-overview__why-center i{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:20px;
    height:20px;
    border:1px solid var(--co-gold);
    transform:translate(-50%,-50%) rotate(45deg);
}

.ayp-course-overview__why-center::after{
    width:11px;
    height:11px;
}

.ayp-course-overview__why-center i{
    width:27px;
    height:27px;
    opacity:.35;
}

/* =========================================================
   WHAT YOU WILL LEARN
   ========================================================= */

.ayp-course-overview__learning-heading{
    display:flex;
    align-items:center;
    gap:22px;
    margin:43px 0 22px;
}

.ayp-course-overview__learning-heading-inner{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:13px;
}

.ayp-course-overview__learning-lotus{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    color:var(--co-gold);
}

.ayp-course-overview__learning-lotus svg{
    width:43px;
    height:43px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ayp-course-overview__learning-heading h3{
    margin:0;
    color:#172824;
    font-size:17px;
    line-height:1;
    font-weight:700;
    letter-spacing:.27em;
    text-transform:uppercase;
}

.ayp-course-overview__learning-heading > span:last-child{
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(184,148,90,.55),
        rgba(184,148,90,.06)
    );
}

/* =========================================================
   LEARNING CARDS
   ========================================================= */

.ayp-course-overview__learning-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:15px;
}

.ayp-course-overview__learning-card{
    position:relative;
    min-width:0;
    min-height:286px;
    padding:28px 21px 31px;
    overflow:hidden;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,255,255,.86),transparent 38%),
        rgba(250,248,241,.94);
    border:1px solid rgba(184,148,90,.42);
    border-radius:28px 72px 28px 72px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
    transform:translateY(0) scale(1);
    transition:transform .32s cubic-bezier(.2,.75,.25,1), box-shadow .32s ease, border-color .32s ease, background .32s ease;
    will-change:transform;
}

.ayp-course-overview__learning-card::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(184,148,90,.18);
    border-radius:inherit;
    pointer-events:none;
}

.ayp-course-overview__learning-card::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-75%;
    width:38%;
    height:145%;
    background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 35%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.04) 65%,transparent 100%);
    transform:skewX(-18deg);
    opacity:0;
    pointer-events:none;
}

.ayp-course-overview__learning-card:hover{
    transform:translateY(-10px) scale(1.018);
    border-color:rgba(184,148,90,.82);
    background:
        radial-gradient(circle at 50% 0%,rgba(255,255,255,1),transparent 42%),
        rgba(255,252,244,.98);
    box-shadow:0 20px 42px rgba(18,59,50,.13),0 0 0 3px rgba(184,148,90,.07),inset 0 0 0 1px rgba(255,255,255,.92);
}

.ayp-course-overview__learning-card:hover::after{
    opacity:1;
    animation:aypOverviewCardFlash .78s cubic-bezier(.2,.7,.25,1) 1;
}

@keyframes aypOverviewCardFlash{
    from{left:-75%;}
    to{left:135%;}
}

.ayp-course-overview__card-corner{
    position:absolute;
    top:-1px;
    left:-1px;
    display:block;
    width:104px;
    height:104px;
    padding:18px 0 0 21px;
    color:#F2D39A;
    background:var(--co-forest);
    clip-path:polygon(0 0,100% 0,73% 20%,49% 44%,27% 70%,0 100%);
    font-family:var(--font-display,"Playfair Display",Georgia,serif);
    font-size:23px;
    line-height:1;
    text-align:left;
}

.ayp-course-overview__card-icon{
    position:relative;
    z-index:2;
    display:grid;
    width:78px;
    height:78px;
    margin:0 auto 17px;
    place-items:center;
    color:#946D34;
    border:1px solid rgba(184,148,90,.48);
    border-radius:50%;
    background:rgba(251,249,242,.9);
}

.ayp-course-overview__card-icon svg{
    width:47px;
    height:47px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}


.ayp-course-overview__learning-card:hover .ayp-course-overview__card-icon{
    transform:translateY(-2px) rotate(-4deg);
    background:#fffdf7;
    box-shadow:0 0 0 6px rgba(184,148,90,.08),0 8px 18px rgba(18,59,50,.08);
    transition:transform .32s ease, box-shadow .32s ease, background .32s ease;
}

.ayp-course-overview__learning-card h4{
    position:relative;
    z-index:2;
    margin:0;
    color:#182A26;
    font-size:15px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.ayp-course-overview__card-rule{
    position:relative;
    z-index:2;
    display:block;
    width:36px;
    height:2px;
    margin:12px auto 13px;
    background:var(--co-gold);
}

.ayp-course-overview__learning-card p{
    position:relative;
    z-index:2;
    max-width:250px;
    margin:0 auto;
    color:#202D29;
    font-size:15px;
    line-height:1.42;
}

.ayp-course-overview__card-lotus{
    position:absolute;
    z-index:2;
    bottom:-4px;
    left:50%;
    display:block;
    width:47px;
    height:32px;
    color:var(--co-gold);
    transform:translateX(-50%);
}

.ayp-course-overview__card-lotus svg{
    width:47px;
    height:47px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================================================
   FACT RAIL
   ========================================================= */

.ayp-course-overview__facts{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:25px;
    overflow:hidden;
    background:rgba(249,249,241,.88);
    border:1px solid rgba(110,124,115,.34);
    border-radius:50px;
    box-shadow:
        0 4px 0 rgba(255,255,255,.8) inset,
        0 10px 30px rgba(31,50,44,.04);
}

.ayp-course-overview__fact{
    display:flex;
    min-width:0;
    min-height:94px;
    align-items:center;
    gap:16px;
    padding:14px 26px;
    border-right:1px solid rgba(184,148,90,.3);
}

.ayp-course-overview__fact:last-child{
    border-right:0;
}

.ayp-course-overview__fact-icon{
    display:grid;
    width:56px;
    height:56px;
    flex:0 0 56px;
    place-items:center;
    color:var(--co-forest);
    background:#E6E8DE;
    border:1px solid rgba(184,148,90,.3);
    border-radius:50%;
}

.ayp-course-overview__fact-icon svg{
    width:33px;
    height:33px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ayp-course-overview__fact-copy{
    min-width:0;
}

.ayp-course-overview__fact strong{
    display:block;
    color:#182824;
    font-size:13px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.ayp-course-overview__fact small{
    display:block;
    margin-top:6px;
    color:#5E6964;
    font-size:10px;
    line-height:1.35;
    letter-spacing:.035em;
    text-transform:uppercase;
}

/* =========================================================
   LOWER SUPPORT CONTENT
   ========================================================= */

.ayp-course-overview__support-section{
    margin-top:62px;
    padding-top:42px;
    border-top:1px solid rgba(23,63,53,.14);
}

.ayp-course-overview__support-heading{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:24px;
}

.ayp-course-overview__support-heading span{
    color:var(--co-forest);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.ayp-course-overview__support-heading i{
    width:100%;
    height:1px;
    background:rgba(184,148,90,.42);
}

.ayp-course-overview__support-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.ayp-course-overview__support-card{
    padding:25px 25px 27px;
    background:rgba(255,255,255,.52);
    border:1px solid rgba(184,148,90,.28);
}

.ayp-course-overview__support-card > span{
    color:var(--co-gold);
    font-family:var(--font-display,"Playfair Display",Georgia,serif);
    font-size:24px;
}

.ayp-course-overview__support-card h3{
    margin:12px 0 8px;
    color:var(--co-forest);
    font-family:var(--font-display,"Playfair Display",Georgia,serif);
    font-size:23px;
    line-height:1.1;
    font-weight:500;
}

.ayp-course-overview__support-card p{
    margin:0;
    color:var(--co-muted);
    font-size:15px;
    line-height:1.55;
}

.ayp-course-overview__before{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:55px;
    margin-top:45px;
    padding:42px 0 0;
    border-top:1px solid rgba(23,63,53,.14);
}

.ayp-course-overview__before-copy > span{
    color:#8C4936;
    font-size:11px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.ayp-course-overview__before-copy h3{
    margin:10px 0 13px;
    color:var(--co-forest);
    font-family:var(--font-display,"Playfair Display",Georgia,serif);
    font-size:clamp(30px,3vw,44px);
    line-height:1.05;
    font-weight:500;
}

.ayp-course-overview__before-copy p{
    margin:0;
    color:var(--co-muted);
    font-size:15px;
    line-height:1.65;
}

.ayp-course-overview__before ol{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px 25px;
    margin:0;
    padding:0;
    list-style:none;
}

.ayp-course-overview__before li{
    display:grid;
    grid-template-columns:20px 1fr;
    gap:10px;
    align-items:start;
    color:var(--co-text);
    font-size:15px;
    line-height:1.5;
}

.ayp-course-overview__before li span{
    color:var(--co-gold);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1220px){

    .ayp-course-overview__intro-grid{
        grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);
        gap:35px;
    }

    .ayp-course-overview__why{
        padding-inline:27px;
    }

    .ayp-course-overview__why-item{
        padding:20px;
    }

    .ayp-course-overview__why-item p{
        font-size:14px;
    }

    .ayp-course-overview__learning-card{
        padding-inline:16px;
    }

    .ayp-course-overview__learning-card p{
        font-size:14px;
    }

    .ayp-course-overview__fact{
        padding-inline:18px;
        gap:11px;
    }
}

@media (max-width:980px){

    .ayp-course-overview__intro-grid{
        grid-template-columns:1fr;
    }

    .ayp-course-overview__intro h2{
        max-width:850px;
    }

    .ayp-course-overview__lead{
        max-width:850px;
    }

    .ayp-course-overview__why{
        max-width:850px;
        margin-inline:auto;
    }

    .ayp-course-overview__learning-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .ayp-course-overview__facts{
        grid-template-columns:repeat(2,1fr);
        border-radius:30px;
    }

    .ayp-course-overview__fact:nth-child(2){
        border-right:0;
    }

    .ayp-course-overview__fact:nth-child(-n+2){
        border-bottom:1px solid rgba(184,148,90,.3);
    }

    .ayp-course-overview__support-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ayp-course-overview__before{
        grid-template-columns:1fr;
        gap:30px;
    }
}

@media (max-width:680px){

    .ayp-course-overview__container{
        width:calc(100% - 30px);
        padding-block:48px 58px;
    }

    .ayp-course-overview__header{
        gap:11px;
        margin-bottom:16px;
    }

    .ayp-course-overview__eyebrow{
        font-size:10px;
        letter-spacing:.18em;
    }

    .ayp-course-overview__rule{
        width:55px;
    }

    .ayp-course-overview__intro h2{
        font-size:clamp(39px,11.5vw,55px);
        line-height:.96;
    }

    .ayp-course-overview__keywords{
        font-size:8.5px;
        letter-spacing:.1em;
        gap:5px 8px;
    }

    .ayp-course-overview__lead{
        font-size:16.5px;
        line-height:1.55;
    }

    .ayp-course-overview__why{
        min-height:auto;
        padding:32px 18px 22px;
        border-radius:36px 50px 38px 50px;
    }

    .ayp-course-overview__why-grid{
        grid-template-columns:1fr;
    }

    .ayp-course-overview__why-item,
    .ayp-course-overview__why-item:nth-child(2),
    .ayp-course-overview__why-item:nth-child(4){
        min-height:auto;
        padding:14px 0;
        border-right:0;
        border-bottom:1px solid rgba(184,148,90,.25);
    }

    .ayp-course-overview__why-item:last-of-type{
        border-bottom:0;
    }

    .ayp-course-overview__why-center{
        display:none;
    }

    .ayp-course-overview__learning-heading{
        align-items:flex-start;
        gap:10px;
        margin-top:38px;
    }

    .ayp-course-overview__learning-heading h3{
        font-size:12px;
        line-height:1.25;
        letter-spacing:.16em;
    }

    .ayp-course-overview__learning-lotus{
        width:34px;
        height:34px;
    }

    .ayp-course-overview__learning-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .ayp-course-overview__learning-card{
        min-height:278px;
        padding:24px 12px 28px;
        border-radius:24px 45px 24px 45px;
    }

    .ayp-course-overview__card-icon{
        width:66px;
        height:66px;
        margin-bottom:13px;
    }

    .ayp-course-overview__learning-card h4{
        font-size:12px;
    }

    .ayp-course-overview__learning-card p{
        font-size:13px;
        line-height:1.4;
    }

    .ayp-course-overview__facts{
        grid-template-columns:1fr;
        border-radius:24px;
    }

    .ayp-course-overview__fact,
    .ayp-course-overview__fact:nth-child(2){
        min-height:82px;
        border-right:0;
        border-bottom:1px solid rgba(184,148,90,.25);
    }

    .ayp-course-overview__fact:last-child{
        border-bottom:0;
    }

    .ayp-course-overview__support-grid{
        grid-template-columns:1fr;
    }

    .ayp-course-overview__before ol{
        grid-template-columns:1fr;
    }
}

@media (max-width:420px){

    .ayp-course-overview__learning-grid{
        grid-template-columns:1fr;
    }

    .ayp-course-overview__learning-card{
        min-height:245px;
    }
}

@media (prefers-reduced-motion:reduce){
    .ayp-course-overview *,
    .ayp-course-overview *::before,
    .ayp-course-overview *::after{
        scroll-behavior:auto!important;
        transition:none!important;
        animation:none!important;
    }
}


@media (prefers-reduced-motion: reduce){
    .ayp-course-overview__why-item,
    .ayp-course-overview__learning-card,
    .ayp-course-overview__card-icon{
        transition:none;
    }
    .ayp-course-overview__why-item:hover,
    .ayp-course-overview__learning-card:hover{
        transform:none;
    }
    .ayp-course-overview__why-item:hover::before,
    .ayp-course-overview__learning-card:hover::after{
        animation:none;
        opacity:0;
    }
}