.academy-materials{
    position:relative;
    overflow:hidden;
    padding:105px 0 110px;
    background:#fffdfb;
}

.academy-materials__container{
    position:relative;
}

.academy-materials__top{
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);
    gap:clamp(65px,8vw,125px);
    align-items:center;
}

.academy-materials__content{
    max-width:760px;
}

.academy-materials__eyebrow{
    display:block;
    margin:0 0 11px;
    color:#b88792;
    font-family:var(--small);
    font-size:9px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.academy-materials__content h2{
    max-width:650px;
    margin:0 0 31px;
    color:#2d292a;
    font-family:var(--serif);
    font-size:clamp(38px,3.55vw,52px);
    line-height:1.03;
    letter-spacing:-.025em;
    font-weight:600;
}

.academy-materials__content h2 span{
    display:block;
    margin-top:5px;
    color:#c86f82;
    font-family:var(--script);
    font-size:1.05em;
    line-height:.95;
    font-weight:400;
    letter-spacing:0;
}

.academy-materials__list{
    display:grid;
    gap:11px;
}

.academy-materials__item{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:18px;
    align-items:center;
    min-height:116px;
    padding:17px 21px 17px 14px;
    border-radius:22px;
    background:#fdf3f2;
}

.academy-materials__item-visual{
    width:80px;
    height:80px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:52% 48% 57% 43% / 44% 58% 42% 56%;
    background:#f6dddf;
    transform:rotate(0) scale(1);
    transition:
        transform .48s cubic-bezier(.22,1,.36,1),
        border-radius .48s cubic-bezier(.22,1,.36,1),
        background-color .4s ease;
}

.academy-materials__item:nth-child(2) .academy-materials__item-visual{
    border-radius:45% 55% 43% 57% / 57% 44% 56% 43%;
}

.academy-materials__item:nth-child(3) .academy-materials__item-visual{
    border-radius:58% 42% 52% 48% / 42% 55% 45% 58%;
}

.academy-materials__item:nth-child(4) .academy-materials__item-visual{
    border-radius:44% 56% 59% 41% / 55% 43% 57% 45%;
}

.academy-materials__item-visual img{
    display:block;
    width:68px;
    height:68px;
    max-width:none;
    object-fit:contain;
    filter:brightness(0) contrast(1.35);
    transform:scale(1);
    transform-origin:center;
    transition:transform .55s cubic-bezier(.22,1,.36,1);
}

.academy-materials__item-copy strong{
    display:block;
    margin:0 0 7px;
    color:#1f1f1f;
    font-family:var(--serif);
    font-size:20px;
    line-height:1.13;
    font-weight:600;
}

.academy-materials__item-copy p{
    max-width:620px;
    margin:0;
    color:#1f1f1f;
    font-size:14px;
    line-height:1.65;
    font-weight:400;
}

.academy-materials__gallery{
    position:relative;
    min-height:650px;
}

.academy-materials__gallery-blob{
    position:absolute;
    z-index:0;
    width:455px;
    height:535px;
    left:50%;
    top:55%;
    border-radius:52% 48% 43% 57% / 43% 57% 43% 57%;
    background:#f6dddf;
    transform:translate(-50%,-50%) rotate(6deg);
}

.academy-materials__photo{
    position:absolute;
    z-index:2;
    margin:0;
    overflow:hidden;
    background:#f2e5e4;
    box-shadow:0 20px 48px rgba(81,52,59,.10);
}

.academy-materials__photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.academy-materials__photo--main{
    left:8%;
    top:72px;
    width:67%;
    height:500px;
    border-radius:46% 54% 40% 60% / 38% 46% 54% 62%;
}

.academy-materials__photo--top img{object-position:center 45%;}
.academy-materials__photo--top{
    z-index:4;
    right:0;
    top:33px;
    width:36%;
    height:225px;
    border:7px solid #fffdfb;
    border-radius:52% 48% 43% 57% / 47% 55% 45% 53%;
    transform:rotate(4deg);
}

.academy-materials__photo--bottom{
    z-index:5;
    right:2%;
    bottom:28px;
    width:39%;
    height:245px;
    border:7px solid #fffdfb;
    border-radius:44% 56% 58% 42% / 57% 43% 57% 43%;
    transform:rotate(-4deg);
}

.academy-materials__gallery-note{
    position:absolute;
    z-index:7;
    left:-2px;
    top:69px;
    display:flex;
    flex-direction:column;
    color:#c86f82;
    transform:rotate(-8deg);
    pointer-events:none;
}

.academy-materials__gallery-note span{
    font-family:var(--script);
    font-size:29px;
    line-height:1;
}

.academy-materials__gallery-note small{
    margin-top:6px;
    color:#9b8188;
    font-family:var(--small);
    font-size:7px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.academy-materials__gallery-ring{
    position:absolute;
    z-index:1;
    display:block;
    border:1px solid rgba(200,111,130,.25);
    border-radius:50%;
    pointer-events:none;
}

.academy-materials__gallery-ring--one{
    width:95px;
    height:95px;
    right:8%;
    top:5px;
}

.academy-materials__gallery-ring--two{
    width:43px;
    height:43px;
    left:2%;
    bottom:72px;
    background:rgba(246,221,223,.7);
}

[data-materials-reveal]{
    opacity:1;
    --pmf-reveal-from:translateY(22px);transform:none;
    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.22,1,.36,1);
}

[data-materials-reveal].is-visible{
    opacity:1;
    transform:none;
}

[data-material-point]{
    opacity:1;
    --pmf-reveal-from:translateX(-12px);transform:none;
    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.22,1,.36,1);
}

