/* Dance Arts Yamasaki - Dance Arts Art Theater Chronicle Detail
   Official Website 1.7.0 */
.dat-detail-page{color:#5f5953;background:#fff;}
.dat-breadcrumb{max-width:1600px;margin:1.5rem auto 0;padding:0 5vw;font-size:.9rem;color:#827C75;}
.dat-breadcrumb a{color:#827C75;text-decoration:none;}
.dat-main{overflow:hidden;}
.dat-section{padding:clamp(60px,7vw,110px) 5vw;}
.dat-section:nth-of-type(odd){background:#f7f4ef;}
.dat-section:nth-of-type(even){background:#fff;}
.dat-inner{width:min(1080px,92vw);margin:0 auto;}
.dat-profile-grid{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:start;}
.dat-poster img{display:block;width:100%;height:auto;box-shadow:0 14px 35px rgba(77,71,65,.12);}
.dat-kicker{margin:0 0 .7rem;color:#9a8065;font-size:.78rem;letter-spacing:.20em;}
.dat-profile-copy h2{margin:0 0 2rem;color:#4d4741;font-size:clamp(2rem,3.6vw,4rem);font-weight:normal;line-height:1.35;}
.dat-facts{display:grid;grid-template-columns:8.5rem 1fr;margin:0;border-top:1px solid rgba(154,128,101,.24);}
.dat-facts dt,.dat-facts dd{margin:0;padding:.95rem 0;border-bottom:1px solid rgba(154,128,101,.20);line-height:1.8;}
.dat-facts dt{color:#9a8065;font-size:.88rem;letter-spacing:.06em;}
.dat-facts dd{color:#5f5953;}
.dat-release{margin-top:2rem;padding:1.4rem 1.5rem;border:1px solid rgba(154,128,101,.26);background:#fff;}
.dat-release p{display:flex;justify-content:space-between;gap:1.5rem;margin:.4rem 0;line-height:1.8;}
.dat-release span{color:#827C75;}
.dat-release strong{color:#4d4741;font-weight:600;}
.dat-heading{text-align:center;margin:0 0 2.8rem;}
.dat-heading .main{display:block;color:#4d4741;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:normal;line-height:1.4;}
.dat-heading .sub{display:block;margin-top:.55rem;color:#9a8065;font-size:.78rem;letter-spacing:.22em;}
.dat-video{width:min(980px,100%);margin:0 auto;}
.dat-video video{display:block;width:100%;height:auto;background:#111;}
.dat-quality{margin:-1.4rem auto 1.5rem;text-align:center;color:#827C75;line-height:1.8;}
.dat-quality-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:min(980px,100%);margin:1rem auto 0;}
.dat-quality-links a{color:#827C75;text-decoration:underline;text-underline-offset:.2em;}
.dat-community{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.7fr);gap:clamp(2rem,5vw,4.5rem);}
.dat-like-panel,.dat-comment-panel{background:#fff;border:1px solid rgba(154,128,101,.24);padding:clamp(1.5rem,3vw,2.5rem);}
.dat-like-panel{text-align:center;}
.dat-like-panel>p:first-child{margin:.2rem 0 1.5rem;color:#6e665f;line-height:1.8;}
.dat-like-button{width:128px;height:128px;border-radius:50%;border:1px solid rgba(154,128,101,.45);background:#fff;color:#827C75;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;font:inherit;transition:transform .16s ease,background .16s ease;}
.dat-like-button:hover:not(:disabled){transform:translateY(-2px);background:#f7f4ef;}
.dat-like-button:disabled{cursor:default;opacity:.78;}
.dat-like-heart{font-size:2.15rem;line-height:1;}
.dat-like-label{font-size:.86rem;letter-spacing:.05em;}
.dat-like-count{margin:1.4rem 0 0;color:#9a8065;letter-spacing:.08em;}
.dat-like-count strong{font-size:2.2rem;color:#4d4741;font-weight:normal;}
.dat-comment-panel h3{margin:0;color:#4d4741;font-size:1.25rem;font-weight:normal;}
.dat-comment-note{margin:.35rem 0 1.25rem;color:#9a8065;font-size:.82rem;}
.dat-comment-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;}
.dat-comment-compose input{min-height:48px;border:1px solid #bfb6ad;background:#fff;padding:0 .9rem;color:#4d4741;font:inherit;}
.dat-comment-compose button{min-width:110px;border:0;background:#827C75;color:#fff;padding:0 1.1rem;font:inherit;cursor:pointer;}
.dat-comment-compose button:disabled{opacity:.55;cursor:default;}
.dat-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.dat-status{min-height:1.6em;margin:.6rem 0;color:#827C75;font-size:.85rem;}
.dat-comments{max-height:390px;overflow:auto;border-top:1px solid rgba(154,128,101,.22);margin-top:.4rem;}
.dat-comment{padding:1rem 0;border-bottom:1px solid rgba(154,128,101,.18);}
.dat-comment time{display:block;color:#9a8065;font-size:.76rem;margin-bottom:.3rem;}
.dat-comment p{margin:0;color:#5f5953;line-height:1.8;word-break:break-word;}
.dat-comment-empty{padding:1.2rem 0;color:#9a8065;}
.dat-runtime-note{margin:1.4rem auto 0;text-align:center;color:#8d6f54;font-size:.9rem;}
.dat-return{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
.dat-return a{display:inline-block;padding:.85rem 2rem;border-radius:999px;text-decoration:none;}
.dat-return-main{background:#827C75;color:#fff;}
.dat-return-sub{border:1px solid rgba(130,124,117,.35);color:#827C75;background:#fff;}
@media (max-width:820px){
    .dat-profile-grid,.dat-community{grid-template-columns:1fr;}
    .dat-poster{width:min(460px,100%);margin:0 auto;}
    .dat-facts{grid-template-columns:7rem 1fr;}
    .dat-release p{display:block;}
    .dat-release strong{display:block;margin-top:.2rem;}
}
@media (max-width:560px){
    .dat-section{padding-left:4vw;padding-right:4vw;}
    .dat-inner{width:100%;}
    .dat-facts{grid-template-columns:1fr;}
    .dat-facts dt{padding-bottom:0;border-bottom:0;}
    .dat-facts dd{padding-top:.25rem;}
    .dat-comment-compose{grid-template-columns:1fr;}
    .dat-comment-compose button{min-height:48px;}
}