/* TASK12: full approved compositions, no cropping, scoped to 14 subcategories. */
#alin03-app .task12-subcard{background:#faf3eb;min-height:320px;display:flex;align-items:center;padding:24px}
#alin03-app .task12-subcard .nav-card-copy{width:42%;max-width:42%;min-height:270px;padding-bottom:46px}
#alin03-app .task12-subcard h3{overflow-wrap:break-word;hyphens:auto}
#alin03-app .task12-subcard p{max-width:100%}
#alin03-app .task12-card-art{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:contain;object-position:right center;z-index:1}
#alin03-app .task12-subcard .circle-arrow{left:0;right:auto;bottom:0}
#alin03-app .task12-heading{background:#faf3eb}
#alin03-app .alin-l04 .l04-intro.task12-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:330px;padding-top:28px;padding-bottom:36px}
#alin03-app .task12-banner-copy{position:relative;z-index:2;width:42%;max-width:42%}
#alin03-app .task12-banner-art{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:contain;object-position:right center;z-index:1}
#alin03-app .task12-banner .l04-intro-text{max-width:100%}
@media(max-width:1100px){
 #alin03-app .task12-subcard{padding:0;min-height:0;flex-direction:column;align-items:stretch}
 #alin03-app .task12-subcard .nav-card-copy{order:1;width:100%;max-width:100%;min-height:240px;padding:24px 24px 65px;box-sizing:border-box}
 #alin03-app .task12-card-art{order:2;position:relative;display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center}
 #alin03-app .task12-subcard .circle-arrow{left:24px;bottom:18px}
 #alin03-app .alin-l04 .l04-intro.task12-banner{min-height:300px}
 #alin03-app .task12-banner-copy{width:44%;max-width:44%}
 #alin03-app .task12-banner-art{width:54%}
}
@media(max-width:800px){
 #alin03-app .alin-l04 .l04-intro.task12-banner{display:flex;flex-direction:column;align-items:stretch;padding-bottom:0;min-height:0}
 #alin03-app .task12-banner-copy{width:100%;max-width:100%;padding-bottom:24px}
 #alin03-app .task12-banner-art{position:relative;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center}
 #alin03-app .task12-banner .l04-intro-text{max-width:650px}
}
@media(max-width:560px){
 #alin03-app .task12-subcard .nav-card-copy{min-height:240px;padding:22px 22px 66px}
 #alin03-app .task12-subcard .circle-arrow{left:22px}
 #alin03-app .task12-heading .crumb{margin-bottom:0}
}