.editorial-case-study #bsmc-challenge[data-challenge-ready]{
  --walk-header: 64px;
  --walk-top: calc(var(--walk-header) + 24px);
  display: block;
  padding: clamp(48px, 7vw, 88px) var(--page-padding, 24px);
  background: #f4f4f4;
}
.editorial-case-study #bsmc-challenge .walk-heading{ max-width: 1312px; margin: 0 auto 48px; }
.editorial-case-study #bsmc-challenge .walk-heading h2{ max-width: 800px; font-size: clamp(2rem, 3.4vw, 3.1rem); }
.editorial-case-study #bsmc-challenge .walk-body{ max-width: 1312px; margin: auto; display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 32px; align-items: start; }
.editorial-case-study #bsmc-challenge .walk-index{ position: sticky; top: var(--walk-top); z-index: 3; min-width: 0; max-height: calc(100svh - var(--walk-top) - 20px); overflow: auto; scrollbar-width: thin; }
.editorial-case-study #bsmc-challenge .walk-index a{ display: flex; align-items: baseline; gap: 10px; padding: 9px 10px 9px 0; color: #6f6f6f; font: 400 13px/1.35 "IBM Plex Sans", Arial, sans-serif; text-decoration: none; border-right: 2px solid transparent; }
.editorial-case-study #bsmc-challenge .walk-index a span{ min-width: 16px; color: #8d8d8d; font-size: 10px; font-variant-numeric: tabular-nums; }
.editorial-case-study #bsmc-challenge .walk-index a:hover{ color: #161616; }
.editorial-case-study #bsmc-challenge .walk-index a[aria-current="location"]{ color: #972d07; border-color: #972d07; font-weight: 600; }
.editorial-case-study #bsmc-challenge .walk-index a:focus-visible{ outline: 2px solid #972d07; outline-offset: 2px; }
.editorial-case-study #bsmc-challenge .walk-steps{ min-width: 0; }
.editorial-case-study #bsmc-challenge .walk-step{ margin: 0; padding: 32px 0 56px; border-top: 1px solid #dedbd5; scroll-margin-top: calc(var(--walk-top) + 16px); }
.editorial-case-study #bsmc-challenge .walk-copy{ padding-right: 4px; }
.editorial-case-study #bsmc-challenge .walk-copy .ecs-card-label{ color: #972d07; font: 400 12px/1.5 "IBM Plex Sans", Arial, sans-serif; text-transform: none; margin: 0 0 16px; }
.editorial-case-study #bsmc-challenge .walk-copy h3{ color: #161616; font: 400 clamp(1.45rem, 2.2vw, 2rem)/1.12 "IBM Plex Sans", Arial, sans-serif; margin: 0 0 22px; letter-spacing: -.02em; }
.editorial-case-study #bsmc-challenge .walk-copy h3:focus{ outline: none; }
.editorial-case-study #bsmc-challenge .walk-copy h3:focus-visible{ outline: 2px solid #972d07; outline-offset: 6px; }
.editorial-case-study #bsmc-challenge .walk-copy p:not(.ecs-card-label){ color: #525252; font-size: 16px; line-height: 1.65; margin-bottom: 0; }
.editorial-case-study #bsmc-challenge .walk-inline{ margin-top: 28px; }
.editorial-case-study #bsmc-challenge .walk-stage{ display: none; }
.editorial-case-study #bsmc-challenge.walk-wide .walk-body{ grid-template-columns: 168px minmax(210px, .78fr) minmax(380px, 1.4fr); }
.editorial-case-study #bsmc-challenge.walk-wide .walk-step{ display: block; min-height: max(500px, 74svh); padding: clamp(106px, 16svh, 150px) 0 68px; }
.editorial-case-study #bsmc-challenge.walk-wide .walk-step:last-child{ min-height: max(620px, 86svh); }
.editorial-case-study #bsmc-challenge.walk-wide .walk-inline{ display: none; }
.editorial-case-study #bsmc-challenge.walk-wide .walk-stage{ display: block; position: sticky; top: var(--walk-top); min-width: 0; padding: 0; }
.editorial-case-study #bsmc-challenge .walk-scene{ --paper:#f8f5ea; --rule:#e6e1d2; --flame:#c73f18; --leaf:#3e5d46; --pale:#dceee1; position: relative; margin: 0; padding: 26px; background: var(--paper); color: #111; font: 400 17px/1.4 "Crimson Pro", Georgia, serif; min-width: 0; overflow: hidden; border: 1px solid var(--rule); }
.editorial-case-study #bsmc-challenge .walk-scene[hidden]{ display:none!important; }
.editorial-case-study #bsmc-challenge .walk-scene *{ box-sizing:border-box; }
.editorial-case-study #bsmc-challenge .walk-scene p,.editorial-case-study #bsmc-challenge .walk-scene h4{ margin:0; }
.editorial-case-study #bsmc-challenge .ws-top{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; border-bottom:1px solid var(--rule); padding-bottom:18px; margin-bottom:22px; }
.editorial-case-study #bsmc-challenge .ws-top h4{ font:500 25px/1.12 "Crimson Pro",Georgia,serif; }
.editorial-case-study #bsmc-challenge .ws-note{ color:#706d66; font:400 10px/1.3 "Roboto Condensed","Arial Narrow",Arial,sans-serif; white-space:nowrap; }
.editorial-case-study #bsmc-challenge .ws-panel{ background:#fff; border:1px solid var(--rule); border-radius:6px; padding:18px; }
.editorial-case-study #bsmc-challenge .ws-line{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--rule); }
.editorial-case-study #bsmc-challenge .ws-line:last-child{ border:0; }
.editorial-case-study #bsmc-challenge .ws-line:first-child{ padding-top:0; }
.editorial-case-study #bsmc-challenge .ws-line strong,.editorial-case-study #bsmc-challenge .ws-person strong{ font-weight:500; }
.editorial-case-study #bsmc-challenge .ws-person{ display:flex; align-items:center; gap:10px; }
.editorial-case-study #bsmc-challenge .ws-avatar{ display:grid; place-items:center; width:34px; height:34px; border-radius:50%; flex:none; background:#ece8db; color:#3a3a3a; font:500 12px "Roboto Condensed","Arial Narrow",Arial,sans-serif; }
.editorial-case-study #bsmc-challenge .ws-label{ display:block; color:#6f6f6f; font:400 12px/1.45 "Roboto Condensed","Arial Narrow",Arial,sans-serif; }
.editorial-case-study #bsmc-challenge .ws-tag{ display:inline-block; padding:4px 7px; color:var(--leaf); background:var(--pale); border:1px solid var(--leaf); border-radius:4px; font:500 10px/1.3 "Roboto Condensed","Arial Narrow",Arial,sans-serif; letter-spacing:.4px; text-transform:uppercase; white-space:nowrap; }
.editorial-case-study #bsmc-challenge .ws-tag.neutral{ color:#6f6f6f; border-color:var(--rule); background:#fff; }
.editorial-case-study #bsmc-challenge .ws-action{ display:inline-block; margin-top:18px; padding:9px 14px; color:white; background:#3a3a3a; border-radius:5px; font:600 11px/1.3 "Roboto Condensed","Arial Narrow",Arial,sans-serif; text-transform:uppercase; letter-spacing:.6px; }
.editorial-case-study #bsmc-challenge .ws-footer{ display:flex; align-items:center; gap:8px; margin-top:20px; padding-top:16px; border-top:1px solid var(--rule); color:var(--leaf); font:400 13px/1.45 "Roboto Condensed","Arial Narrow",Arial,sans-serif; }
.editorial-case-study #bsmc-challenge .ws-footer:before{ content:"✓"; font-size:16px; }
.editorial-case-study #bsmc-challenge .ws-fields{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.editorial-case-study #bsmc-challenge .ws-field{ display:block; border-bottom:1px solid var(--rule); padding:7px 0; }
.editorial-case-study #bsmc-challenge .ws-field span{ display:block; color:#6f6f6f; font:400 11px "Roboto Condensed","Arial Narrow",Arial,sans-serif; margin-bottom:3px; }
.editorial-case-study #bsmc-challenge .ws-check{ display:inline-grid; place-items:center; width:21px; height:21px; border:1px solid var(--leaf); background:var(--pale); color:var(--leaf); font:500 13px Arial,sans-serif; }
.editorial-case-study #bsmc-challenge .ws-family{ position:relative; display:grid; gap:14px; margin:18px 0 0 17px; padding-left:26px; border-left:1px solid #c8c4b8; }
.editorial-case-study #bsmc-challenge .ws-family .ws-person{ position:relative; }
.editorial-case-study #bsmc-challenge .ws-family .ws-person:before{ content:""; position:absolute; left:-26px; top:17px; width:18px; height:1px; background:#c8c4b8; }
.editorial-case-study #bsmc-challenge .ws-subhead{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 18px; }
.editorial-case-study #bsmc-challenge .ws-subhead strong{ font:500 20px/1.2 "Crimson Pro",Georgia,serif; }
.editorial-case-study #bsmc-challenge .ws-datebar{ display:flex; gap:6px; margin-bottom:18px; font:500 12px "Roboto Condensed","Arial Narrow",Arial,sans-serif; }
.editorial-case-study #bsmc-challenge .ws-datebar span{ padding:8px 12px; border:1px solid var(--rule); background:#fff; }
.editorial-case-study #bsmc-challenge .ws-datebar .selected{ background:#111;color:white; }
.editorial-case-study #bsmc-challenge .ws-event{ padding:18px; background:#fff; border:1px solid var(--rule); border-radius:6px; }
.editorial-case-study #bsmc-challenge .ws-event strong{ display:block; font-size:24px; font-weight:500; margin:9px 0 14px; line-height:1.15; }
.editorial-case-study #bsmc-challenge .ws-time{ color:var(--flame); font:600 12px/1.4 "Roboto Condensed","Arial Narrow",Arial,sans-serif; }
.editorial-case-study #bsmc-challenge .ws-steps{ display:flex; align-items:center; gap:8px; font:500 12px "Roboto Condensed","Arial Narrow",Arial,sans-serif; margin-bottom:20px; color:#6f6f6f; }
.editorial-case-study #bsmc-challenge .ws-steps i{ flex:1; height:1px; background:var(--rule); }
.editorial-case-study #bsmc-challenge .ws-steps .done{ color:var(--leaf); }
.editorial-case-study #bsmc-challenge .ws-meter{ height:12px; background:#e6e1d2; margin:20px 0 10px; }
.editorial-case-study #bsmc-challenge .ws-meter i{ display:block; height:100%; background:var(--leaf); width:41.67%; }
.editorial-case-study #bsmc-challenge .ws-big{ font:400 45px/1 "Crimson Pro",Georgia,serif; }
.editorial-case-study #bsmc-challenge .ws-big small{ font-size:20px; color:#6f6f6f; }
.editorial-case-study #bsmc-challenge .ws-table{ width:100%; border-collapse:collapse; font-size:16px; }
.editorial-case-study #bsmc-challenge .ws-table th{ padding:8px 7px; background:var(--paper); text-align:left; color:#3a3a3a; font:600 11px "Roboto Condensed","Arial Narrow",Arial,sans-serif; text-transform:uppercase; }
.editorial-case-study #bsmc-challenge .ws-table td{ padding:12px 7px; border-bottom:1px solid var(--rule); }
.editorial-case-study #bsmc-challenge .ws-table th:last-child,.editorial-case-study #bsmc-challenge .ws-table td:last-child{ text-align:right; }
.editorial-case-study #bsmc-challenge .ws-row-highlight{ background:#f8f5ea; }
.editorial-case-study #bsmc-challenge .ws-expand{ margin:14px 0 0; padding:14px; background:var(--paper); border-left:2px solid var(--leaf); }
.editorial-case-study #bsmc-challenge .ws-mail{ border-top:3px solid #3a3a3a; }
.editorial-case-study #bsmc-challenge .ws-mail h4{ font:500 25px/1.2 "Crimson Pro",Georgia,serif; margin:15px 0 12px; }
.editorial-case-study #bsmc-challenge .ws-timeline{ margin:0 0 0 9px; border-left:1px solid #c8c4b8; padding:0 0 0 23px; }
.editorial-case-study #bsmc-challenge .ws-timeline>div{ position:relative; padding:0 0 24px; }
.editorial-case-study #bsmc-challenge .ws-timeline>div:before{ content:""; position:absolute; top:5px; left:-28px; width:9px; height:9px; border-radius:50%; background:var(--leaf); }
.editorial-case-study #bsmc-challenge .ws-timeline strong{ font-weight:500; }
.editorial-case-study #bsmc-challenge .ws-swatches{ display:flex; gap:8px; margin:18px 0; }
.editorial-case-study #bsmc-challenge .ws-swatches i{ height:28px; flex:1; border:1px solid var(--rule); }
.editorial-case-study #bsmc-challenge .ws-reuse{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.editorial-case-study #bsmc-challenge .ws-reuse .ws-panel{ padding:13px; }
.editorial-case-study #bsmc-challenge .ws-reuse strong{ display:block; font-size:18px; font-weight:500; margin-bottom:10px; }
.editorial-case-study #bsmc-challenge .walk-scene [data-at]{ display:none; }
.editorial-case-study #bsmc-challenge .walk-scene [data-at~="2"]{ display:inline; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="0"] [data-at],.editorial-case-study #bsmc-challenge .walk-scene[data-frame="1"] [data-at]{ display:none; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="0"] [data-at~="0"],.editorial-case-study #bsmc-challenge .walk-scene[data-frame="1"] [data-at~="1"]{ display:inline; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="0"] [data-reveal],.editorial-case-study #bsmc-challenge .walk-scene[data-frame="1"] [data-reveal="2"]{ visibility:hidden; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="0"] .ws-meter i{ width:36.11%; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="1"] .ws-meter i{ width:38.89%; }
.editorial-case-study #bsmc-challenge .walk-scene[data-playing] .ws-meter i{ transition:width 500ms ease-out; }
@media(max-width:1099px), (max-height:659px){.editorial-case-study #bsmc-challenge .walk-body{ grid-template-columns:150px minmax(0,1fr); gap:24px; }
}
@media(max-width:760px){.editorial-case-study #bsmc-challenge[data-challenge-ready]{ padding:40px 20px 24px; }
.editorial-case-study #bsmc-challenge .walk-heading{ margin-bottom:22px; }
.editorial-case-study #bsmc-challenge .walk-body{ display:block; }
.editorial-case-study #bsmc-challenge .walk-index{ top:var(--walk-header); display:flex; gap:18px; background:#f4f4f4; margin:0 -4px 24px; padding:0 4px; max-height:60px; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid #dedbd5; scroll-padding:8px; }
.editorial-case-study #bsmc-challenge .walk-index a{ flex:none; border-right:0; border-bottom:2px solid transparent; padding:15px 1px 12px; min-height:46px; font-size:13px; }
.editorial-case-study #bsmc-challenge .walk-index a span{ display:none; }
.editorial-case-study #bsmc-challenge .walk-step{ scroll-margin-top:calc(var(--walk-header) + 76px); padding-top:26px; padding-bottom:36px; }
.editorial-case-study #bsmc-challenge .walk-copy h3{ font-size:27px; margin-bottom:16px; }
.editorial-case-study #bsmc-challenge .walk-copy .ecs-card-label{ margin-bottom:10px; }
.editorial-case-study #bsmc-challenge .walk-scene{ padding:18px; font-size:16px; }
.editorial-case-study #bsmc-challenge .ws-top h4{ font-size:24px; }
.editorial-case-study #bsmc-challenge .ws-panel{ padding:14px; }
.editorial-case-study #bsmc-challenge .ws-table{ font-size:14px; }
.editorial-case-study #bsmc-challenge .ws-table th{ font-size:10px; }
.editorial-case-study #bsmc-challenge .ws-event strong{ font-size:23px; }
}
@media(prefers-reduced-motion:reduce){.editorial-case-study #bsmc-challenge *,.editorial-case-study #bsmc-challenge *:before{ animation:none!important; transition:none!important; }
}
@media print{.editorial-case-study #bsmc-challenge .walk-index{ display:none; }
.editorial-case-study #bsmc-challenge .walk-body,.editorial-case-study #bsmc-challenge.walk-wide .walk-body{ display:block; }
.editorial-case-study #bsmc-challenge .walk-step,.editorial-case-study #bsmc-challenge.walk-wide .walk-step{ display:block; min-height:0; padding:22px 0; break-inside:avoid; }
.editorial-case-study #bsmc-challenge .walk-stage{ display:none!important; }
.editorial-case-study #bsmc-challenge .walk-inline,.editorial-case-study #bsmc-challenge.walk-wide .walk-inline{ display:block; }
}
@media(min-width:1100px) and (min-height:660px){.editorial-case-study #bsmc-challenge.walk-wide .walk-scene{ min-height:520px; }
}
.editorial-case-study #bsmc-challenge .walk-scene [data-date="2"]{ background:#111; color:#fff; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="0"] [data-date="2"]{ background:#fff; color:#111; }
.editorial-case-study #bsmc-challenge .walk-scene[data-frame="0"] [data-date="1"]{ background:#111; color:#fff; }
@media(max-width:480px){.editorial-case-study #bsmc-challenge .ws-table{ table-layout:fixed; overflow-wrap:anywhere; }
.editorial-case-study #bsmc-challenge .ws-table th,.editorial-case-study #bsmc-challenge .ws-table td{ padding-left:3px; padding-right:3px; }
.editorial-case-study #bsmc-challenge .ws-top{ gap:8px; }
.editorial-case-study #bsmc-challenge .ws-note{ font-size:9px; }
.editorial-case-study #bsmc-challenge .ws-tag{ font-size:9px; padding:3px 5px; }
.editorial-case-study #bsmc-challenge .ws-subhead{ flex-wrap:wrap; }
.editorial-case-study #bsmc-challenge .ws-datebar{ gap:4px; }
.editorial-case-study #bsmc-challenge .ws-datebar span{ padding:7px 9px; }
}
.editorial-case-study{--ink:#33291f;--paper:#f7f4ec;--muted:#6d655d;--accent:#853d2f;--line:#d8d0c3;--band:#ac5d46;--page-padding:clamp(24px,5.4vw,90px);font-family:'IBM Plex Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
.editorial-case-study *{box-sizing:border-box}
.editorial-case-study{margin:0;font-size:17px;line-height:1.6}
.editorial-case-study.saada{--accent:#1d5366;--band:#35677a;--paper:#f3f3ee;--line:#ced6d5;--ink:#263a3e;--muted:#566a6d}
.editorial-case-study a{color:inherit;text-underline-offset:.22em}
.editorial-case-study a:hover{text-decoration-thickness:2px}
.editorial-case-study button,.editorial-case-study a{-webkit-tap-highlight-color:transparent}
.editorial-case-study a:focus-visible,.editorial-case-study button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.editorial-case-study img{display:block;max-width:100%;height:auto}
.editorial-case-study figure{margin:0}
.editorial-case-study p{margin:0 0 1.25em}
.editorial-case-study h1,.editorial-case-study h2,.editorial-case-study h3{font-family:'Crimson Pro',Georgia,serif;font-weight:300;line-height:1.02;letter-spacing:-.035em;margin:0}
.editorial-case-study h1{font-size:clamp(50px,6.7vw,108px)}
.editorial-case-study h2{font-size:clamp(36px,4.6vw,70px)}
.editorial-case-study h3{font-size:32px}
.editorial-case-study figcaption,.editorial-case-study .artifact-caption{font-size:12px;line-height:1.5;color:var(--muted)}
.editorial-case-study .ecs-eyebrow{font:400 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:30px}
.editorial-case-study .wrap{padding-inline:var(--page-padding);max-width:1600px;margin-inline:auto}
.editorial-case-study .intro{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding-block:100px 105px;min-height:580px;align-items:end}
.editorial-case-study .intro-meta{font-size:12px;line-height:1.6}
.editorial-case-study .intro-meta .ecs-eyebrow{margin-bottom:55px}
.editorial-case-study .intro-meta a{display:inline-block;margin-top:38px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:6px}
.editorial-case-study .deck{font-size:clamp(20px,2vw,30px);line-height:1.35;max-width:650px;margin:34px 0 0}
.editorial-case-study .artifact-band{background:var(--band);padding:30px var(--page-padding) 25px;color:#fff}
.editorial-case-study .artifact-heading{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff55;padding-bottom:18px;font-size:12px;letter-spacing:.02em}
.editorial-case-study .composition{position:relative;max-width:1240px;margin:65px auto 40px;padding:0 11% 0 1%;min-height:560px}
.editorial-case-study .desktop-shot{box-shadow:0 18px 55px #38221f33;transform:none;max-height:660px;overflow:hidden}
.editorial-case-study .mobile-shot{position:absolute;right:2%;bottom:-2%;width:23%;box-shadow:0 18px 55px #38221f44;transform:none;max-height:570px;overflow:hidden}
.editorial-case-study .artifact-caption{color:#fff;margin:30px 0 0;opacity:.88}
.editorial-case-study .ecs-case-study-overview{padding:50px var(--page-padding);border-bottom:1px solid var(--line)}
.editorial-case-study .ecs-case-study-overview-grid{display:grid;grid-template-columns:1fr 2fr;gap:10%;max-width:1420px;margin:auto}
.editorial-case-study .ecs-card-label{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
.editorial-case-study .ecs-case-study-meta ul{padding:0;list-style:none;font-size:13px;line-height:1.7}
.editorial-case-study .ecs-case-study-meta p:not(.ecs-card-label){max-width:700px}
.editorial-case-study .ecs-case-study-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:110px}
.editorial-case-study .ecs-case-study-section-heading h2{max-width:600px}
.editorial-case-study .ecs-case-study-copy{font-size:17px;padding-top:43px;max-width:650px}
.editorial-case-study .ecs-case-study-copy p:last-child{margin-bottom:0}
.editorial-case-study .ecs-case-study-section .ecs-eyebrow{color:var(--accent)}
.editorial-case-study #bsmc-challenge[data-challenge-ready]{background:#e9e6d9;padding-block:85px}
.editorial-case-study #bsmc-challenge .walk-heading{margin-bottom:55px;max-width:1420px}
.editorial-case-study #bsmc-challenge .walk-heading h2{font-size:clamp(38px,4.8vw,72px);max-width:850px}
.editorial-case-study #bsmc-challenge .walk-body{max-width:1420px;gap:32px}
.editorial-case-study #bsmc-challenge .walk-copy h3{font-family:'Crimson Pro',Georgia,serif;font-size:34px;color:var(--ink)}
.editorial-case-study #bsmc-challenge .walk-copy .ecs-card-label{font-family:'IBM Plex Mono',monospace;color:var(--accent);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.editorial-case-study #bsmc-challenge .walk-index a[aria-current="location"]{color:var(--accent);border-color:var(--accent)}
.editorial-case-study #bsmc-challenge .walk-scene{box-shadow:0 18px 40px #33291f0d;border:0;padding:30px}
.editorial-case-study #bsmc-challenge.walk-wide .walk-body{grid-template-columns:145px minmax(220px,.85fr) minmax(350px,1.4fr)}
.editorial-case-study #bsmc-challenge.walk-wide .walk-step{min-height:65svh}
.editorial-case-study #bsmc-challenge.walk-wide .walk-stage{padding-top:35px}
.editorial-case-study .ecs-case-study-calendar{padding:60px var(--page-padding);background:#d5d5bf}
.editorial-case-study .ecs-case-study-calendar bsmc-calendar-demo{max-width:1250px;margin:auto;box-shadow:0 15px 45px #33291f12}
.editorial-case-study .quote-band{padding:110px var(--page-padding);background:var(--accent);color:#f7f4ec}
.editorial-case-study .quote-band blockquote{font:300 clamp(42px,6vw,88px)/1.04 'Crimson Pro',Georgia,serif;letter-spacing:-.03em;max-width:1100px;margin:35px 0 45px}
.editorial-case-study .quote-credit{font-size:13px}
.editorial-case-study .heatmap-band{display:grid;grid-template-columns:1fr 1.55fr;gap:9%;padding:100px var(--page-padding);align-items:center;background:#eee9de}
.editorial-case-study .heatmap-band h2{font-size:clamp(32px,3.4vw,52px)}
.editorial-case-study .heatmap-band figure{background:white;padding:24px}
.editorial-case-study .heatmap-band figcaption{padding-top:18px}
.editorial-case-study .outcome{border-top:1px solid var(--line)}
.editorial-case-study .saada-composition{position:relative;padding:60px 18% 40px 2%;max-width:1250px;margin:auto}
.editorial-case-study .saada-home{box-shadow:0 16px 55px #122b3b33;transform:none;}
.editorial-case-study .saada-mark{position:absolute;right:2%;bottom:12%;width:25%;background:#fff;padding:35px;box-shadow:0 16px 55px #122b3b33;transform:none;}
.editorial-case-study .saada-logo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-bottom:100px}
.editorial-case-study .saada-logo-stage{height:300px;background:#fff;display:grid;place-items:center;border-top:1px solid var(--line)}
.editorial-case-study .saada-logo-stage img{max-width:180px;max-height:180px}
.editorial-case-study .saada-logo-comparison figcaption{padding-top:16px;border-top:1px solid var(--line)}
.editorial-case-study .offset-band{display:grid;grid-template-columns:1fr 2.4fr;gap:8%;background:#d5e0df;padding:90px var(--page-padding);align-items:center}
.editorial-case-study .offset-note{padding-top:140px;font-size:14px;max-width:230px}
.editorial-case-study .offset-band figure{margin-top:-25px}
.editorial-case-study .offset-band img{box-shadow:0 12px 35px #253b3e15}
.editorial-case-study .offset-band figcaption{margin-top:18px}
.editorial-case-study .comparison-band{padding:95px 0;background:#e8ebe6}
.editorial-case-study .saada-homepage-comparison{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}
.editorial-case-study .saada-homepage-panel img{width:100%;border:1px solid var(--line)}
.editorial-case-study .saada-homepage-panel figcaption{padding-top:20px;max-width:480px}
.editorial-case-study .saada-homepage-panel strong{font-weight:500;font-size:14px}
.editorial-case-study .saada-homepage-panel:nth-child(2){padding-top:70px}
.editorial-case-study .editorial{border-bottom:1px solid var(--line)}
.editorial-case-study .saada-credits{font-size:13px;color:var(--muted);padding-top:20px}
.editorial-case-study .reveal{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s}
.editorial-case-study .reveal.pending{transform:translateY(24px);opacity:.5}
@media(min-width:1500px){.editorial-case-study .intro{padding-block:130px}
.editorial-case-study .composition{min-height:650px}
}
@media(max-width:1099px){.editorial-case-study .intro{grid-template-columns:1fr 3fr;gap:25px;min-height:490px;padding-block:75px}
.editorial-case-study .composition{min-height:0}
.editorial-case-study .ecs-case-study-section{gap:8%;padding-block:80px}
.editorial-case-study #bsmc-challenge .walk-body{grid-template-columns:145px 1fr}
.editorial-case-study #bsmc-challenge .walk-inline{max-width:650px}
.editorial-case-study .heatmap-band{gap:5%}
}
@media(max-width:760px){.editorial-case-study .intro{display:block;padding-block:45px 60px;min-height:0}
.editorial-case-study .intro-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:36px}
.editorial-case-study .intro-meta .ecs-eyebrow{margin:0}
.editorial-case-study .intro-meta p:not(.ecs-eyebrow){display:none}
.editorial-case-study .intro-meta a{margin:0;font-size:11px}
.editorial-case-study h1{font-size:clamp(45px,9.4vw,70px);line-height:1.02}
.editorial-case-study .deck{margin-top:25px;font-size:22px}
.editorial-case-study .artifact-band{padding-top:20px}
.editorial-case-study .artifact-heading{font-size:10px;gap:20px}
.editorial-case-study .artifact-heading span:last-child{text-align:right}
.editorial-case-study .composition{margin:40px 0 30px;padding-right:9%;padding-left:0}
.editorial-case-study .mobile-shot{width:28%;right:0;max-height:80%}
.editorial-case-study .desktop-shot{transform:none;}
.editorial-case-study .artifact-caption{font-size:10px}
.editorial-case-study .ecs-case-study-overview{padding-block:35px}
.editorial-case-study .ecs-case-study-overview-grid,.editorial-case-study .ecs-case-study-section,.editorial-case-study .heatmap-band{grid-template-columns:1fr;gap:30px}
.editorial-case-study .ecs-case-study-overview-grid{gap:24px}
.editorial-case-study .ecs-case-study-meta ul{columns:2;font-size:12px}
.editorial-case-study .ecs-case-study-meta p:not(.ecs-card-label){font-size:15px}
.editorial-case-study .ecs-case-study-section{padding-block:65px}
.editorial-case-study .ecs-case-study-copy{padding-top:0;font-size:16px}
.editorial-case-study .ecs-eyebrow{margin-bottom:22px}
.editorial-case-study h2{font-size:42px}
.editorial-case-study #bsmc-challenge[data-challenge-ready]{padding-block:55px}
.editorial-case-study #bsmc-challenge .walk-body{display:block}
.editorial-case-study #bsmc-challenge .walk-index{top:76px;background:#e9e6d9;padding:10px 0;display:flex;overflow-x:auto;max-height:none;border-bottom:1px solid var(--line);margin-bottom:25px}
.editorial-case-study #bsmc-challenge .walk-index a{white-space:nowrap;font-size:12px;padding:10px 15px 10px 0;border-right:0;border-bottom:2px solid transparent}
.editorial-case-study #bsmc-challenge .walk-index a[aria-current="location"]{border-bottom-color:var(--accent)}
.editorial-case-study #bsmc-challenge .walk-copy h3{font-size:32px}
.editorial-case-study #bsmc-challenge .walk-scene{padding:22px 16px}
.editorial-case-study #bsmc-challenge .walk-step{scroll-margin-top:155px}
.editorial-case-study #bsmc-challenge .walk-heading h2{font-size:43px}
.editorial-case-study .ecs-case-study-calendar{padding:35px 16px}
.editorial-case-study .quote-band{padding-block:70px}
.editorial-case-study .quote-band blockquote{font-size:48px}
.editorial-case-study .heatmap-band{padding-block:65px}
.editorial-case-study .heatmap-band figure{padding:14px}
.editorial-case-study .saada-composition{padding:40px 10% 25px 0}
.editorial-case-study .saada-mark{width:29%;padding:14px;right:0;bottom:5%}
.editorial-case-study .saada-logo-comparison{gap:20px;padding-bottom:60px}
.editorial-case-study .saada-logo-stage{height:210px}
.editorial-case-study .saada-logo-stage img{max-width:120px;max-height:120px}
.editorial-case-study .offset-band{grid-template-columns:1fr;padding-block:55px;gap:40px}
.editorial-case-study .offset-note{padding-top:0;max-width:360px}
.editorial-case-study .offset-band figure{margin:0}
.editorial-case-study .comparison-band{padding:55px 0}
.editorial-case-study .saada-homepage-comparison{grid-template-columns:1fr;gap:38px}
.editorial-case-study .saada-homepage-panel:nth-child(2){padding:0}
}
@media(prefers-reduced-motion:reduce){.editorial-case-study *,.editorial-case-study *::before,.editorial-case-study *::after{transition:none!important;animation:none!important}
.editorial-case-study .reveal.pending{opacity:1;transform:none}
}
@media print{.editorial-case-study .intro{min-height:0;padding-block:30px}
.editorial-case-study .artifact-band{break-inside:avoid}
.editorial-case-study .reveal.pending{opacity:1;transform:none}
}
.editorial-case-study .screen-family{padding:65px 0 35px;background:#302c28;color:#f7f4ec;overflow:hidden}
.editorial-case-study .family-heading{padding-inline:var(--page-padding);display:flex;justify-content:space-between;gap:25px;font-size:13px}
.editorial-case-study .screen-track{display:flex;align-items:stretch;gap:0;width:126%;margin:35px -13% 20px;isolation:isolate}
.editorial-case-study .screen-track figure{width:35%;height:550px;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:-18px 0 35px #0008;flex:none;background:#f8f5ea;border:7px solid #f8f5ea}
.editorial-case-study .screen-track figure:nth-child(1){background:#c59b70;border-color:#c59b70}
.editorial-case-study .screen-track figure:nth-child(2){background:#b7c4b3;border-color:#b7c4b3;margin-left:-2%;z-index:2}
.editorial-case-study .screen-track figure:nth-child(3){background:#ce8e73;border-color:#ce8e73;margin-left:-2%;z-index:3}
.editorial-case-study .screen-track img{width:100%;height:auto}
.editorial-case-study .family-caption{font-size:11px;margin:25px var(--page-padding) 0;color:#cfc5b8}
@media(max-width:760px){.editorial-case-study .screen-family{padding-top:45px}
.editorial-case-study .family-heading{display:block}
.editorial-case-study .screen-track{width:180%;margin-left:-40%}
.editorial-case-study .screen-track figure{height:320px}
.editorial-case-study .family-heading .ecs-eyebrow{margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){.editorial-case-study .screen-track{transform:none!important}
}
.editorial-case-study .intro-project-logo{width:68px;height:68px;object-fit:contain;object-position:left center;margin:0 0 32px;opacity:.85}
.editorial-case-study.saada .intro-project-logo{width:60px;height:60px}
.editorial-case-study .ecs-case-study-meta ul{list-style-type:square;padding-left:17px}
.editorial-case-study .ecs-case-study-meta li{padding-left:4px;margin-bottom:3px}
.editorial-case-study .ecs-case-study-meta li::marker{color:var(--accent);font-size:.8em}
.editorial-case-study #bsmc-challenge .walk-copy h3{font-weight:300}
.editorial-case-study .saada-homepage-panel:nth-child(2){padding-top:0}
.editorial-case-study .saada-homepage-panel .saada-image-link{display:block;aspect-ratio:1.24;overflow:hidden}
.editorial-case-study .saada-homepage-panel img{width:100%;height:100%;object-fit:cover;object-position:top center}
.editorial-case-study .saada-homepage-panel figcaption{font-size:11px;font-weight:400;color:var(--muted);padding-top:12px}
.editorial-case-study .walk-controls{display:flex;align-items:center;gap:20px;margin-top:28px;font-size:12px}
.editorial-case-study .walk-controls button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;font:inherit;cursor:pointer}
.editorial-case-study .walk-controls button:disabled{opacity:.35;cursor:default}
.editorial-case-study .walk-count{font:11px 'IBM Plex Mono',monospace}
.editorial-case-study .walk-exit{margin-left:auto}
.editorial-case-study #bsmc-challenge .walk-steps{height:min(580px,70svh);overflow-y:auto;overscroll-behavior-y:auto;scroll-snap-type:y mandatory;scroll-behavior:auto;scrollbar-width:thin;position:relative}
.editorial-case-study #bsmc-challenge .walk-step,.editorial-case-study #bsmc-challenge.walk-wide .walk-step,.editorial-case-study #bsmc-challenge.walk-wide .walk-step:last-child{min-height:100%;padding:32px 8px 32px 0;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.editorial-case-study #bsmc-challenge .walk-index{position:static;max-height:min(580px,70svh)}
.editorial-case-study #bsmc-challenge.walk-wide .walk-stage{position:static;padding-top:0}
.editorial-case-study #bsmc-challenge .walk-scene [data-reveal]{transition:none;animation:none}
.editorial-case-study #after-challenge:focus{outline:none}
@media(max-width:760px){.editorial-case-study .intro-meta{position:relative;padding-left:78px;min-height:60px;align-items:center}
.editorial-case-study .intro-project-logo{position:absolute;left:0;top:0;width:48px;height:48px;margin:0}
.editorial-case-study.saada .intro-project-logo{width:48px;height:48px}
.editorial-case-study .walk-controls{gap:10px;flex-wrap:wrap}
.editorial-case-study .walk-exit{flex-basis:100%;margin-left:0;margin-top:4px}
.editorial-case-study #bsmc-challenge .walk-index{max-height:none;position:static}
.editorial-case-study #bsmc-challenge .walk-steps{height: min(650px,75svh)}
.editorial-case-study #bsmc-challenge .walk-step{padding-top:20px}
}
@media(prefers-reduced-motion:reduce){.editorial-case-study #bsmc-challenge .walk-steps{scroll-behavior:auto}
}
@media print{.editorial-case-study #bsmc-challenge .walk-steps{height:auto;overflow:visible;scroll-snap-type:none}
.editorial-case-study .walk-controls{display:none}
}
.editorial-case-study .intro-title .intro-project-logo{position:static;display:block;margin:0 0 28px;object-position:left center;width:64px;height:64px}
.editorial-case-study .intro-title .intro-project-logo[src$="project-logo.png"]{height:70px}
.editorial-case-study .intro-title .intro-project-logo[src$="project-logo.svg"]{width:70px;height:70px}
.editorial-case-study.dhs{--accent:#3f5547;--band:#4c6152;--paper:#f5f2e8;--line:#d4d7c9;--ink:#303e34;--muted:#677064}
.editorial-case-study .dhs-photo-band{background:#d8d5c2;padding:0 0 18px}
.editorial-case-study .dhs-photo-band img{width:100%;max-height:640px;object-fit:cover}
.editorial-case-study .dhs-photo-band figcaption{padding:14px var(--page-padding) 0;font-size:11px}
.editorial-case-study .dhs-comparison{background:#e6e7db;padding-block:80px}
.editorial-case-study .dhs-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%}
.editorial-case-study .dhs-comparison-grid a{display:block;aspect-ratio:900/556;overflow:hidden}
.editorial-case-study .dhs-comparison-grid img{width:100%;height:100%;object-fit:cover;object-position:top}
.editorial-case-study .dhs-comparison-grid figcaption{font-size:11px;padding-top:14px}
.editorial-case-study .dhs-challenge{border-bottom:1px solid var(--line);gap:10%}
.editorial-case-study .dhs-challenge .ecs-case-study-section-heading{align-self:start;position:sticky;top:135px}
.editorial-case-study .dhs-challenge .ecs-feature-list{display:grid;gap:30px}
.editorial-case-study .dhs-challenge article{border-top:1px solid var(--line);padding-top:25px}
.editorial-case-study .dhs-challenge .ecs-card-label{color:var(--accent);margin-bottom:15px}
.editorial-case-study .dhs-challenge h3{font-size:32px;font-weight:300;line-height:1.1;margin-bottom:15px}
.editorial-case-study .dhs-challenge article>p:last-child{font-size:16px;margin-bottom:0}
.editorial-case-study .dhs-gallery-band{background:#415747;color:#f5f2e8;padding:60px 0 90px}
.editorial-case-study .dhs-gallery-heading{display:flex;justify-content:space-between;gap:35px;font-size:13px;border-bottom:1px solid #ffffff44;margin-bottom:50px}
.editorial-case-study .dhs-screens{display:grid;grid-template-columns:1.6fr 1fr;align-items:start;gap:6%}
.editorial-case-study .dhs-screens img{box-shadow:0 15px 32px #1a2b2025}
.editorial-case-study .dhs-admin-screen{margin-top:180px}
.editorial-case-study .dhs-screens figcaption{color:#e0e5db;margin-top:18px;max-width:500px}
.editorial-case-study .dhs-volunteer{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;padding-block:110px;align-items:center}
.editorial-case-study .dhs-volunteer h2{font-size:clamp(32px,3vw,46px);line-height:1.12}
.editorial-case-study .dhs-volunteer figcaption{margin-top:18px;max-width:520px}
@media(max-width:760px){.editorial-case-study .intro-meta{padding-left:0;min-height:0;position:static}
.editorial-case-study .intro-title .intro-project-logo{width:50px;height:50px;margin-bottom:25px}
.editorial-case-study .intro-title .intro-project-logo[src$="project-logo.png"]{height:54px}
.editorial-case-study .intro-title .intro-project-logo[src$="project-logo.svg"]{width:54px;height:54px}
.editorial-case-study .dhs-photo-band img{height:auto;max-height:none}
.editorial-case-study .dhs-comparison{padding-block:55px}
.editorial-case-study .dhs-comparison-grid{grid-template-columns:1fr;gap:32px}
.editorial-case-study .dhs-challenge .ecs-case-study-section-heading{position:static}
.editorial-case-study .dhs-challenge .ecs-feature-list{gap:25px}
.editorial-case-study .dhs-screens,.editorial-case-study .dhs-volunteer{grid-template-columns:1fr;gap:40px}
.editorial-case-study .dhs-admin-screen{margin:0;max-width:524px}
.editorial-case-study .dhs-gallery-band{padding-block:45px 55px}
.editorial-case-study .dhs-gallery-heading{display:block;margin-bottom:35px}
.editorial-case-study .dhs-gallery-heading .ecs-eyebrow{margin-bottom:15px}
.editorial-case-study .dhs-volunteer{padding-block:65px}
.editorial-case-study .dhs-volunteer h2{font-size:36px}
}
@media(max-width:390px){}

/* Production-only finishing: retain live site chrome unchanged. */
.editorial-case-study{display:block;margin:0;padding:0;overflow:clip;overflow-clip-margin:0px}
.editorial-case-study .intro{min-height:0;padding-block:66px 72px;align-items:center}
.editorial-case-study .intro-meta .ecs-eyebrow{margin-bottom:36px}
.editorial-case-study .intro-meta a{margin-top:26px}
.editorial-case-study .intro-title .intro-project-logo{display:none}
.editorial-case-study .ecs-case-study-overview{background:var(--paper)}
.editorial-case-study .ecs-case-study-meta ul{margin:0}
.editorial-case-study .full-photo-band{margin:0;padding:0;width:100%;background:var(--paper)}
.editorial-case-study .full-photo-band img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.editorial-case-study .dhs-gallery-band{padding-bottom:80px}
.editorial-case-study h1,.editorial-case-study h2,.editorial-case-study h3{max-width:none;color:inherit}
.editorial-case-study .ecs-case-study-section-heading,.editorial-case-study .ecs-case-study-copy,.editorial-case-study .ecs-feature-list{grid-column:auto}
@media(min-width:1500px){.editorial-case-study .intro{padding-block:82px 88px}}
@media(max-width:760px){.editorial-case-study .intro{padding-block:38px 48px}.editorial-case-study .intro-meta{margin-bottom:30px}.editorial-case-study .intro-meta a{margin:0}.editorial-case-study .intro-meta .ecs-eyebrow{margin:0}}

.editorial-case-study > section[id]{scroll-margin-top:80px}
@media(max-width:860px){.editorial-case-study > section[id]{scroll-margin-top:104px}}
@media(max-width:760px){.editorial-case-study .dhs-challenge{gap:40px}}