.challenge-direction{--challenge-navy:#082d45;--challenge-teal:#0b8f94;--challenge-line:rgba(8,45,69,.14);overflow:hidden;background:#f7f9f9}.challenge-direction>[class$="shell"]{position:relative}.challenge-direction .challenge-media{margin:0;overflow:hidden}.challenge-direction .challenge-media img{display:block;width:100%;height:100%;object-fit:cover}.challenge-direction :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card),.challenge-direction :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card) h3{color:var(--challenge-navy)}
/* OPTION 1 — large evidence image left, structured pain-point dossier right */
.challenge-direction--1{padding-block:clamp(52px,6vw,92px);background:#f8faf9}.challenge-direction--1>[class$="shell"]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);grid-template-rows:auto 1fr;column-gap:clamp(52px,6vw,96px);align-items:start}.challenge-direction--1 .challenge-media{grid-column:1;grid-row:1/span 2;height:clamp(650px,62vw,860px);border:1px solid rgba(8,45,69,.15);border-radius:10px;box-shadow:0 24px 60px rgba(8,45,69,.14)}.challenge-direction--1 [class$="section-head"]{grid-column:2;margin:20px 0 24px;max-width:680px}.challenge-direction--1 [class$="section-head"] h2{font-size:clamp(38px,4.1vw,64px);line-height:1.02;letter-spacing:-.045em}.challenge-direction--1 [class$="problems"]{grid-column:2;display:grid;grid-template-columns:1fr;gap:0}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){display:grid;grid-template-columns:104px 1fr 40px;grid-template-rows:auto 1fr;gap:8px 18px;min-height:128px;padding:13px 0;border:0;border-bottom:1px solid var(--challenge-line);border-radius:0;background:transparent;box-shadow:none}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::before{content:"";grid-column:1;grid-row:1/span 2;width:104px;height:104px;border-radius:8px;background-image:var(--solution-hero-image);background-size:360%;background-position:25% 50%}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(2)::before{background-position:48% 42%}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(3)::before{background-position:68% 62%}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(4)::before{background-position:84% 48%}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card) h3{grid-column:2;margin-top:8px}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card) p{grid-column:2}.challenge-direction--1 :is(.wp-icon,.pc-icon,.wr-icon,.ms-icon,.dm-icon){grid-column:3;grid-row:1/span 2;align-self:center;width:32px;height:32px;border:2px solid var(--challenge-teal);border-radius:7px;background:transparent;color:var(--challenge-teal);transform:rotate(45deg);font-size:0}.challenge-direction--1 :is(.wp-icon,.pc-icon,.wr-icon,.ms-icon,.dm-icon)::after{content:"!";font-size:16px;font-style:normal;transform:rotate(-45deg)}
/* OPTION 2 — four independent image-led pain-point columns */
.challenge-direction--2{padding:0 0 clamp(50px,6vw,90px);background:#f8f9f8}.challenge-direction--2>[class$="shell"]{max-width:none;width:100%;padding:0}.challenge-direction--2 [class$="section-head"]{max-width:1240px;margin:0 auto;padding:clamp(64px,7vw,104px) clamp(24px,4vw,56px) 42px}.challenge-direction--2 [class$="section-head"] h2{font-size:clamp(40px,4.3vw,66px);line-height:1.03;letter-spacing:-.045em}.challenge-direction--2 .challenge-media{display:none}.challenge-direction--2 [class$="problems"]{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){display:grid;grid-template-rows:380px auto auto;align-content:start;min-height:680px;padding:0 38px 44px;border:0;border-right:1px solid rgba(8,45,69,.14);border-radius:0;background:rgba(255,255,255,.72);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::before{content:"";grid-column:1;width:calc(100% + 76px);height:380px;margin-left:-38px;margin-bottom:30px;background-image:var(--solution-hero-image);background-repeat:no-repeat;background-size:430%;background-position:5% 50%}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(2)::before{background-position:35% 50%}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(3)::before{background-position:66% 50%}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(4)::before{background-position:96% 50%}.challenge-direction--2 :is(.wp-icon,.pc-icon,.wr-icon,.ms-icon,.dm-icon){width:48px;height:48px;margin-bottom:18px;border:1px solid rgba(11,143,148,.3);background:rgba(255,255,255,.58);color:var(--challenge-teal)}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card) h3{font-size:20px;margin-bottom:12px}
/* OPTION 3 — diagnostic canvas with anchored glass callouts */
.challenge-direction--3{padding-block:clamp(72px,8vw,120px);background:#f6f6f4}.challenge-direction--3>[class$="shell"]{min-height:clamp(720px,66vw,920px)}.challenge-direction--3 [class$="section-head"]{position:absolute;z-index:3;left:0;top:22%;width:28%;margin:0}.challenge-direction--3 [class$="section-head"] h2{font-size:clamp(42px,4.3vw,68px);line-height:1.02;letter-spacing:-.05em}.challenge-direction--3 .challenge-media{position:absolute;z-index:1;right:-2%;top:3%;width:74%;height:92%;border-radius:2px;filter:drop-shadow(0 24px 34px rgba(8,45,69,.12));transform:rotate(5deg)}.challenge-direction--3 [class$="problems"]{position:absolute;inset:0;z-index:4;display:block;pointer-events:none}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){position:absolute;width:min(250px,19vw);min-height:172px;padding:26px 28px;border:1px solid rgba(255,255,255,.88);border-radius:14px;background:rgba(255,255,255,.74);box-shadow:0 15px 34px rgba(8,45,69,.11),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);pointer-events:auto}.challenge-direction--3 :is(.wp-icon,.pc-icon,.wr-icon,.ms-icon,.dm-icon){display:none}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(1){left:29%;top:0}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(2){right:0;top:14%}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(3){left:29%;bottom:8%}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(4){right:15%;bottom:0}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::after{content:"";position:absolute;width:92px;height:34px;border-top:2px solid var(--challenge-teal);border-right:2px solid var(--challenge-teal);opacity:.9}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(1)::after{right:-90px;top:55%;transform:skewX(38deg)}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(2)::after{left:-90px;top:58%;transform:scaleX(-1) skewX(38deg)}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(3)::after{right:-90px;top:35%;transform:skewX(38deg)}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(4)::after{left:-90px;top:35%;transform:scaleX(-1) skewX(38deg)}
@media(max-width:980px){.challenge-direction--1>[class$="shell"]{grid-template-columns:1fr}.challenge-direction--1 .challenge-media,.challenge-direction--1 [class$="section-head"],.challenge-direction--1 [class$="problems"]{grid-column:1;grid-row:auto}.challenge-direction--1 .challenge-media{height:min(86vw,650px);margin-bottom:42px}.challenge-direction--2 [class$="problems"]{grid-template-columns:repeat(2,1fr)}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){min-height:610px}.challenge-direction--3>[class$="shell"]{min-height:1120px}.challenge-direction--3 [class$="section-head"]{position:relative;top:auto;width:100%;max-width:650px;margin-bottom:36px}.challenge-direction--3 .challenge-media{top:250px;width:92%;height:620px;transform:rotate(2deg)}.challenge-direction--3 [class$="problems"]{inset:650px 16px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){position:relative!important;inset:auto!important;width:auto;min-height:180px}.challenge-direction--3 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::after{display:none}}
@media(max-width:620px){.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){grid-template-columns:82px 1fr 30px}.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::before{width:82px;height:92px}.challenge-direction--2 [class$="problems"]{grid-template-columns:1fr}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card){min-height:0;grid-template-rows:300px auto auto}.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::before{height:300px}.challenge-direction--3>[class$="shell"]{min-height:1360px}.challenge-direction--3 .challenge-media{top:300px;height:520px}.challenge-direction--3 [class$="problems"]{top:680px;grid-template-columns:1fr}}

/* Dedicated generated pain-point photography — never reuse or slice the page hero. */
.archaeology-field-page{--challenge-pain-1:url('/assets/images/challenge-generated/arch-pain-1.webp');--challenge-pain-2:url('/assets/images/challenge-generated/arch-pain-2.webp');--challenge-pain-3:url('/assets/images/challenge-generated/arch-pain-3.webp');--challenge-pain-4:url('/assets/images/challenge-generated/arch-pain-4.webp')}
.water-recovery-page{--challenge-pain-1:url('/assets/images/challenge-generated/water-pain-1.webp');--challenge-pain-2:url('/assets/images/challenge-generated/water-pain-2.webp');--challenge-pain-3:url('/assets/images/challenge-generated/water-pain-3.webp');--challenge-pain-4:url('/assets/images/challenge-generated/water-pain-4.webp')}
.display-microclimate-page{--challenge-pain-1:url('/assets/images/challenge-generated/display-pain-1.webp');--challenge-pain-2:url('/assets/images/challenge-generated/display-pain-2.webp');--challenge-pain-3:url('/assets/images/challenge-generated/display-pain-3.webp');--challenge-pain-4:url('/assets/images/challenge-generated/display-pain-4.webp')}
.metal-ceramic-page:not(.archaeology-field-page):not(.decontamination-page){--challenge-pain-1:url('/assets/images/challenge-generated/metal-pain-1.webp');--challenge-pain-2:url('/assets/images/challenge-generated/metal-pain-2.webp');--challenge-pain-3:url('/assets/images/challenge-generated/metal-pain-3.webp');--challenge-pain-4:url('/assets/images/challenge-generated/metal-pain-4.webp')}
.pest-control-page{--challenge-pain-1:url('/assets/images/challenge-generated/pest-pain-1.webp');--challenge-pain-2:url('/assets/images/challenge-generated/pest-pain-2.webp');--challenge-pain-3:url('/assets/images/challenge-generated/pest-pain-3.webp');--challenge-pain-4:url('/assets/images/challenge-generated/pest-pain-4.webp')}
.museum-storage-page{--challenge-pain-1:url('/assets/images/challenge-generated/storage-pain-1.webp');--challenge-pain-2:url('/assets/images/challenge-generated/storage-pain-2.webp');--challenge-pain-3:url('/assets/images/challenge-generated/storage-pain-3.webp');--challenge-pain-4:url('/assets/images/challenge-generated/storage-pain-4.webp')}
.challenge-direction--1 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::before,.challenge-direction--2 :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card)::before{background-image:var(--challenge-pain-1);background-size:cover;background-position:center}
.challenge-direction:is(.challenge-direction--1,.challenge-direction--2) :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(2)::before{background-image:var(--challenge-pain-2)}
.challenge-direction:is(.challenge-direction--1,.challenge-direction--2) :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(3)::before{background-image:var(--challenge-pain-3)}
.challenge-direction:is(.challenge-direction--1,.challenge-direction--2) :is(.wp-info-card,.pc-info-card,.wr-info-card,.ms-info-card,.dm-info-card):nth-child(4)::before{background-image:var(--challenge-pain-4)}

/* Option 3: the photographed subject carries the angle; the canvas stays level and blends into the section. */
.challenge-direction--3 .challenge-media{right:-3%;top:2%;width:78%;height:94%;overflow:visible;border-radius:0;filter:none;transform:none}
.challenge-direction--3 .challenge-media img{object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);mask-composite:intersect}
@media(max-width:980px){.challenge-direction--3 .challenge-media{width:96%;transform:none}}