/* Section 02: user-selected concept-01. All rules scoped to Challenge. */
.challenge-photographic{position:relative;isolation:isolate;height:59.8027vw;min-height:630px;max-height:1200px;padding:0;overflow:hidden;background:#19332b;color:#fcf9ef;scroll-margin-top:0}
.challenge .challenge-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.challenge .challenge-eyebrow{position:absolute;top:5.8%;left:4.9%;font-size:clamp(9px,.85vw,14px);letter-spacing:.14em;font-weight:500;color:#fff9ed}
.challenge .challenge-eyebrow b{color:#e3bc65;margin-right:12px;font-weight:600}
.challenge .challenge-left-title,.challenge .challenge-right-title{position:absolute;margin:0;font:400 clamp(44px,4.18vw,82px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;text-shadow:0 2px 15px #0a181c40;z-index:2;white-space:nowrap}
.challenge .challenge-left-title{left:4.9%;top:9.3%}.challenge .challenge-right-title{left:63.4%;top:10.1%}
.challenge .challenge-left-title::after,.challenge .challenge-right-title::after{content:"";display:block;width:54px;height:2px;margin-top:18px;background:#d9b563}
.challenge .challenge-right-title::after{margin-left:31%}
.challenge .fragmented-stage{position:absolute;left:1.5%;top:17.5%;width:44%;height:57.5%;perspective:1100px}
.challenge .fragmented-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1;pointer-events:none}
.challenge .thread-muted{stroke:#b3b3a1;opacity:.6}.challenge .thread-gold{stroke:#d8b169;opacity:.85}
.challenge .fragment-card{position:absolute;width:34%;height:36%;padding:25px 22px;border-radius:9px;background:#f3f0e7;color:#111d18;box-shadow:0 22px 28px #060b1045,0 1px 1px #fff9 inset;display:flex;flex-direction:column;gap:9px;transform:rotate(var(--tilt));font-size:clamp(9px,.87vw,17px);border:1px solid #f4efe580}
.challenge .card-email{left:11%;top:15%;--tilt:-7deg}.challenge .card-sheets{left:59%;top:13%;--tilt:8deg}.challenge .card-messages{left:17%;top:55%;--tilt:7deg}.challenge .card-files{left:61%;top:59%;--tilt:-8deg}
.challenge .fragment-card header{display:flex;align-items:center;gap:14px;margin-bottom:7px;white-space:nowrap}
.challenge .fragment-card strong{font-size:clamp(11px,.98vw,18px);font-weight:600;letter-spacing:-.03em}
.challenge .tool-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:5px;flex-shrink:0}
.challenge .tool-badge img{width:31px;height:31px;filter:invert(1)}
.challenge .email-badge{background:#248ed0}.challenge .sheets-badge{background:#168450}.challenge .messages-badge{background:#20a655}.challenge .files-badge{background:#d3a83f}
.challenge .fragment-row{display:flex;align-items:center;gap:9px;background:#0d211c0b;padding:7px 8px;border-radius:5px;white-space:nowrap;letter-spacing:-.03em}
.challenge .fragment-row img{width:17px;height:17px;opacity:.6;flex:0 0 auto}
.challenge .connection-bridge{position:absolute;top:47.3%;left:43%;width:8.5%;display:flex;align-items:center;z-index:3;pointer-events:none}
.challenge .connection-bridge>span:first-child{flex:2.25}
.challenge .connection-bridge>span{height:1px;background:#e7bf72;flex:1;box-shadow:0 0 7px #efc36b80}
.challenge .connection-bridge>div{width:clamp(46px,4vw,72px);aspect-ratio:1;border:2px solid #f7dfac;border-radius:50%;background:#bb954c;box-shadow:0 0 18px #efc77490;display:grid;place-items:center;flex-shrink:0}
.challenge .connection-bridge img{width:58%;height:58%;filter:invert(1)}
.challenge .unified-stage{position:absolute;left:51.5%;top:22.5%;width:45%;height:58.2%;perspective:1600px}
.challenge .capability-nodes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:6.5%;margin-left:4.5%;width:94%}
.challenge .capability-nodes>span{background:#f2ecd2e8;border:1px solid #e0c886b0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:clamp(42px,3.5vw,64px);color:#18221d;text-transform:uppercase;font-size:clamp(8px,.68vw,13px);font-weight:600;white-space:nowrap;box-shadow:0 9px 20px #0b211a1a}
.challenge .capability-nodes img{width:25px;height:25px}
.challenge .unified-lines{position:absolute;top:8.5%;left:4.5%;width:94%;height:12%;fill:none;stroke:#efc16a;stroke-width:1.8;pointer-events:none;filter:drop-shadow(0 0 4px #eab25480)}
.challenge .scene-workspace{position:absolute;inset:19% 0 0;display:grid;grid-template-columns:23.5% minmax(0,1fr);background:#f7f5ef;border:3px solid #14201c;border-radius:14px;box-shadow:0 0 0 1px #fff0c7a0,0 30px 45px #071b1645;overflow:hidden;color:#101b15;transform:rotate(.65deg)}
.challenge .scene-sidebar{background:#09241e;padding:24px 14px}
.challenge .scene-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px}
.challenge .scene-brand>img{width:42px;height:36px;object-fit:contain;background:#fff;border-radius:2px}
.challenge .scene-brand>span{font-size:10px;color:#fff4d6;letter-spacing:.12em}.challenge .scene-brand small{display:block;font-size:6px;letter-spacing:.17em}
.challenge .scene-nav{display:grid;gap:10px}
.challenge .scene-nav>span{display:flex;align-items:center;gap:12px;padding:10px 8px;min-width:0;font-size:clamp(9px,.8vw,15px);color:#f5f4e4;border-radius:6px}
.challenge .scene-nav>span.active{background:#ffffff16}.challenge .scene-nav img{width:22px;height:22px;filter:invert(1);opacity:.9}
.challenge .scene-workspace-body{min-width:0;min-height:0;padding:19px 21px;display:flex;flex-direction:column;line-height:1.35}
.challenge .scene-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;height:30px}
.challenge .scene-toolbar>span{display:flex;align-items:center;gap:9px;background:#e9e7e1;border-radius:7px;color:#8a8d83;font-size:11px;padding:9px 11px;width:80%;min-width:0;height:30px}
.challenge .scene-toolbar img{width:15px;height:15px;opacity:.6}.challenge .scene-toolbar .scene-bell{margin-left:auto}
.challenge .scene-toolbar>i{font-style:normal;width:23px;height:23px;border-radius:50%;background:#e5dcc4;display:grid;place-items:center;font-size:9px;flex-shrink:0}
.challenge .scene-workspace h4{font:600 clamp(16px,1.35vw,25px)/1.2 var(--sans);margin:0 0 12px}
.challenge .scene-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}
.challenge .scene-stats>div{padding:12px 13px;background:#fffcf6;border:1px solid #e9e6db;border-radius:9px;min-width:0}
.challenge .scene-stats span{display:flex;align-items:center;gap:9px;font-size:clamp(8px,.72vw,14px);white-space:nowrap}
.challenge .scene-stats img{width:17px;height:17px;flex-shrink:0}
.challenge .scene-stats strong{display:block;font:600 clamp(23px,1.95vw,38px)/1.2 var(--sans);margin:9px 0}
.challenge .scene-stats small{display:flex;align-items:center;gap:6px;color:#747a6f;font-size:clamp(7px,.65vw,12px);white-space:nowrap}.challenge .scene-stats small img{width:12px;height:12px;opacity:.55}
.challenge .scene-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}
.challenge .scene-details>div{min-height:0;background:#fffcf6;border:1px solid #e9e6db;border-radius:9px;padding:16px 14px}
.challenge .scene-details h5{font:600 clamp(10px,.84vw,16px)/1.3 var(--sans);margin:0 0 16px}
.challenge .scene-activity>div{display:flex;align-items:flex-start;gap:12px;margin:20px 0 0;font-size:clamp(8px,.65vw,12px);line-height:1.4}
.challenge .scene-activity img{width:21px;height:21px;flex:0 0 auto}.challenge .scene-activity small{display:block;color:#80847a;font-size:.86em;margin-top:3px}
.challenge .scene-progress>div{margin-top:16px;font-size:clamp(8px,.65vw,12px)}
.challenge .scene-progress p{display:flex;align-items:center;gap:8px;margin-top:7px}
.challenge .scene-progress i{display:block;height:7px;width:82%;border-radius:7px;background:#e6e4dc;position:relative}
.challenge .scene-progress i::after{content:"";display:block;background:#184d38;height:100%;width:var(--progress);border-radius:inherit}
.challenge .scene-progress .gold-progress::after{background:#b18c43}
.challenge .scene-progress small{color:#85867c;font-size:9px;white-space:nowrap}
.challenge .challenge-note{position:absolute;bottom:2.5%;right:3.7%;font-size:9px;color:#fffef3;text-shadow:0 1px 4px #0009}
.challenge-photographic::after{content:"";position:absolute;top:0;bottom:0;left:47.9%;width:1px;background:#deb46477;pointer-events:none;z-index:-1}
@media (min-width:901px) and (max-width:1200px){
 .challenge .fragment-card{padding:18px 16px;gap:7px}.challenge .tool-badge{width:29px;height:29px}.challenge .tool-badge img{width:24px;height:24px}.challenge .fragment-card header{gap:8px}
 .challenge .scene-sidebar{padding:20px 9px}.challenge .scene-brand>span{display:none}.challenge .scene-nav>span{gap:8px;padding:9px 5px}.challenge .scene-nav img{width:17px;height:17px}
 .challenge .scene-workspace-body{padding:12px}.challenge .scene-toolbar{height:24px;margin-bottom:9px}.challenge .scene-toolbar>span{height:24px;font-size:9px}.challenge .scene-workspace h4{font-size:16px;margin-bottom:9px}
 .challenge .scene-stats{gap:6px;margin-bottom:10px}.challenge .scene-stats>div{padding:8px}.challenge .scene-stats span{font-size:8px;gap:5px}.challenge .scene-stats img{width:12px;height:12px}.challenge .scene-stats strong{font-size:24px;margin:7px 0}.challenge .scene-stats small{font-size:7px}.challenge .scene-stats small img{width:9px;height:9px}
 .challenge .scene-details>div{padding:8px 9px}.challenge .scene-details h5{font-size:9px;margin-bottom:4px}.challenge .scene-activity>div{gap:6px;margin-top:8px;font-size:7.5px}.challenge .scene-activity img{width:14px;height:14px}.challenge .scene-progress>div{margin-top:7px;font-size:8px}.challenge .scene-progress p{margin-top:4px;gap:5px}.challenge .scene-progress i{height:5px}.challenge .scene-progress small{font-size:7px}
 .challenge .capability-nodes{gap:4%}.challenge .capability-nodes>span{gap:5px}.challenge .capability-nodes img{width:19px;height:19px}
}
@media (max-width:900px){
 .challenge-photographic{height:auto;min-height:0;max-height:none;padding:44px 24px 32px;display:flex;flex-direction:column;align-items:stretch}
 .challenge .challenge-backdrop{object-position:36% center;filter:brightness(.64)}.challenge-photographic::after{display:none}
 .challenge .challenge-eyebrow{position:relative;top:auto;left:auto;font-size:10px;margin-bottom:22px}
 .challenge .challenge-left-title,.challenge .challenge-right-title{position:relative;inset:auto;font-size:clamp(35px,8.8vw,60px);letter-spacing:-.04em;white-space:normal}
 .challenge .challenge-left-title::after,.challenge .challenge-right-title::after{margin:15px 0 0;width:42px}
 .challenge .fragmented-stage{position:relative;inset:auto;width:100%;height:360px;max-width:520px;align-self:center;margin-top:22px;order:0}
 .challenge .fragment-card{width:43%;height:39%;padding:16px 12px;font-size:10px;gap:8px}
 .challenge .card-email{left:0;top:9%}.challenge .card-sheets{left:55%;top:8%}.challenge .card-messages{left:3%;top:56%}.challenge .card-files{left:55%;top:57%}
 .challenge .fragment-card header{gap:8px;margin-bottom:4px}.challenge .fragment-card strong{font-size:11px}
 .challenge .tool-badge{width:27px;height:27px}.challenge .tool-badge img{width:23px;height:23px}.challenge .fragment-row{gap:5px;padding:6px 5px;font-size:9px}.challenge .fragment-row img{width:12px;height:12px}
 .challenge .challenge-right-title{order:2;margin-top:12px}
 .challenge .connection-bridge{position:relative;inset:auto;align-self:center;width:50px;height:68px;flex-direction:column;order:1;margin:14px 0 18px}
 .challenge .connection-bridge>span,.challenge .connection-bridge>span:first-child{height:auto;width:1px;flex:1}.challenge .connection-bridge>div{width:46px;flex:0 0 auto}.challenge .connection-bridge img{transform:rotate(90deg)}
 .challenge .unified-stage{position:relative;inset:auto;width:100%;height:auto;max-width:620px;align-self:center;order:3;margin-top:27px}
 .challenge .capability-nodes{margin:0;width:100%;gap:7px}.challenge .capability-nodes>span{flex-direction:column;gap:5px;min-height:57px;font-size:7px;border-radius:7px}.challenge .capability-nodes img{width:20px;height:20px}
 .challenge .unified-lines{top:57px;left:0;width:100%;height:43px}
 .challenge .scene-workspace{position:relative;inset:auto;margin-top:43px;grid-template-columns:55px minmax(0,1fr);min-height:378px;border-width:2px;border-radius:10px;transform:none}
 .challenge .scene-sidebar{padding:16px 5px}.challenge .scene-brand{justify-content:center;margin-bottom:23px}.challenge .scene-brand>img{width:32px;height:27px}.challenge .scene-brand>span{display:none}
 .challenge .scene-nav{gap:12px}.challenge .scene-nav>span{font-size:0;justify-content:center;padding:10px 0;gap:0}.challenge .scene-nav img{width:21px;height:21px}
 .challenge .scene-workspace-body{padding:13px 10px}.challenge .scene-toolbar{height:26px;margin-bottom:12px;gap:5px}.challenge .scene-toolbar>span{height:25px;width:auto;flex:1;font-size:9px;padding:6px;gap:5px}.challenge .scene-toolbar .scene-bell{display:none}.challenge .scene-toolbar>i{width:19px;height:19px;font-size:8px}
 .challenge .scene-workspace h4{font-size:19px;margin-bottom:10px}.challenge .scene-stats{gap:5px;margin-bottom:10px}.challenge .scene-stats>div{padding:9px 6px;border-radius:6px}.challenge .scene-stats span{font-size:8px;gap:4px}.challenge .scene-stats span img{width:12px;height:12px}.challenge .scene-stats strong{font-size:25px;margin:8px 0}.challenge .scene-stats small{font-size:7px;gap:3px}.challenge .scene-stats small img{width:9px;height:9px}
 .challenge .scene-details{gap:6px}.challenge .scene-details>div{padding:12px 7px;border-radius:6px}.challenge .scene-details h5{font-size:9px;margin-bottom:12px}.challenge .scene-activity>div{font-size:7px;gap:5px;margin-top:19px}.challenge .scene-activity img{width:13px;height:13px}.challenge .scene-activity small{font-size:7px;margin-top:5px}.challenge .scene-progress>div{font-size:8px;margin-top:22px}.challenge .scene-progress p{gap:4px}.challenge .scene-progress i{height:5px}.challenge .scene-progress small{font-size:7px}
 .challenge .challenge-note{position:relative;inset:auto;order:4;text-align:right;margin-top:20px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.challenge *{animation:none!important;transition:none!important}}
/* Trim only the lower background; keep approved UI dimensions and coordinates. */
@media(min-width:901px){
 .challenge-photographic{--scene-height:clamp(630px,59.8027vw,1200px);height:calc(var(--scene-height) * .9);min-height:0;max-height:none}
 .challenge .challenge-backdrop{height:var(--scene-height);object-position:center top}
 .challenge .challenge-eyebrow{top:calc(var(--scene-height) * .058)}
 .challenge .challenge-left-title{top:calc(var(--scene-height) * .093)}
 .challenge .challenge-right-title{top:calc(var(--scene-height) * .101)}
 .challenge .fragmented-stage{top:calc(var(--scene-height) * .175);height:calc(var(--scene-height) * .575)}
 .challenge .connection-bridge{top:calc(var(--scene-height) * .473)}
 .challenge .unified-stage{top:calc(var(--scene-height) * .225);height:calc(var(--scene-height) * .582)}
}
@media(max-width:900px){.challenge-photographic{padding-bottom:24px}.challenge .challenge-backdrop{object-position:36% 46%}}