/*
 * Dance Arts Yamasaki - Common Detail Hero V3
 * Fresh rebuild. No dependency on legacy Hero selectors or V2.
 */

.cdh3{
    position:relative;
    isolation:isolate;
    width:100%;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    background:#f7f4ef;
    overflow:hidden;
}

.cdh3-d1{ height:150px; }
.cdh3-d2{ height:185px; }

.cdh3-media,
.cdh3-overlay{
    position:absolute;
    inset:0;
}

.cdh3-media{
    z-index:0;
    overflow:hidden;
}

.cdh3-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}

.cdh3-overlay{
    z-index:1;
    background:rgba(255,255,255,.58);
    pointer-events:none;
}

.cdh3-content{
    position:relative;
    z-index:10;
    width:min(1180px,94vw);
    margin:0 auto;
    padding:8px 4vw;
    box-sizing:border-box;
    text-align:center;
    color:#6f6963;
}

.cdh3-meta,
.cdh3-sub,
.cdh3-title{
    margin-left:0;
    margin-right:0;
}

.cdh3-meta{
    margin-top:0;
    margin-bottom:4px;
    color:#8e806f;
    font-size:.82rem;
    line-height:1.3;
    letter-spacing:.06em;
}

.cdh3-title{
    position:relative;
    z-index:12;
    margin-top:0;
    margin-bottom:0;
    color:#4d4741;
    font-weight:normal;
    line-height:1.24;
    letter-spacing:.015em;
}

.cdh3-d1 .cdh3-title{ font-size:clamp(1.9rem,3.7vw,3.8rem); }
.cdh3-d2 .cdh3-title{ font-size:clamp(1.55rem,3.1vw,3rem); }

.cdh3-line{
    display:block;
    width:100%;
}

.cdh3-layout-mobile{
    display:none;
}

.cdh3-sub{
    margin-top:4px;
    margin-bottom:0;
    color:#5f5953;
    font-size:.86rem;
    line-height:1.35;
}

@media screen and (max-width:900px){
    .cdh3-d1,
    .cdh3-d2{
        height:auto;
    }

    .cdh3-m1{ min-height:92px; }
    .cdh3-m2{ min-height:116px; }
    .cdh3-m3{ min-height:142px; }

    .cdh3-content{
        width:96vw;
        padding:7px 3vw;
    }

    .cdh3-layout-desktop{
        display:none;
    }

    .cdh3-layout-mobile{
        display:block;
    }

    .cdh3-meta{
        margin-bottom:3px;
        font-size:.74rem;
    }

    .cdh3-m1 .cdh3-title{ font-size:1.58rem; }
    .cdh3-m2 .cdh3-title{ font-size:1.34rem; }
    .cdh3-m3 .cdh3-title{
        font-size:1.16rem;
        line-height:1.28;
    }

    .cdh3-sub{
        margin-top:3px;
        font-size:.76rem;
    }
}

@media screen and (max-width:390px){
    .cdh3-m1{ min-height:90px; }
    .cdh3-m2{ min-height:112px; }
    .cdh3-m3{ min-height:136px; }

    .cdh3-m1 .cdh3-title{ font-size:1.50rem; }
    .cdh3-m2 .cdh3-title{ font-size:1.28rem; }
    .cdh3-m3 .cdh3-title{ font-size:1.10rem; }
}