.img {
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center;
}

.img.as::before {content:""; display:block;}

.img.as > * {position:absolute; top:0; left:0; width:100%; height:100%;}

.img.as.classic {width:100%; aspect-ratio:3 / 2; padding-top:66.66%;}
.img.as.phone {width:100%; aspect-ratio:3 / 4; padding-top:133.33%;}
.img.as.studio {width:100%; aspect-ratio:4 / 5; padding-top:80%;}
.img.as.editorial {width:100%; aspect-ratio:9 / 16; padding-top:56.66%;}




.img#header_main {
 background-image:url('../../D/banner/header_Main.png');
}



.overlay-texture {
 position:absolute;
 left:0;right:0;top:0;bottom:0;
 background-color:transparent;
 background-repeat:repeat;
 width:100%;height:100%;
}

.overlay-texture#t01 {
 background-image: url('http://localhost:2880/D/texture/01.png');
 background-size:200px 196px;
}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.md
- - - - - - - - - - - - */

@media (min-width:768px) {

 section#cover section#A {
  background-image:url('../../D/banner/coverIntro_t-36A00d.png');
 }


}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.lg (desktop)
- - - - - - - - - - - - */

@media (min-width: 992px) {

 section#cover section#A {
  background-image:url('../../D/banner/cover-2024-dt.png');
  background-color:var(--middark);
 }
 .img#header_main {
  background-image:none;
 }


}


/* Dimensions of artwork non-responsive */
@media (min-width:992px) and (min-height:720px){
 main.gallery header #header_main,
 main.gallery figure img {
  max-width:360px;
 }
}
@media (min-width:992px) and (min-height:768px){
 main.gallery header #header_main,
 main.gallery figure img {
  max-width:400px;
 }
}
@media (min-width:992px) and (min-height:864px){
 main.gallery header #header_main,
 main.gallery figure img {
  max-width:452px;
 }
}
@media (min-width:992px) and (min-height:900px){
 main.gallery header #header_main,
 main.gallery figure img {
  max-width:500px;
 }
}