/* TASK12.2 — retained Stage A approach, completed across 14 approved compositions. */
#alin03-app .direction-photo-L .direction-products{left:34%;right:5%;bottom:9%;transform:scale(.84);transform-origin:100% 100%}
#alin03-app .direction-photo-P .direction-products{left:36%;right:5%;bottom:9%;transform:scale(.78);transform-origin:100% 100%}
#alin03-app :is(.direction-photo-L,.direction-photo-P){mask-image:linear-gradient(90deg,transparent 0%,#000 27%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}
#alin03-app :is(.direction-photo-L,.direction-photo-P) .scene-product{filter:drop-shadow(2px 4px 4px #4c3b2822)}
#alin03-app :is(.direction-photo-L,.direction-photo-P) .alin-reflection{opacity:.06}
#alin03-app .direction-card:is([href="#group/L"],[href="#group/P"]) p{width:48%}
/* Colours sampled from the leftmost 8% of each original composition. */
#alin03-app :is([data-category-card="L01"],[data-category-banner="L01"]){--sample-bg:#fef5f2}
#alin03-app :is([data-category-card="L02"],[data-category-banner="L02"]){--sample-bg:#fdf3ee}
#alin03-app .task12-subcard[data-category-card]{grid-column:1/-1;position:relative;display:flex;flex-direction:row;align-items:center;min-height:400px;padding:34px 38px;background:var(--sample-bg);isolation:isolate}
#alin03-app .task12-subcard[data-category-card] .nav-card-copy{width:43%;max-width:43%;min-height:320px;height:auto;padding-bottom:55px;z-index:3}
#alin03-app .task12-subcard[data-category-card] h3{font-size:32px;line-height:1.22;overflow-wrap:normal;hyphens:none}
#alin03-app .task12-subcard[data-category-card] p{font-size:14px;max-width:92%;line-height:1.6}
#alin03-app .task12-subcard[data-category-card] .task12-card-art{position:absolute;inset:0 0 0 auto;width:var(--card-art,72%);height:100%;aspect-ratio:auto;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%);z-index:1}
#alin03-app .task12-subcard[data-category-card] .circle-arrow{left:0;bottom:0}
/* Banner layer reaches the viewport edge; text and breadcrumbs remain live HTML. */
#alin03-app .task12-heading[data-category-banner]{position:relative;isolation:isolate;overflow:hidden;background:var(--sample-bg)}
#alin03-app .task12-heading[data-category-banner] .crumb{position:relative;z-index:3}
#alin03-app .task12-heading[data-category-banner] .l04-intro.task12-banner{position:static;display:flex;align-items:center;min-height:430px;padding-top:32px;padding-bottom:38px}
#alin03-app .task12-heading[data-category-banner] .task12-banner-copy{position:relative;width:44%;max-width:44%;z-index:3}
#alin03-app .task12-heading[data-category-banner] .task12-banner-art{position:absolute;inset:0 0 0 auto;width:min(var(--banner-art,70%),var(--banner-max,1000px));height:100%;aspect-ratio:auto;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%);z-index:1}
@media(max-width:900px){
 #alin03-app .task12-subcard[data-category-card]{min-height:370px;padding:28px}
 #alin03-app .task12-subcard[data-category-card] .nav-card-copy{width:45%;max-width:45%;min-height:300px}
 #alin03-app .task12-subcard[data-category-card] h3{font-size:27px}
}
@media(max-width:800px){
 #alin03-app .task12-heading[data-category-banner] .l04-intro.task12-banner{display:block;min-height:0;padding-top:20px;padding-bottom:calc(50vw + 12px)}
 #alin03-app .task12-heading[data-category-banner] .task12-banner-copy{width:100%;max-width:100%;padding-bottom:12px}
 #alin03-app .task12-heading[data-category-banner] .task12-banner-art{inset:auto 0 0;width:100%;height:50vw;object-position:right bottom;mask-image:linear-gradient(180deg,transparent 0%,#000 19%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 19%)}
}
@media(max-width:560px){
 #alin03-app .task12-subcard[data-category-card]{min-height:0;display:block;padding:24px 24px calc(50vw + 16px);background:var(--sample-bg)}
 #alin03-app .task12-subcard[data-category-card] .nav-card-copy{width:100%;max-width:100%;min-height:220px;padding:0 0 58px}
 #alin03-app .task12-subcard[data-category-card] h3{font-size:26px;line-height:1.25}
 #alin03-app .task12-subcard[data-category-card] p{font-size:13px;max-width:100%}
 #alin03-app .task12-subcard[data-category-card] .task12-card-art{inset:auto 0 0;width:100%;height:50vw;object-position:right bottom;mask-image:linear-gradient(180deg,transparent 0%,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%)}
 #alin03-app .direction-photo-L .direction-products{left:34%;right:6%;transform:scale(.8)}
 #alin03-app .direction-photo-P .direction-products{left:37%;right:6%;transform:scale(.75)}
}