[data-material-point].is-visible{
    opacity:1;
    transform:none;
}

@media(hover:hover) and (pointer:fine){
    .academy-materials__item:hover .academy-materials__item-visual{
        transform:rotate(5deg) scale(1.07);
        border-radius:43% 57% 48% 52% / 58% 42% 56% 44%;
        background:#edb7bd;
    }

    .academy-materials__item:nth-child(2):hover .academy-materials__item-visual{
        transform:rotate(-5deg) scale(1.07);
        border-radius:58% 42% 54% 46% / 42% 57% 43% 58%;
    }

    .academy-materials__item:nth-child(3):hover .academy-materials__item-visual{
        transform:rotate(4deg) scale(1.07);
        border-radius:46% 54% 40% 60% / 59% 44% 56% 41%;
    }

    .academy-materials__item:nth-child(4):hover .academy-materials__item-visual{
        transform:rotate(-4deg) scale(1.07);
        border-radius:57% 43% 55% 45% / 45% 58% 42% 55%;
    }

    .academy-materials__item:hover .academy-materials__item-visual img{
        filter:brightness(0) contrast(1.35);
        transform:scale(1.1);
    }
}

@media(max-width:1100px){
    .academy-materials__top{
        grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);
        gap:50px;
    }

    .academy-materials__gallery{
        min-height:610px;
    }

    .academy-materials__photo--main{
        height:470px;
    }
}

@media(max-width:950px){
    .academy-materials__top{
        grid-template-columns:1fr;
        gap:48px;
    }

    .academy-materials__content{
        max-width:780px;
    }

    .academy-materials__gallery{
        width:min(100%,650px);
        margin-inline:auto;
    }
}

@media(max-width:700px){
    .academy-materials{
        padding:78px 0 85px;
    }

    .academy-materials__content h2{
        font-size:clamp(34px,9vw,44px);
    }

    .academy-materials__item{
        grid-template-columns:68px minmax(0,1fr);
        gap:14px;
        min-height:100px;
        padding:14px 13px 14px 10px;
    }

    .academy-materials__item-visual{
        width:64px;
        height:64px;
    }

    .academy-materials__item-visual img{
        width:54px;
        height:54px;
    }

    .academy-materials__item-copy strong{
        font-size:17px;
    }

    .academy-materials__item-copy p{
        font-size:13px;
        line-height:1.55;
    }

    .academy-materials__gallery{
        min-height:500px;
    }

    .academy-materials__gallery-blob{
        width:340px;
        height:405px;
    }

    .academy-materials__photo--main{
        left:3%;
        top:55px;
        width:70%;
        height:410px;
    }

    .academy-materials__photo--top{
        width:36%;
        height:155px;
        border-width:5px;
    }

    .academy-materials__photo--bottom{
        width:40%;
        height:175px;
        border-width:5px;
        bottom:12px;
    }

    .academy-materials__gallery-note{
        top:25px;
        left:0;
    }

    .academy-materials__gallery-note span{
        font-size:22px;
    }
}

@media(max-width:430px){
    .academy-materials__item{
        grid-template-columns:60px minmax(0,1fr);
        gap:11px;
    }

    .academy-materials__item-visual{
        width:56px;
        height:56px;
    }

    .academy-materials__item-visual img{
        width:48px;
        height:48px;
    }

    .academy-materials__item-copy strong{
        font-size:16px;
    }

    .academy-materials__item-copy p{
        font-size:12.5px;
    }

    .academy-materials__gallery{
        min-height:455px;
    }

    .academy-materials__photo--main{
        height:375px;
    }

    .academy-materials__photo--top{
        height:135px;
    }

    .academy-materials__photo--bottom{
        height:155px;
    }
}

@media(prefers-reduced-motion:reduce){
    [data-materials-reveal],
    [data-material-point]{
        opacity:1;
        transform:none;
        transition:none;
    }

    .academy-materials__item-visual,
    .academy-materials__item-visual img{
        transition:none;
    }
}