.draft-banner{border-left:3px solid #7651d7;background:#f5f2fb;padding:15px 20px;margin:0 0 40px}.draft-banner span,.placeholder-kicker,.draft-tag{font-size:11px;font-weight:600;letter-spacing:.12em}.draft-banner p{font-size:14px;margin:6px 0 0;color:var(--muted)}.case-hero h1{max-width:1040px;font-size:clamp(2.7rem,5.7vw,5.2rem);line-height:1.08}.draft-placeholder{margin:32px 0 0;min-height:330px;border:1px dashed #c8bfdf;border-radius:14px;background:linear-gradient(135deg,#f5f2fa,#faf9fc);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:44px;gap:15px}.draft-placeholder.compact{min-height:230px}.placeholder-kicker{color:#7f719e}.draft-placeholder strong{font-size:clamp(18px,2vw,24px);font-weight:500;letter-spacing:-.025em;max-width:650px}.draft-placeholder p{font-size:14px;line-height:1.65;color:#766e85;max-width:560px;margin:0}.draft-tint{background:#f8f8fb}.draft-grid{display:grid;gap:24px}.draft-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-grid article{padding:25px;border-top:1px solid #cac6d5}.draft-grid h3{font-size:21px;line-height:1.3;margin:16px 0}.draft-grid h4{font-size:14px;margin:22px 0 8px;font-weight:600}.draft-grid p,.draft-grid li{font-size:15px;line-height:1.7;color:var(--muted)}.draft-grid p{margin:0 0 10px}.draft-grid .draft-placeholder{margin:0;padding:28px;min-width:0}.draft-note{margin-top:32px;background:#fffdf5;border-left:2px solid #d6bd65;padding:18px 22px}.draft-note strong{font-size:13px;font-weight:600;color:#706032}.draft-note p{margin:8px 0 0;font-size:14px;color:#776f5d;line-height:1.65}.draft-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.draft-flow li{border-top:2px solid #cec5e8;padding-top:20px}.draft-flow span{font-size:12px;color:#755fa5}.draft-flow h3{font-size:21px;margin:12px 0}.draft-flow p{font-size:15px;color:var(--muted);line-height:1.6}.draft-table-wrap{overflow-x:auto}.draft-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.65}.draft-table-wrap caption{text-align:left;color:var(--muted);font-size:13px;margin-bottom:18px}.draft-table-wrap th{font-weight:600;background:#efecf5}.draft-table-wrap th,.draft-table-wrap td{padding:22px;border-bottom:1px solid #dedbe5;vertical-align:top;width:33.33%}.draft-table-wrap td{color:#62606c}.draft-distinction>h3{font-size:24px;margin-bottom:25px}.draft-tag{color:#634598}.draft-tag.muted{color:#81776a}.draft-distinction h4{font-size:20px;line-height:1.3;margin:16px 0 12px}.scope-grid ul{padding-left:18px}.scope-grid li{margin-bottom:10px}.draft-sources{padding-top:55px;padding-bottom:55px}.draft-sources h2{font-size:24px}.draft-sources p{font-size:14px;color:var(--muted)}.draft-sources a{display:inline-block;margin:8px 25px 8px 0;font-size:14px;border-bottom:1px solid #ccc}.section-copy h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.045em;line-height:1.13}@media(max-width:760px){.draft-grid.three,.draft-grid.two{grid-template-columns:1fr}.draft-flow{grid-template-columns:1fr 1fr}.draft-placeholder{min-height:240px;padding:25px}.draft-table-wrap table{min-width:610px}.draft-banner{margin-top:20px}.project-facts{gap:20px}.case-nav>div{overflow-x:auto}.case-nav a{white-space:nowrap}.draft-sources{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Original-source illustrations and case-study compositions. */
.viz-figure{margin:32px 0 0;min-width:0}.viz-figure figcaption{font-size:13px;line-height:1.65;color:var(--muted);margin:16px 0 0;max-width:850px}.draft-grid>.viz-figure{margin:0}.draft-grid:has(>.viz-figure){margin-top:32px;align-items:start}.viz-image{display:block;width:100%;border:0;padding:0;background:#fff;position:relative;overflow:hidden;cursor:zoom-in;line-height:0;border-radius:6px;text-align:left}.viz-image img{display:block;width:100%;height:auto;margin:0}.viz-image:focus-visible{outline:3px solid #7950ef;outline-offset:5px}.viz-zoom{position:absolute;right:9px;bottom:9px;background:#fff;color:#57369b;box-shadow:0 1px 6px #2222;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:17px;line-height:1;opacity:.85}.viz-label{font-size:10px!important;letter-spacing:.13em;font-weight:600;margin:0 0 24px!important;color:#77658f!important;line-height:1.5!important}.viz-hero{padding:38px 46px 28px;background:radial-gradient(ellipse at 85% 10%,#533691,transparent 60%),#21153d;border-radius:16px;overflow:hidden}.viz-hero-heading{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;color:#ddd0f7;margin-bottom:30px}.viz-browser{border:1px solid #ffffff50;border-radius:10px;overflow:hidden;box-shadow:0 25px 50px #08021555}.viz-browser .viz-image{border-radius:0}.viz-browser-bar{height:27px;background:#ebe6f3;display:flex;align-items:center;gap:5px;padding:0 13px}.viz-browser-bar i{width:5px;height:5px;border-radius:50%;background:#b3a6cc}.viz-browser-bar span{margin-left:12px;font-size:9px;color:#776887}.viz-hero-footer{display:flex;justify-content:space-between;gap:15px;color:#dacdee;font-size:12px;margin-top:28px}.viz-neutral,.viz-paper,.viz-final,.viz-state,.viz-feedback,.viz-editing,.viz-preset,.viz-evolution,.viz-delivery,.viz-decision,.viz-journey,.viz-evidence{border-radius:12px;padding:30px;background:#f0edf7;border:1px solid #e7e2ef}.viz-paper,.viz-evidence{background:#f7f5ef;border-color:#e9e3d6}.viz-final{padding:36px;background:#eae5f5}.viz-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.viz-panel{min-width:0}.viz-panel .viz-label{margin-bottom:15px!important}.viz-panel p{font-size:13px;line-height:1.65;color:#625c6d}.viz-journey{background:#f6f4fa}.viz-journey-steps{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px}.viz-journey-steps>div{padding:20px;border:1px solid #dad4e5;border-radius:8px}.viz-journey-steps span{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:13px}.viz-journey-steps strong{display:block;font-size:18px;font-weight:500;line-height:1.5}.viz-journey-steps small{display:block;font-size:11px;margin-top:8px;line-height:1.5}.viz-muted-step{color:#85808b;background:#fff}.viz-active-step{background:#4c3375;color:#fff}.viz-journey-preview{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;margin-top:32px;align-items:center}.viz-journey-preview h3{font-size:26px;font-weight:500;line-height:1.2;margin:15px 0}.viz-journey-preview p{font-size:14px;line-height:1.7;color:#766d82}.viz-evidence-heading h3{font-size:26px;margin:0 0 26px;letter-spacing:-.03em;font-weight:500}.viz-research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.viz-research-grid .viz-panel{background:white;padding:18px;border:1px solid #e6dfd3;border-radius:6px}.viz-research-grid .viz-image{aspect-ratio:1/1.1;display:flex;align-items:flex-start}.viz-research-grid .viz-image img{object-fit:contain}.viz-insight{border-top:1px solid #dbd2c1;margin-top:24px;padding-top:24px}.viz-insight>span{font-size:10px;letter-spacing:.13em;color:#8c7751}.viz-insight p{font-size:24px;line-height:1.4;letter-spacing:-.025em;margin:12px 0}.viz-insight small{color:#887e6d;font-size:11px;line-height:1.7;display:block}.viz-note-focus{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px;margin-top:25px}.viz-note-focus p{font-size:13px;line-height:1.65;margin:0;color:#746b5c}.viz-decision-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}.viz-decision-grid>div{min-width:0}.viz-decision-grid .viz-image{margin-top:20px}.viz-decision-grid>div:first-child .viz-image{max-width:170px;margin-inline:auto}.viz-step{display:block;color:#87749f;font-size:10px;letter-spacing:.09em;font-weight:600}.viz-decision-grid p{font-size:13px;line-height:1.6;color:#756b80}.viz-priority-card{padding:25px 18px;margin-top:20px;border:1px solid #cfc0e7;background:#fff;border-radius:8px;font-size:21px;line-height:1.3;color:#4c3375}.viz-preset-layout{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:24px;align-items:center}.viz-preset-layout h3{font-size:18px;line-height:1.3;margin:0 0 9px}.viz-preset-layout p{font-size:12px;line-height:1.7;color:#746782;margin:0 0 24px}.viz-preset-layout .draft-tag{font-size:9px;line-height:1.8;display:block}.viz-evolution{background:#f1edf8}.viz-evolution>.viz-pair{grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:0 35px}.viz-evolution .viz-panel:first-child .viz-image{max-width:190px;margin:auto}.viz-evolution .viz-panel:last-child .viz-image{max-width:110px;margin:auto}.viz-evolution .viz-label{text-align:center}.viz-evolution-reason{text-align:center;padding:20px}.viz-evolution-reason h3{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:20px 0}.viz-evolution-reason p{font-size:14px;line-height:1.8;color:#7f6d92}.viz-arrow{display:block;margin-top:20px;font-size:40px;color:#8260b6}.viz-callouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:26px 0 0;list-style:none}.viz-callouts li{display:flex;gap:12px;font-size:12px;color:#81738f;line-height:1.7}.viz-callouts b{font-weight:500;font-size:18px;color:#765997}.viz-callouts strong{display:block;color:#4a355f;font-size:14px;margin-bottom:4px;font-weight:500}.viz-state{padding:18px 24px}.viz-state .viz-label{font-size:9px!important}.viz-state .viz-image{max-width:218px;margin-inline:auto}.viz-editing>.viz-pair{max-width:830px;margin:auto;gap:55px;align-items:center}.viz-control-note{border-top:1px solid #d9d0e8;margin-top:30px;padding-top:25px}.viz-control-note strong{font-size:20px;font-weight:500}.viz-control-note p{font-size:14px;color:#746782;line-height:1.6;margin:10px 0 0}.viz-feedback .viz-pair{gap:15px}.viz-feedback .viz-label{font-size:9px!important}.viz-delivery-grid{display:grid;grid-template-columns:2fr .75fr .5fr;align-items:center;gap:24px}.viz-delivery-grid p{font-size:11px;color:#7a6f84;margin:14px 0 0;line-height:1.5}.viz-scope-footer{margin-top:30px;border-top:1px solid #d9d1e5;padding-top:24px;display:flex;align-items:baseline;gap:20px}.viz-scope-footer span{font-size:10px;letter-spacing:.1em;color:#817284}.viz-scope-footer p{margin:0;font-size:14px;color:#766b7d}.viz-lightbox{width:95vw;max-width:1500px;height:92vh;max-height:none;padding:45px 22px 20px;border:0;border-radius:12px;background:#f7f6fa;overflow:auto}.viz-lightbox::backdrop{background:#171022df}.viz-lightbox>img{display:block;max-width:100%;height:auto;margin:auto}.viz-lightbox>button{position:fixed;right:4vw;top:5vh;border:1px solid #d8cfe8;border-radius:50%;background:white;color:#49345f;width:36px;height:36px;font-size:25px;cursor:pointer;z-index:2}.viz-lightbox>p{font-size:13px;color:#736980;padding:10px 0;line-height:1.6}.viz-image:hover .viz-zoom{opacity:1;background:#eee7ff}
@media(max-width:760px){.viz-hero{padding:20px 14px}.viz-hero-heading{font-size:8px;margin-bottom:20px}.viz-hero-heading span:last-child{display:none}.viz-hero-footer{font-size:9px;gap:8px;margin-top:18px}.viz-neutral,.viz-paper,.viz-final,.viz-feedback,.viz-editing,.viz-preset,.viz-evolution,.viz-delivery,.viz-decision,.viz-journey,.viz-evidence{padding:20px}.viz-journey-steps{grid-template-columns:1fr 1fr}.viz-active-step{grid-column:1/-1}.viz-journey-preview{grid-template-columns:1fr;gap:20px}.viz-research-grid{grid-template-columns:1fr}.viz-research-grid .viz-image{aspect-ratio:auto}.viz-research-grid .viz-panel{padding:20px}.viz-decision-grid{grid-template-columns:1fr}.viz-decision-grid .viz-image{max-width:360px}.viz-decision-grid>div:first-child .viz-image{margin-left:0}.viz-insight p{font-size:20px}.viz-evolution>.viz-pair{padding:0;grid-template-columns:1fr 1fr;gap:20px}.viz-evolution-reason{grid-row:2;grid-column:1/-1;padding:5px}.viz-evolution-reason h3{font-size:24px}.viz-arrow{display:none}.viz-evolution .viz-panel:first-child .viz-image{max-width:150px}.viz-evolution .viz-panel:last-child .viz-image{max-width:84px}.viz-callouts{grid-template-columns:1fr;gap:16px}.viz-editing>.viz-pair{grid-template-columns:1fr;gap:30px}.viz-state .viz-image{max-height:none;max-width:260px;margin:auto}.viz-delivery-grid{grid-template-columns:1fr 1fr}.viz-delivery-grid>div:first-child{grid-column:1/-1}.viz-delivery-grid>div:last-child{max-width:125px;justify-self:center}.viz-scope-footer{display:block}.viz-scope-footer p{margin-top:10px}.viz-lightbox{padding:45px 10px 10px}.viz-preset-layout{grid-template-columns:120px 1fr;gap:15px}.viz-note-focus{grid-template-columns:100px 1fr;gap:14px}}
/* Review pass: journey, complete personas, English evidence, motion, and UI library. */
.journey-map{background:#f7f5fb;border:1px solid #e1daeb;border-radius:14px;padding:30px}.journey-heading h3{font-size:27px;letter-spacing:-.035em;margin:0 0 10px;font-weight:500}.journey-heading>p:last-child{font-size:14px;color:#7c7286;margin:0 0 28px}.journey-scroll{overflow-x:auto}.journey-scroll table{border-collapse:separate;border-spacing:5px;width:100%;min-width:960px;text-align:left;table-layout:fixed}.journey-scroll caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.journey-scroll th,.journey-scroll td{padding:17px 13px;vertical-align:top;font-size:12px;line-height:1.65;border-radius:5px}.journey-scroll thead th:first-child,.journey-scroll tbody th{width:110px;background:transparent;color:#897e93;font-weight:500;font-size:11px}.journey-scroll thead th span{font-size:10px;display:block;margin-bottom:8px;font-weight:400;letter-spacing:.12em}.journey-scroll thead th strong{font-size:16px;font-weight:500}.journey-scroll td.journey-context{background:#eeecf2;color:#918895}.journey-scroll td.journey-scope{background:white;color:#655471;border-bottom:1px solid #e3dcea}.journey-scroll th.journey-context{background:#e9e5f0;color:#877c93}.journey-scroll th.journey-scope{background:#513474;color:white}.journey-scroll tbody tr:last-child td.journey-scope{background:#eee5fb;color:#583978}.journey-legend{display:flex;gap:25px;margin-top:20px;font-size:11px;color:#776a82}.journey-legend span{display:flex;align-items:center;gap:7px}.journey-legend i{width:8px;height:8px;background:#ded8e7;border-radius:50%}.journey-legend span:last-child i{background:#735297}
.personas{margin-top:32px}.persona-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.persona-tabs>button{background:#fff;border:1px solid #ded8e8;border-radius:10px;padding:20px 16px;display:flex;align-items:center;gap:13px;text-align:left;color:#75657f;cursor:pointer;font:inherit}.persona-tabs>button[aria-selected=true]{background:#f0e8fb;border-color:#9a7abf;color:#523077;box-shadow:inset 0 -3px #8d64b9}.persona-role-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto}.persona-role-icon svg{width:28px;height:28px}.persona-tabs strong{display:block;font-size:16px;font-weight:500;line-height:1.35}.persona-tabs small{display:block;font-size:10px;line-height:1.5;margin-top:6px}.persona-panel{padding:34px;background:#fff;border:1px solid #e1dbe9;border-radius:12px;margin-top:18px}.persona-panel[hidden]{display:none}.persona-profile{display:flex;align-items:center;gap:25px}.persona-profile>img{width:102px;height:102px;border-radius:50%;object-fit:cover}.persona-profile .viz-label{margin:0 0 10px!important}.persona-profile h3{font-size:32px;font-weight:500;letter-spacing:-.035em;margin:0 0 10px}.persona-demographics{font-size:12px;color:#82728f;line-height:1.7;margin:0}.persona-bio{margin:28px 0;column-count:2;column-gap:30px}.persona-bio p{font-size:14px;line-height:1.8;color:#746c7c;margin:0 0 14px}.persona-quote{padding:24px 30px;background:#f5f0fb;border-left:3px solid #b499d1;border-radius:0 8px 8px 0}.persona-quote>span{font-size:9px;letter-spacing:.12em;color:#a089b5}.persona-quote blockquote{font-size:21px;line-height:1.5;color:#614276;letter-spacing:-.02em;margin:12px 0 0}.persona-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:30px}.persona-block{padding:24px;background:#faf9fc;border:1px solid #ece8f1;border-radius:8px}.persona-block h4{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#594665;font-size:17px;font-weight:500}.persona-block h4 svg{width:20px;height:20px;color:#a28bb5}.persona-block h5{font-size:12px;margin:20px 0 9px;font-weight:600;color:#8c739f}.persona-block ul{padding-left:17px;margin:0}.persona-block li{font-size:13px;line-height:1.8;color:#756a7e;padding-left:3px;margin-bottom:7px}.persona-block li::marker{color:#b29aca}.persona-traits-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;padding-top:25px;border-top:1px solid #e9e4ef}.persona-traits-row h4{font-size:14px;color:#715b82;font-weight:500;margin:0 0 20px}.persona-badges{display:flex;flex-wrap:wrap;gap:8px}.persona-badges span{font-size:11px;background:#f0eaf7;border:1px solid #e2d7ef;color:#816994;padding:8px 12px;border-radius:4px}.persona-scale{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;gap:8px;font-size:10px;color:#8f8499}.persona-scale>div{position:relative;width:100%;height:3px;border-radius:3px;background:#ece6f2}.persona-scale i{display:block;position:absolute;top:-4px;width:11px;height:11px;border-radius:50%;background:#a087b5;transform:translateX(-50%)}.persona-source{font-size:11px;color:#918499;line-height:1.7;margin:18px 0 30px}
.goal-board{border:1px solid #e3dfd2;background:#faf8f2;border-radius:12px;padding:30px}.goal-columns,.goal-row{display:grid;grid-template-columns:1fr repeat(3,1.3fr);gap:14px}.goal-columns{padding-bottom:15px;border-bottom:1px solid #e1dccc;align-items:center}.goal-columns>span{font-size:11px;line-height:1.5;color:#887957;display:flex;gap:8px;align-items:center}.goal-columns svg{width:20px;height:20px;flex:0 0 auto}.goal-row{border-bottom:1px solid #e8e1d3;padding:18px 0;align-items:start}.goal-row h4{font-size:15px;font-weight:500;line-height:1.4;margin:0;color:#6d6049}.goal-row h4 small{display:block;color:#b29c79;font-size:10px;margin-bottom:8px}.goal-row p{font-size:13px;line-height:1.7;background:#fff;border:1px solid #eee9de;padding:17px;margin:0;border-radius:6px;color:#7a725e}.research-originals{margin-top:25px}.research-originals summary{font-size:12px;cursor:pointer;color:#8d7954;padding:14px 0}.research-originals .viz-research-grid{margin-top:16px}.workflow-audit{padding:28px;border-radius:12px;background:#f6f2e9;border:1px solid #e6dfce}.audit-route{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#8b7757;margin:25px 0}.audit-route span{background:#fff;padding:12px;border:1px solid #e5dccb;border-radius:5px;text-align:center}.audit-route b{font-weight:400}.audit-questions{display:grid;gap:16px}.english-note{background:#ffe89a;box-shadow:2px 4px 0 #d5bd7020;border:1px solid #f0d681;padding:21px;color:#6b531f;border-radius:3px}.english-note>span{font-size:9px;letter-spacing:.11em;font-weight:600;display:block;margin-bottom:16px;color:#977d35}.english-note p{font-size:14px;line-height:1.6;margin:0 0 9px;color:#715922}.english-note small{font-size:9px;line-height:1.6;color:#ac9252;display:block;margin-top:20px}.viz-decision-grid .english-note{margin-top:20px}
.ui-animation{border:1px solid #d9cfea;border-radius:8px;overflow:hidden;background:#fff}.ui-gif{display:block;width:100%;height:auto}.animation-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;background:#f7f4fb}.animation-controls>span{font-size:10px;color:#8c7b9b}.animation-toggle{font-size:11px;padding:8px 12px;background:#fff;border:1px solid #d9cde7;color:#70508c;border-radius:5px;cursor:pointer}
.component-library{padding:40px;background:#eeebf5;border:1px solid #e0d8ed;border-radius:14px}.component-library-head{border-bottom:1px solid #d8cee6;padding-bottom:30px}.component-library-head h3{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-.05em;margin:0 0 24px;color:#483259}.component-library-meta{display:flex;gap:12px;flex-wrap:wrap}.component-library-meta span{font-size:10px;border:1px solid #d5c9e2;padding:7px 12px;border-radius:25px;color:#816992;background:#f7f4fb}.component-group{margin-top:40px}.component-group-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.component-group-heading>span{font-size:12px;color:#a28eb4}.component-group-heading h4{font-size:21px;font-weight:500;margin:0;color:#694d80;letter-spacing:-.02em}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}.component-tile{margin:0;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 18px #33224405;border:1px solid #e6e0ee;min-width:0;display:flex;flex-direction:column}.component-tile.component-wide{grid-column:span 3}.component-tile>figcaption{margin:0 0 22px;font-size:11px;line-height:1.4;color:#a08aad}.component-image-area{min-height:130px;display:flex;align-items:center;justify-content:center;flex:1}.component-image-area .viz-image{border-radius:0;background:#fff}.component-image-area img{max-height:380px;object-fit:contain}.component-tile.component-wide .component-image-area{min-height:0}.component-tile.component-wide img{max-height:470px}.component-library-footer{margin-top:35px;padding-top:24px;border-top:1px solid #d8cee6;font-size:11px;line-height:1.7;color:#9886a6}
@media(max-width:760px){.journey-map,.goal-board,.workflow-audit{padding:20px}.journey-legend{font-size:9px;gap:12px;align-items:start}.journey-heading h3{font-size:24px}.persona-tabs{grid-template-columns:1fr;gap:8px}.persona-tabs>button{padding:14px}.persona-tabs strong{font-size:15px}.persona-tabs small{font-size:10px}.persona-role-icon{width:30px;height:30px}.persona-panel{padding:22px}.persona-profile{gap:16px;align-items:start}.persona-profile>img{width:68px;height:68px}.persona-profile h3{font-size:26px}.persona-demographics{font-size:11px}.persona-bio{column-count:1}.persona-content-grid{grid-template-columns:1fr;gap:16px}.persona-block{padding:20px}.persona-quote{padding:20px}.persona-quote blockquote{font-size:18px}.persona-traits-row{grid-template-columns:1fr;gap:28px}.goal-columns{display:none}.goal-row{grid-template-columns:1fr;gap:10px}.goal-row p::before{display:block;font-size:9px;letter-spacing:.06em;color:#b29972;margin-bottom:8px}.goal-row p:nth-child(2)::before{content:'INDEPENDENT PODCASTER'}.goal-row p:nth-child(3)::before{content:'SOCIAL MEDIA MANAGER'}.goal-row p:nth-child(4)::before{content:'COACH / CONSULTANT'}.goal-row h4 small{display:inline;margin-right:10px}.animation-controls{padding:12px;align-items:start}.animation-controls>span{font-size:9px;max-width:140px;line-height:1.5}.animation-toggle{flex-shrink:0;font-size:10px;padding:7px}.component-library{padding:22px 16px}.component-library-head h3{font-size:28px}.component-library-meta{gap:6px}.component-library-meta span{font-size:9px;padding:6px 8px}.component-grid{grid-template-columns:1fr 1fr;gap:10px}.component-tile{padding:13px}.component-tile.component-wide{grid-column:span 2}.component-group-heading h4{font-size:18px}.component-tile>figcaption{font-size:10px;margin-bottom:16px}.component-image-area{min-height:100px}.component-image-area img{max-height:300px}.component-tile.component-wide img{max-height:300px}}

.component-image-area .viz-image{width:auto;max-width:100%}.component-image-area img{width:auto;max-width:100%;height:auto;clip-path:inset(2px)}
/* Layered final-UI presentation, using the original Figma exports. */
.final-showcase{margin:40px 0 60px}.final-ui-stage{position:relative;isolation:isolate;aspect-ratio:1.52;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 98% 0%,#d7b5fa 0,transparent 58%),radial-gradient(ellipse at 0% 100%,#e1c9fb 0,transparent 57%),linear-gradient(135deg,#fdfaff 18%,#efe4ff 65%,#e6d0fc);border:1px solid #ede2fa}.ui-orbit{position:absolute;border:70px solid #ffffff20;border-radius:50%;width:70%;aspect-ratio:1;pointer-events:none;z-index:-1}.orbit-one{right:-35%;top:-52%}.orbit-two{bottom:-73%;left:-10%;width:115%;border-width:100px}.final-layer{position:absolute;border:7px solid #e5d8f5;border-radius:22px;background:#faf8ff;box-shadow:0 22px 60px #6c409515;overflow:hidden}.final-layer .viz-image{border-radius:14px;background:#f8f7fb}.layer-back{width:88%;left:-7%;top:-23%;border-color:#f3edfb;z-index:1;opacity:.84;box-shadow:0 16px 40px #754f9510}.layer-main{width:80%;left:24%;top:26%;z-index:2;border-color:#e5d5f7;box-shadow:0 22px 70px #71469620}.layer-detail{width:23%;left:5%;top:48%;z-index:3;border-color:#e7dcf5;border-width:6px;box-shadow:0 18px 45px #6a3e9820}.final-layer .viz-zoom{opacity:0;transition:opacity .15s}.final-layer:hover .viz-zoom,.final-layer:focus-within .viz-zoom{opacity:1}.final-showcase figcaption{margin-top:20px}.final-layer .viz-image:focus-visible{outline-offset:-4px}.final-showcase+.viz-figure .viz-final{background:#f8f6fb;padding:28px}.final-showcase+.viz-figure .viz-label{margin-bottom:20px!important}
@media(max-width:760px){.final-ui-stage{aspect-ratio:1.1;border-radius:14px}.final-layer{border-width:4px;border-radius:12px}.final-layer .viz-image{border-radius:8px}.layer-back{width:115%;left:-30%;top:-7%}.layer-main{width:112%;left:17%;top:32%}.layer-detail{width:30%;left:4%;top:59%;border-width:4px}.final-showcase{margin:28px 0 36px}.final-showcase+.viz-figure .viz-final{padding:18px}.ui-orbit{border-width:35px}.final-showcase figcaption{font-size:11px}}
.before-workflows{margin:36px 0 40px}.before-map-header{padding:28px 30px;background:#f2f2f1;border:1px solid #e5e5e3;border-bottom:0;border-radius:16px 16px 0 0}.before-map-header .viz-label{color:#8a8a86!important;margin-bottom:14px!important}.before-map-header h3{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:0;color:#454543}.before-map-tabs{display:flex;gap:10px;margin-top:24px}.before-map-tabs button{border:1px solid #d3d3d0;border-radius:30px;background:transparent;color:#868683;padding:11px 21px;font-size:12px;cursor:pointer}.before-map-tabs button[aria-selected=true]{background:#454545;border-color:#454545;color:#fff}.before-map-panel{border:1px solid #e5e5e3;border-top:0;border-radius:0 0 16px 16px;overflow:hidden;background:#f2f2f1}.before-map-panel[hidden]{display:none}.before-map-panel .viz-image{border-radius:0;background:#f2f2f1}.before-map-panel img{width:100%;height:auto}.before-map-panel .viz-zoom{bottom:20px;right:20px;color:#555}.before-workflows figcaption{font-size:12px;line-height:1.7}.viz-lightbox>img[src$='.svg']{min-width:min(1250px,140vw);max-width:none}.viz-lightbox:has(>img[src$='.svg']){overflow:auto}
@media(max-width:760px){.before-map-header{padding:22px}.before-map-header h3{font-size:23px}.before-map-tabs{gap:8px;flex-wrap:wrap}.before-map-tabs button{font-size:10px;padding:10px 14px}.before-map-panel{overflow-x:auto}.before-map-panel .viz-image{min-width:850px}.before-map-panel .viz-zoom{right:auto;left:20px}.before-workflows figcaption{font-size:11px}}

/* Full-size clip collections retain their exported dimensions. */
.component-tile.component-fullsize{grid-column:1 / -1}.component-fullsize .component-image-area{display:block;overflow-x:auto;min-height:0;flex:none}.component-fullsize .component-image-area .viz-image{display:block;width:max-content;max-width:none;margin:0 auto}.component-fullsize .component-image-area img{width:auto;height:auto;max-width:none;max-height:none}

.before-model-context{max-width:820px;margin:18px 0 0;font-size:15px;line-height:1.75;color:#666663}.before-map-tabs{flex-wrap:wrap}@media(max-width:760px){.before-model-context{font-size:13px}}

.exploration-monochrome{filter:grayscale(1)}.layer-detail.layer-toolbar{width:9%;left:10%;top:12%;border-width:0;border-radius:16px;background:transparent;overflow:hidden}.layer-toolbar .viz-image{background:transparent;border-radius:0}@media(max-width:760px){.layer-detail.layer-toolbar{width:14%;left:8%;top:8%;border-radius:8px}}

/* Workflow diagrams share the case study lavender palette. */
.before-map-header,.before-map-panel,.before-map-panel .viz-image{background:#efebf7}.before-map-header,.before-map-panel{border-color:#ded3ed}.before-map-header .viz-label{color:#8872a3!important}.before-map-header h3{color:#483259}.before-model-context{color:#76648b}.before-map-tabs button{border-color:#d3c2e7;color:#806898;background:#f8f5fd}.before-map-tabs button[aria-selected=true]{background:#51377c;border-color:#51377c;color:#fff}.before-map-panel .viz-zoom{color:#7654ab}

.viz-decision-grid.viz-decision-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.viz-decision-sequence .viz-priority-card{min-height:150px}@media(max-width:700px){.viz-decision-grid.viz-decision-sequence{grid-template-columns:1fr;gap:30px}}

.viz-decision-sequence .decision-box{box-sizing:border-box;height:180px;margin-top:20px;padding:24px;border:1px solid #cfc0e7;border-radius:8px;background:#fff;color:#4c3375;font-family:inherit;font-size:20px;font-weight:400;line-height:1.4;display:flex;align-items:center}.viz-decision-sequence .decision-box ul{margin:0;padding-left:22px;font:inherit;color:inherit}.viz-decision-sequence .decision-box li{margin:0 0 8px}.viz-decision-sequence .decision-box li:last-child{margin-bottom:0}.viz-decision-sequence>div>p{margin:12px 0 0;font-size:13px;line-height:1.6}@media(max-width:700px){.viz-decision-sequence .decision-box{height:auto;min-height:180px;font-size:18px;padding:22px}}

/* Research-to-design cards: coordinated sticky notes with distinct colors. */
.viz-decision-sequence .decision-box{border-radius:3px;box-shadow:3px 5px 0 rgba(114,91,39,.08);background:#ffeaa0;border-color:#f1d477;color:#79632c}.viz-decision-sequence>div:nth-child(2) .decision-box{background:#e8ddfa;border-color:#cdb9eb;color:#624581;box-shadow:3px 5px 0 rgba(97,64,139,.08)}.viz-decision-sequence>div:nth-child(3) .decision-box{background:#dcecfb;border-color:#b7d3eb;color:#3f617d;box-shadow:3px 5px 0 rgba(56,94,130,.08)}.viz-decision-sequence>div:nth-child(4) .decision-box{background:#e1efd9;border-color:#c2d8b5;color:#4f6a3e;box-shadow:3px 5px 0 rgba(72,104,51,.08)}

/* Evidence-led research-to-editing narrative. */
.decision-story-steps{display:grid;gap:38px}.decision-story-step{min-width:0;padding-bottom:38px;border-bottom:1px solid #dcd2e9}.decision-story-step:last-child{padding-bottom:0;border:0}.decision-note{display:flex;align-items:center;box-sizing:border-box;min-height:112px;margin:16px 0;padding:25px 28px;border:1px solid #d3c2e7;border-radius:3px;background:#e8e0f2;color:#51377c;box-shadow:3px 5px 0 #61408b14;font-size:23px;line-height:1.4}.decision-story .decision-explanation{font-size:15px;line-height:1.75;color:#756b80;max-width:830px;margin:18px 0 22px}.decision-evidence-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:stretch}.decision-evidence{min-width:0;background:#ffffffb8;border:1px solid #e4dcec;border-radius:8px;padding:22px}.decision-story .decision-evidence-label{font-size:10px;letter-spacing:.1em;font-weight:600;color:#87749f;margin:0 0 20px}.decision-story .decision-caption{font-size:12px;line-height:1.7;color:#756b80;margin:16px 0 0}.decision-clips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.decision-clips>div{min-height:110px;display:flex;flex-direction:column;justify-content:space-between;background:#f0edf7;border:1px solid #ddd3eb;padding:12px;border-radius:6px}.decision-clips span{font-size:12px;color:#756b80}.decision-clips b{font-size:11px;text-align:center;background:#e8e0f2;color:#624581;padding:7px 3px;border-radius:3px;font-weight:500}.decision-mapping{display:grid;gap:12px}.decision-mapping>div{display:grid;grid-template-columns:1fr 30px 160px;align-items:center;gap:16px;font-size:15px;color:#62546f}.decision-mapping strong{padding:13px 18px;border:1px solid #d7c8eb;background:#f8f5fd;border-radius:5px;font-weight:500}.decision-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.decision-flow li{position:relative;background:#f8f5fd;border:1px solid #ded3ed;border-radius:5px;padding:20px}.decision-flow li:not(:last-child):after{content:'→';position:absolute;right:-21px;top:45%;color:#8872a3}.decision-flow li>span{display:block;font-size:11px;color:#8872a3;margin-bottom:18px}.decision-flow strong{font-size:16px;font-weight:500;color:#51377c}.decision-flow p{font-size:13px;line-height:1.6;color:#76648b;margin:10px 0 0}.decision-scope{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px}.decision-toolbar-evidence .viz-image{max-width:85px;margin:auto}.decision-scope-list{padding-left:20px;margin:24px 0 0;font-size:14px;line-height:1.8;color:#62546f}.decision-scope-list li{margin-bottom:12px}.decision-scope-list strong{font-weight:600}.decision-story .viz-image{width:100%}
@media(max-width:700px){.decision-note{min-height:112px;padding:22px;font-size:20px}.decision-evidence-pair{grid-template-columns:1fr}.decision-evidence{padding:16px}.decision-mapping>div{grid-template-columns:1fr 20px 104px;gap:8px;font-size:12px}.decision-mapping strong{padding:12px 9px}.decision-flow{grid-template-columns:1fr;gap:24px}.decision-flow li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-22px}.decision-scope{grid-template-columns:minmax(0,1fr) 110px;gap:10px}.decision-toolbar-evidence{padding:12px 8px}.decision-story .decision-evidence-label{font-size:9px;line-height:1.6}.decision-scope-list{font-size:12px;padding-left:15px}.decision-story{padding:20px}}

/* Keep selection evidence compact within its panel. */
.decision-scope > .decision-evidence:first-child > .viz-image{width:100%;max-width:480px;margin-left:0;margin-right:auto}