/* Shared forest backdrop remains visible between the decision studies. */
.portfolio-site{overflow-anchor:none}.portfolio-site [hidden]{display:none!important}.portfolio-site main{min-width:0}.portfolio-site h1,.portfolio-site h2,.portfolio-site h3{text-wrap:balance}.portfolio-hero{display:grid;grid-template-columns:1.2fr 1fr;column-gap:28px;align-items:center;padding-block:45px 32px}.portfolio-hero>.eyebrow{grid-column:1;margin-bottom:22px}.portfolio-hero-copy{grid-column:1;grid-row:2}.portfolio-hero h1{font-size:clamp(38px,4.05vw,58px);line-height:1.08;max-width:19ch;margin-bottom:24px}.portfolio-hero .hero-accent{color:var(--lime)}.portfolio-hero-copy>p{font-size:16px;max-width:58ch}.portfolio-hero-copy>p+p{font-size:14px;color:var(--muted);margin-bottom:24px}.portfolio-atlas{grid-column:2;grid-row:1/3;min-width:0}.portfolio-art{display:block;width:100%;height:auto;overflow:visible}.portfolio-art text{font-family:'Century Gothic',Arial,sans-serif}.portfolio-atlas .portfolio-art{filter:drop-shadow(0 25px 30px #0004)}.portfolio-note{padding-bottom:30px}.portfolio-note p{font-size:13px;line-height:1.7;max-width:100ch;margin:0;border-left:2px solid var(--lime);padding-left:18px;color:var(--muted)}.portfolio-section{padding-block:44px;border-top:1px solid #e9fa0599}.portfolio-section>.eyebrow{margin-bottom:25px}.portfolio-section h2{font-size:clamp(28px,3vw,40px);line-height:1.16}.portfolio-feature{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center}.feature-visual{border:1px solid #89d95740;border-radius:20px;background:linear-gradient(140deg,#66863f30,#05271d33);box-shadow:0 25px 55px #00160f66,inset 0 1px #fae90518;overflow:hidden}.feature-copy>.eyebrow{margin-bottom:15px}.story-kind{display:flex;align-items:center;gap:12px;font-size:12px!important;color:var(--muted);margin-bottom:15px}.story-number{color:var(--lime);font-size:14px;letter-spacing:.1em;font-variant-numeric:tabular-nums}.feature-copy h2{font-size:clamp(29px,2.8vw,39px);margin-bottom:18px}.feature-copy p{font-size:16px}.portfolio-library-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.portfolio-library-heading p{max-width:48ch}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.portfolio-filters button,.audit-controls button{font:inherit;font-size:13px;min-height:44px;padding:10px 16px;border:1px solid #89d95755;border-radius:10px;color:var(--text);background:#06281f50;cursor:pointer;transition:background-color .18s,border-color .18s}.portfolio-filters button[aria-pressed=true],.audit-controls button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--forest)}.portfolio-filters button:hover,.audit-controls button:hover{border-color:var(--yellow)}.portfolio-filters button:focus-visible,.audit-controls button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.portfolio-count{font-size:12px;color:var(--muted);margin:15px 0 26px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.portfolio-entry{position:relative;display:grid;grid-template-rows:auto 210px 1fr;padding:27px;border:1px solid #89d95736;border-radius:18px;min-width:0;background:linear-gradient(145deg,#38612a14,#06281f14);transition:background-color .2s,border-color .2s,box-shadow .2s}.portfolio-entry>.eyebrow{font-size:10px;line-height:1.7;margin-bottom:10px}.story-art{min-width:0;display:flex;align-items:center;justify-content:center}.story-art svg{max-height:220px}.story-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.story-copy h3{font-size:clamp(24px,2.35vw,32px);line-height:1.18;margin-bottom:17px;max-width:27ch}.story-copy>p:not(.story-kind){font-size:15px;line-height:1.7;margin-bottom:22px}.story-copy .story-action{margin-top:auto;font-size:13px;padding:10px 17px;min-height:43px}.portfolio-entry .story-link::after{content:'';position:absolute;inset:0;z-index:1;border-radius:18px}.portfolio-entry .story-link:focus-visible{outline:none}.portfolio-entry .story-link:focus-visible::after{outline:2px solid var(--lime);outline-offset:4px}.portfolio-entry:hover,.portfolio-entry:focus-within{background-color:#536d2629;border-color:#e9fa0566;box-shadow:0 20px 40px #00160f55}.portfolio-entry:hover h3,.portfolio-entry:focus-within h3{color:var(--lime)}.portfolio-entry:hover .story-action,.portfolio-entry:focus-within .story-action{color:var(--forest);background:var(--yellow);border-color:var(--yellow)}.story-02{grid-column:1/-1;grid-template-columns:1.05fr 1fr;grid-template-rows:auto 1fr;column-gap:35px;background:linear-gradient(120deg,#576d2a35,#0a382f40);backdrop-filter:blur(8px)}.story-02>.eyebrow{grid-column:1}.story-02 .story-copy{grid-column:1;grid-row:2}.story-02 .story-art{grid-column:2;grid-row:1/3}.story-02 .story-art svg{max-height:none}.story-04{background:linear-gradient(155deg,#64813425,#06281f15)}.story-05{grid-template-rows:auto 150px 1fr}.story-05 .story-art svg{max-height:160px}.story-06 .story-art{margin-bottom:20px}.story-07{grid-template-rows:auto 180px 1fr}.story-08{background:linear-gradient(145deg,#32563b20,#06281f10)}.portfolio-grid.filtered{grid-template-columns:1fr 1fr}.portfolio-grid.filtered .portfolio-entry{grid-column:auto;display:flex;flex-direction:column}.portfolio-grid.filtered .story-art{order:0;height:200px}.portfolio-grid.filtered .story-copy{flex:1}.portfolio-grid.filtered .story-02 .story-art{grid-row:auto}.portfolio-pause{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.portfolio-pause>h2{font-size:clamp(32px,3.6vw,48px);max-width:19ch}.decision-audit>p:first-child{font-size:15px}.audit-controls{display:flex;gap:8px;flex-wrap:wrap}.audit-controls button{font-size:12px;padding-inline:13px}.audit-diagram{max-width:360px;margin:auto}.audit-caption{border-left:2px solid var(--yellow);padding-left:15px;min-height:3.4em;font-size:15px;line-height:1.6}.decision-audit[data-active=workflow] .art-04>g:nth-of-type(1),.decision-audit[data-active=requirements] .art-04>g:nth-of-type(2),.decision-audit[data-active=vendor] .art-04>g:nth-of-type(3){opacity:1;filter:drop-shadow(0 0 10px #e9fa0538)}.story-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:50px}.story-boundaries h2{font-size:22px;color:var(--lime);margin-bottom:15px}.story-boundaries p{font-size:14px;max-width:55ch}.portfolio-closing{border-radius:20px;border:1px solid #89d95740;background:linear-gradient(135deg,#64793c28,#082a2055);padding:34px 40px;box-shadow:0 20px 45px #00160f44;backdrop-filter:blur(8px)}.portfolio-closing h2{max-width:25ch}.portfolio-closing>p:not(.eyebrow){max-width:78ch;font-size:16px}.portfolio-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.portfolio-cover svg{max-height:340px}.story-context{font-size:13px;color:var(--muted);max-width:80ch;margin-bottom:36px}.portfolio-site .article-body h2#the-decision{color:var(--lime)}.portfolio-site .reading-header .story-kind{margin-bottom:22px}.portfolio-site .article-consultation .portfolio-actions .button{font-size:13px;white-space:nowrap}.portfolio-site .related-articles h3{font-size:25px}.portfolio-site .related-articles{gap:35px}.portfolio-site .related-articles>article{padding:24px;border:1px solid #89d95740;border-radius:16px}.portfolio-site .article-toc a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(min-width:768px) and (max-width:1023px){.portfolio-hero{grid-template-columns:1.15fr 1fr;gap:20px}.portfolio-hero h1{font-size:42px}.portfolio-feature{gap:28px}.portfolio-library-heading,.portfolio-pause{gap:35px}.portfolio-entry{padding:22px}.portfolio-filters button{font-size:12px}.portfolio-hero-copy>p{font-size:15px}}
@media(max-width:767px){.portfolio-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:28px 25px;gap:0}.portfolio-hero>.eyebrow{order:0;margin-bottom:5px}.portfolio-atlas{order:1;height:160px;margin-bottom:14px}.portfolio-atlas svg{height:175px}.portfolio-hero-copy{order:2}.portfolio-hero h1{font-size:36px;line-height:1.12;max-width:20ch;margin-bottom:21px}.portfolio-hero-copy>p{font-size:16px}.portfolio-hero-copy>p+p{font-size:14px}.portfolio-note{padding-bottom:25px}.portfolio-note p{font-size:12px;padding-left:14px}.portfolio-section{padding-block:32px}.portfolio-section>.eyebrow{margin-bottom:20px}.portfolio-feature{display:flex;flex-direction:column;align-items:stretch;gap:24px}.feature-visual svg{max-height:250px}.feature-copy h2{font-size:29px}.portfolio-library-heading{display:block}.portfolio-library-heading h2{font-size:30px}.portfolio-library-heading p{font-size:15px}.portfolio-filters{display:grid;grid-template-columns:1fr;gap:7px;margin-top:20px}.portfolio-filters button{text-align:left;font-size:13px}.portfolio-count{margin-bottom:22px}.portfolio-grid,.portfolio-grid.filtered{display:flex;flex-direction:column;gap:22px}.portfolio-entry,.story-02,.portfolio-grid.filtered .portfolio-entry{display:flex;flex-direction:column;padding:20px;gap:0}.portfolio-entry>.eyebrow{order:0;margin-bottom:0}.portfolio-entry .story-art,.portfolio-grid.filtered .story-art{order:1;height:175px;margin:0 0 15px}.portfolio-entry .story-art svg{max-height:190px}.portfolio-entry .story-copy{order:2}.story-copy h3{font-size:25px;max-width:none}.story-copy>p:not(.story-kind){font-size:15px}.story-kind{font-size:11px!important}.story-copy .story-action{margin-top:0}.portfolio-pause{display:flex;flex-direction:column;gap:25px;align-items:stretch}.portfolio-pause>h2{font-size:32px;max-width:none}.audit-controls{gap:6px}.audit-controls button{font-size:11px;padding-inline:10px}.audit-diagram{max-width:300px}.story-boundaries{grid-template-columns:1fr;gap:22px}.story-boundaries p{margin-bottom:0}.portfolio-closing{padding:24px 20px}.portfolio-closing h2{font-size:28px}.portfolio-closing>p:not(.eyebrow){font-size:15px}.portfolio-actions{flex-direction:column;align-items:stretch;gap:10px}.portfolio-actions .button{font-size:13px;padding-inline:12px;justify-content:center}.portfolio-cover svg{max-height:230px}.portfolio-site .reading-header h1{font-size:34px}.portfolio-site .article-consultation .portfolio-actions .button{font-size:12px}.portfolio-site .related-articles{gap:22px}.portfolio-site .related-articles>article{padding:20px}.portfolio-site .related-articles h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portfolio-entry,.portfolio-filters button,.audit-controls button{transition:none}.portfolio-atlas .art-atlas path,.portfolio-atlas .art-atlas circle{animation:none;stroke-dashoffset:0}}
@media(prefers-contrast:more){.portfolio-entry,.feature-visual,.portfolio-closing{border-color:var(--muted)}.portfolio-note p,.story-context,.story-kind{color:var(--text)}}

/* Alternating editorial spotlights, with the original reading order retained on mobile. */
@media(min-width:768px){.portfolio-grid:not(.filtered) .story-04,.portfolio-grid:not(.filtered) .story-08{grid-column:1/-1;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;column-gap:35px}.portfolio-grid:not(.filtered) .story-04>.eyebrow,.portfolio-grid:not(.filtered) .story-08>.eyebrow{grid-column:2}.portfolio-grid:not(.filtered) .story-04 .story-art,.portfolio-grid:not(.filtered) .story-08 .story-art{grid-column:1;grid-row:1/3}.portfolio-grid:not(.filtered) .story-04 .story-copy,.portfolio-grid:not(.filtered) .story-08 .story-copy{grid-column:2;grid-row:2}.portfolio-grid:not(.filtered) .story-04 svg,.portfolio-grid:not(.filtered) .story-08 svg{max-height:300px}}