@media(min-width:561px) and (max-width:800px){
 #alin03-app .task12-subcard[data-category-card]{min-height:0;display:block;padding:28px 28px calc(50vw + 16px)}
 #alin03-app .task12-subcard[data-category-card] .nav-card-copy{width:100%;max-width:100%;min-height:220px;padding:0 0 58px}
 #alin03-app .task12-subcard[data-category-card] h3{font-size:30px}
 #alin03-app .task12-subcard[data-category-card] .task12-card-art{inset:auto 0 0;width:100%;height:50vw;object-position:right bottom;mask-image:linear-gradient(180deg,transparent 0%,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%)}
}

#alin03-app .direction-photo-H .direction-products{left:34%;right:5%;bottom:9%;transform:scale(.82);transform-origin:100% 100%}
#alin03-app :is(.direction-photo-H,.direction-photo-W){mask-image:linear-gradient(90deg,transparent 0%,#000 27%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}
#alin03-app .direction-photo-H .scene-product{filter:drop-shadow(2px 4px 4px #4c3b2822)}
#alin03-app .direction-photo-H .alin-reflection{opacity:.06}
#alin03-app .direction-card[href="#group/H"] p{width:48%}
@media(max-width:560px){#alin03-app .direction-photo-H .direction-products{left:34%;right:6%;transform:scale(.78)}}
@media(max-width:390px){#alin03-app .task12-heading:is([data-category-banner="P01"],[data-category-banner="P02"]) h1{font-size:clamp(26px,7.5vw,30px)}}

#alin03-app :is([data-category-card="H01"],[data-category-banner="H01"]){--sample-bg:#fdefe0;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H02"],[data-category-banner="H02"]){--sample-bg:#fdf4f2;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H03"],[data-category-banner="H03"]){--sample-bg:#fdf2f3;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H04"],[data-category-banner="H04"]){--sample-bg:#fef3f1;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H05"],[data-category-banner="H05"]){--sample-bg:#fef4f1;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H06"],[data-category-banner="H06"]){--sample-bg:#fdf4f0;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H07"],[data-category-banner="H07"]){--sample-bg:#fdf3f1;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="H08"],[data-category-banner="H08"]){--sample-bg:#fef4f2;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="L01"],[data-category-banner="L01"]){--sample-bg:#fef5f2;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="L02"],[data-category-banner="L02"]){--sample-bg:#fdf3ee;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="L03"],[data-category-banner="L03"]){--sample-bg:#f1ddd2;--card-art:78%;--banner-max:1120px}
#alin03-app :is([data-category-card="L04"],[data-category-banner="L04"]){--sample-bg:#fef4ef;--card-art:72%;--banner-max:1000px}
#alin03-app :is([data-category-card="P01"],[data-category-banner="P01"]){--sample-bg:#f4e6dd;--card-art:80%;--banner-max:1120px}
#alin03-app :is([data-category-card="P02"],[data-category-banner="P02"]){--sample-bg:#fef3f1;--card-art:72%;--banner-max:1000px}