/* ws07: a shared grid track owns every column; two image tracks include their gap. */
@media(min-width:1025px){
 body[data-ws-theme=ws07] .main .about-box .about-m{--ws-about-height:540px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.26fr);grid-template-rows:minmax(var(--ws-about-height),auto);gap:8px;align-items:stretch;width:min(1320px,calc(100% - 80px));max-width:1320px;margin-inline:auto;padding:0;box-sizing:border-box}
 body[data-ws-theme=ws07] .main .about-box .about-m :is(.about-m-a,.about-m-b,.about-m-c){width:auto;height:auto;min-width:0;min-height:0;margin:0;position:relative}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-b{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;justify-content:normal}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-b .about-m-b-item{width:100%;height:auto;min-height:0;position:relative;margin:0}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-a img,
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-b .about-m-b-item img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center top}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c{display:flex}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c .about-info-box{width:100%;height:auto;min-height:var(--ws-about-height);flex:1;padding:36px 32px;box-sizing:border-box}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c .about-info-box .about-info-box-m{width:100%;max-width:360px;min-width:0}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c .login_area{width:100%;height:100%;box-sizing:border-box;overflow-y:auto}
}
@media(min-width:1025px) and (max-width:1440px){body[data-ws-theme=ws07] .main .about-box .about-m{--ws-about-height:460px}}
@media(max-width:1024px){
 body[data-ws-theme=ws07] .main .about-box .about-m{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch;width:min(620px,calc(100% - 40px));max-width:none;margin-inline:auto;padding:0;box-sizing:border-box}
 body[data-ws-theme=ws07] .main .about-box .about-m :is(.about-m-a,.about-m-b,.about-m-c){width:100%;height:auto;min-width:0;max-width:none;margin:0}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-b{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-b .about-m-b-item{width:100%;height:auto;max-width:none;margin:0}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-a img,
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-b .about-m-b-item img{display:block;position:static;width:100%;height:auto;object-fit:contain}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c .about-info-box{height:auto;min-height:0;padding:32px 24px;box-sizing:border-box}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c .about-info-box .about-info-box-m{width:100%;max-width:none}
 body[data-ws-theme=ws07] .main .about-box .about-m .about-m-c .login_area{width:100%;height:100%;box-sizing:border-box;overflow-y:auto}
}