/* Scoped portfolio additions. Existing site styling and network assets are unchanged. */
.project-image-link{display:inline-flex;align-items:center;min-width:0;min-height:48px;border-radius:12px}
.project h3 a:hover{color:var(--blue)}
.project .explore-project{margin-top:18px;padding:11px 0;border-top:1px solid var(--line);width:100%;justify-content:space-between;color:#174f8e}
.project-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;color:#52647c;margin:28px 0 0}
.project-breadcrumb a{font-weight:650;color:#174f8e;padding:8px 0}
.showcase-hero{max-width:910px;padding:30px 0 40px}
.showcase-identity{display:flex;align-items:center;gap:20px;margin-bottom:25px}
.showcase-identity img{width:auto;height:auto;max-width:200px;max-height:66px;object-fit:contain}
.showcase-identity.guardian img{background:#061426;border-radius:12px;padding:4px}
.showcase-monogram{display:grid;place-items:center;width:58px;height:58px;border:1px solid #cfdae9;border-radius:12px;color:#3e5784;background:linear-gradient(140deg,#f1f7fc,#fff);font:600 19px ui-monospace,monospace}
.showcase-hero h1{font-size:clamp(38px,4.6vw,58px);margin-bottom:18px}
.showcase-headline{font-size:clamp(23px,2.6vw,31px);line-height:1.3;font-weight:600;letter-spacing:-.6px;margin-bottom:19px;max-width:850px}
.showcase-hero .lead{max-width:830px;margin-bottom:24px}
.showcase-context{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-top:1px solid var(--line);padding:32px 0 35px}
.showcase-context .eyebrow{margin-bottom:10px}
.showcase-context h2{font-size:24px;margin-bottom:14px}
.showcase-context p:not(.eyebrow){font-size:18px;color:var(--muted);margin-bottom:0}
.showcase-section{padding:35px 0;scroll-margin-top:130px}
.walk-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}
.walk-heading h2{margin-bottom:0}
.walk-heading .eyebrow{margin-bottom:10px}
.walk-heading>p{font-size:15px;color:var(--muted);margin-bottom:3px}
.walkthrough{display:grid;grid-template-columns:250px minmax(0,1fr);background:#fff;border:1px solid #ccd9e8;border-radius:17px;overflow:hidden;box-shadow:0 12px 32px #0821470a}
.walk-controls{background:#f2f6fb;padding:16px;display:flex;flex-direction:column;gap:9px}
.walk-controls button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:68px;padding:13px 12px;border:1px solid transparent;border-radius:9px;color:#334c6b;background:transparent;font-size:15px;font-weight:600;line-height:1.45;cursor:pointer}
.walk-controls button:hover{background:#e4edf8}
.walk-controls button[aria-selected=true]{background:#fff;border-color:#c5d6e9;color:#123e73;box-shadow:inset 3px 0 #be942d,0 3px 10px #08214708}
.step-index{flex-shrink:0;width:26px;color:#6c5831;font:12px ui-monospace,monospace}
.step-chevron{margin-left:auto;font-size:19px;color:#6d8098}
.walk-display{padding:24px;min-width:0}
.walk-panel{margin:0}
.walk-panel[hidden],.walk-pagination[hidden]{display:none}
.walk-panel+.walk-panel{margin-top:28px}
.walkthrough.enhanced .walk-panel{margin-top:0}
.scene-stage{background:linear-gradient(145deg,#f5f8fc,#fff);border:1px solid #dce5ef;border-radius:12px;padding:24px;min-height:285px;display:flex;align-items:center;justify-content:center}
.scene-stage>div{width:100%;min-width:0}
.scene-topline{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 ui-monospace,monospace;color:#4c6684;letter-spacing:.5px;margin-bottom:22px}
.scene-topline span:last-child{text-align:right;letter-spacing:0}
.demo-node{border:1px solid #c3d3e6;border-radius:10px;padding:17px 10px;text-align:center;background:#fff;font-size:14px;font-weight:650;line-height:1.45;min-width:0}
.demo-node small{display:block;font-size:12px;color:#52647c;font-weight:400;margin-top:5px}
.hub-center{border-color:#b49348;background:#fffaf0;color:#57451f}
.owner-node{text-align:center;font-size:12px;font-weight:750;color:#1a4e84;letter-spacing:1px}
.owner-node small{display:block;letter-spacing:0;font-size:12px;color:#52647c;font-weight:400;margin-top:5px}
.flow-arrow{display:block;text-align:center;color:#887034;font-size:24px;line-height:1.6}
.hub-scene .hub-center{max-width:280px;margin:0 auto}
.team-links{text-align:center;font-size:25px;letter-spacing:30px;color:#b28b34;padding-left:30px;line-height:1.4}
.team-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.hub-scene .team-row{margin-top:0}
.team-row .active{border-color:#6695bd;background:#eef5fb;color:#133f6a}
.review-bar{border-top:1px solid #d8e2ee;font-size:12px;color:#4a607a;text-align:center;line-height:1.6;margin-top:20px;padding-top:14px}
.resource-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d6e2ec;border-radius:10px;padding:14px;margin-top:16px}
.resource-card strong{font-size:14px;display:block}
.resource-card small{display:block;font-size:12px;color:#52647c}
.resource-icon{font-size:28px;display:grid;place-items:center;width:36px;height:36px;color:#285e69;background:#edf5f5;border-radius:8px}
.safety-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.safety-list li{display:flex;align-items:center;gap:14px;background:white;border:1px solid #d9e3ee;border-radius:7px;padding:11px;font-size:14px;color:#4b6077}
.safety-list li.active{border-color:#b49348;color:#57451f;background:#fffaf0}
.safety-list li>span{font:12px ui-monospace,monospace;color:#6f5a2d}
.scene-explanation{padding-top:24px;min-height:186px}
.scene-explanation .eyebrow{margin-bottom:10px;font-size:11px}
.scene-explanation h3{font-size:23px;margin-bottom:11px}
.scene-explanation>p:not(.eyebrow){font-size:17px;color:#52647c;margin-bottom:14px}
.scene-explanation blockquote{font-size:14px;color:#425c78;border-left:3px solid #cfb262;margin:0;padding:9px 14px;background:#f7f9fc}
.illustration-caption{font-size:12px!important;color:#53657b;margin:18px 0 0;line-height:1.6}
.walk-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e1e8f0;margin-top:16px;padding-top:12px}
.walk-pagination button{background:#fff;border:1px solid #c9d7e7;color:#174f8e;border-radius:7px;min-height:44px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:650}
.walk-pagination button:hover:not(:disabled){background:#eef4fa}
.walk-pagination button:disabled{color:#737f8e;border-color:#e1e6ed;cursor:default}
.walk-pagination [data-position]{font-size:12px;color:#53657b;white-space:nowrap}
.workflow-switch{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.workflow-switch a{border:1px solid #c8d7e8;background:#fff;border-radius:8px;padding:11px 16px;font-size:15px;font-weight:600;color:#174f8e}
.workflow-group{scroll-margin-top:130px;margin-bottom:30px}
.workflow-group>h3{font-size:22px}
.block-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:85px;gap:8px;font-size:11px;text-align:center;color:#52647c;margin-bottom:14px}
.corridor-row{display:flex;align-items:center;gap:10px;margin:21px 0}
.corridor-row>strong{width:75px;flex-shrink:0;font-size:12px;color:#36536f}
.lane-segments{display:flex;gap:8px;flex:1;min-width:0}
.lane-segment{display:block;flex:1;height:15px;border-radius:3px;background:#287c9b;position:relative}
.shoulder .lane-segment{background:#b38830}
.walk .lane-segment{background:#50866e}
.lane-segment.chosen{outline:2px solid #173e6c;outline-offset:4px}
.route-key{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#4b6077;margin-top:22px}
.route-preference{font-size:13px;color:#36536f;padding:12px;border:1px solid #cbd9e8;background:#fff;border-radius:8px}.route-preference strong{display:block;color:#6a5525;font-size:12px;margin-top:4px}.route-journey{display:flex;align-items:center;gap:8px;margin:22px 0}.route-journey>span{flex:1;text-align:center;border:1px solid #9ebfcf;background:#eff7fb;border-radius:7px;font-size:12px;padding:13px 7px;line-height:1.4}.route-journey b{color:#8a7133}.route-journey .shared-lane{background:#fff8e8;border-color:#cbb16c;color:#6a5525}.route-alternative{display:flex;align-items:center;gap:12px;padding:13px;border-left:3px solid #50866e;background:#f0f7f3;border-radius:5px}.route-alternative>span{font-size:25px;color:#396651}.route-alternative strong{font-size:13px;display:block}.route-alternative small{font-size:12px;display:block;color:#4b6077;margin-top:4px}
.quote-scene table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.quote-scene th,.quote-scene td{padding:13px 10px;text-align:left;border-bottom:1px solid #dce5ef}
.quote-scene thead{color:#24496d;background:#edf3fa}
.quote-scene th{font-weight:600}
.highlight-row{background:#fffaec}
.document-callout{display:flex;gap:12px;border:1px solid #d7bc79;border-radius:8px;padding:13px;margin-top:20px;color:#6a5525;background:#fffbf1}
.document-callout span{font-size:24px}
.document-callout p{font-size:14px;margin:0;align-self:center}
.paper-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.paper-sheet{border:1px solid #ccd9e8;border-top:3px solid #b69b56;background:white;box-shadow:0 6px 15px #08214708;padding:19px 14px;min-width:0}
.paper-sheet strong{display:block;font-size:15px;margin-bottom:15px}
.paper-sheet span{display:block;font-size:12px;padding:9px 0;border-top:1px solid #e4eaf2;color:#52647c}
.browser-frame{border:1px solid #ccd9e8;border-radius:9px;overflow:hidden;background:#fff}
.browser-bar{display:flex;align-items:center;gap:20px;background:#eef3f9;padding:9px 12px;font-size:10px;color:#52647c}
.browser-bar span:first-child{letter-spacing:2px;color:#7190af}
.gallery-nav{display:flex;justify-content:space-between;gap:10px;padding:16px;font-size:11px;border-bottom:1px solid #e6ebf1}
.gallery-nav span{font-size:9px;color:#52647c}
.gallery-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:18px}
.gallery-feature strong{font-size:15px}
.art-placeholder{height:100px;display:block;background:linear-gradient(145deg,#c8d7e8,#f0e6dc);border-radius:5px;border:1px solid #d3dde8}
.wire-line{display:block;height:5px;background:#e1e8ef;margin-top:10px;border-radius:3px}
.wire-line.short{width:65%}
.gallery-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px}
.gallery-tiles span{padding:18px 8px;background:#f3f5f8;border:1px solid #dee5ee;font-size:11px;color:#52647c;text-align:center;border-radius:4px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:27px}
.capability-grid article{border-top:2px solid #b59a55;padding-top:20px}
.capability-grid h3{font-size:20px}
.capability-grid p{font-size:17px;color:var(--muted)}
.project-snapshot{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;background:#f3f7fbe8;border:1px solid var(--line);border-radius:12px;padding:28px;margin:20px 0 24px}
.project-snapshot .eyebrow{margin-bottom:10px}
.project-snapshot h2{font-size:23px}
.project-snapshot h3{font-size:18px;margin-top:5px}
.project-snapshot p:not(.eyebrow){font-size:16px;color:#52647c;margin-bottom:0}
.showcase-boundary{font-size:14px;color:#52647c;margin:18px 0 28px;padding-left:16px;border-left:3px solid #c4a35b}
.showcase-cta{margin-top:32px}
.more-projects{border-top:1px solid var(--line);padding:24px 0 40px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:#174f8e}
.more-projects a{padding:8px 0}
.more-projects .text-link{flex-basis:100%;font-weight:700}
@media(max-width:1000px){.walkthrough{grid-template-columns:210px minmax(0,1fr)}.walk-controls{padding:12px}.walk-display{padding:18px}.scene-stage{padding:18px}.scene-topline{font-size:9px}.team-row{gap:7px}.team-row .demo-node{padding:14px 5px;font-size:12px}}
@media(max-width:760px){.walkthrough{grid-template-columns:1fr}.walk-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-bottom:1px solid #d8e2ee}.walk-controls button{min-height:58px;font-size:14px;gap:8px;padding:10px}.step-chevron{display:none}.walk-display{padding:18px}.walk-heading{display:block}.walk-heading>p{margin-top:12px}.showcase-context{gap:24px}.capability-grid{gap:18px}.capability-grid p{font-size:16px}.project-snapshot{gap:25px}.scene-explanation{min-height:0}}
@media(max-width:650px){.project-breadcrumb{font-size:12px;margin-top:20px;gap:8px}.showcase-hero{padding:23px 0 28px}.showcase-identity{gap:14px;margin-bottom:22px;flex-wrap:wrap}.showcase-identity img{max-width:175px;max-height:58px}.showcase-hero h1{font-size:38px;letter-spacing:-1.8px}.showcase-headline{font-size:24px}.showcase-context{grid-template-columns:1fr;padding:25px 0;gap:28px}.showcase-context h2{font-size:23px}.showcase-context p:not(.eyebrow){font-size:16px}.showcase-section{padding:26px 0}.scene-stage{padding:15px;min-height:265px}.scene-topline{margin-bottom:18px;font-size:9px}.team-row .demo-node{font-size:11px;padding:12px 4px}.demo-node small{font-size:11px}.scene-explanation h3{font-size:21px}.scene-explanation>p:not(.eyebrow){font-size:16px}.scene-explanation blockquote{font-size:13px}.illustration-caption{font-size:11px!important}.walk-pagination{gap:5px}.walk-pagination button{font-size:12px;padding:8px}.walk-pagination [data-position]{font-size:11px}.capability-grid,.project-snapshot{grid-template-columns:1fr}.capability-grid{gap:12px}.capability-grid article{padding-top:17px}.capability-grid .number{margin-bottom:12px}.project-snapshot{padding:23px;gap:24px}.project-snapshot h2{font-size:22px}.showcase-cta{padding:26px 22px}.showcase-cta .button{white-space:normal}.showcase-boundary{font-size:13px}.quote-scene th,.quote-scene td{font-size:11px;padding:11px 6px}.document-callout{padding:10px;gap:8px}.document-callout p{font-size:12px}.corridor-row>strong{width:58px;font-size:10px}.corridor-row{gap:8px}.block-labels{margin-left:66px;font-size:10px}.route-key{font-size:10px}.lane-segments{gap:7px}.lane-segment{height:12px}.paper-columns{gap:6px}.paper-sheet{padding:12px 9px}.paper-sheet strong{font-size:12px}.paper-sheet span{font-size:10px}.gallery-nav{padding:12px;font-size:10px;flex-wrap:wrap}.gallery-feature{gap:12px;padding:12px}.gallery-feature strong{font-size:12px}.gallery-tiles{padding:0 12px 12px;gap:6px}.gallery-tiles span{padding:14px 5px;font-size:10px}.browser-bar{font-size:9px;gap:12px}.art-placeholder{height:90px}}
@media(prefers-reduced-motion:reduce){.walk-controls button,.walk-pagination button,.project-image-link{transition:none}}