/* Editorial project scenes. Scope deliberately excludes the approved hero. */
.complete-portfolio{display:block}
.portfolio .project-card{--scene:#e2ded1;display:block;position:relative;isolation:isolate;min-height:650px;margin:0 0 36px;border:0;box-shadow:none;background:var(--scene);overflow:hidden}
.portfolio .project-card:nth-child(3n+2){--scene:#dbe0d6}
.portfolio .project-card:nth-child(3n){--scene:#e6dac7}
.portfolio .project-card:last-child{display:block;min-height:650px}
.portfolio .project-card .project-media{display:block;position:absolute;inset:0;z-index:-1;min-width:0;pointer-events:none}
.portfolio .project-card .project-media:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--scene) 0%,var(--scene) 40%,color-mix(in srgb,var(--scene) 97%,transparent) 55%,color-mix(in srgb,var(--scene) 28%,transparent) 72%,transparent 83%),linear-gradient(0deg,var(--scene) 0%,transparent 29%,transparent 82%,color-mix(in srgb,var(--scene) 60%,transparent) 100%)}
.portfolio .project-card .showcase-image{height:100%;min-height:0;display:block;width:100%;padding:0;background:transparent;overflow:visible}
.portfolio .project-card .showcase-image img{position:absolute;right:-3%;top:60px;width:68%;height:490px;max-height:none;object-fit:contain;object-position:center;box-shadow:none;border:0;transform:rotate(-3deg);opacity:.96;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 92%,transparent 100%);transition:transform .8s ease}
.portfolio .project-card:hover .showcase-image img{transform:rotate(-2deg) scale(1.025)}
.portfolio .project-card .showcase-text{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:57%;max-width:720px;margin:0;min-height:650px;padding:46px 48px;background:transparent;font-family:'Segoe UI',Arial,sans-serif}
.portfolio .project-card h3{font-family:'Segoe UI',Arial,sans-serif;font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.6px;color:#79521e;margin:26px 0 18px}
.portfolio .project-card .project-promise{font-family:Georgia,'Times New Roman',serif;font-size:42px!important;font-weight:400;line-height:1.12!important;letter-spacing:-1.25px;margin:0 0 24px!important;color:#2b3c2f!important;max-width:520px;text-wrap:balance}
.portfolio .project-card .project-promise br{display:none}
.portfolio .project-card .showcase-text>p{font-size:14px;line-height:1.85;max-width:430px;margin-bottom:20px;color:#4b5b49}
.portfolio .project-card .showcase-text .project-need{border:0;padding:0;color:#344a37;font-size:16px;line-height:1.65;max-width:440px;margin-bottom:18px}
.portfolio .project-card .project-features{max-width:440px;font-family:'Segoe UI',Arial,sans-serif;font-size:12px;line-height:1.7;margin:0 0 20px;color:#40513b}
.portfolio .project-features li{border:0;padding:5px 0 5px 15px;position:relative}
.portfolio .project-features li:before{content:'';position:absolute;width:4px;height:4px;background:#9b7a42;border-radius:50%;left:0;top:13px;margin:0}
.portfolio .project-card .showcase-text .project-limit{font-size:10px;line-height:1.7;max-width:430px;min-height:0;color:#526148;margin:0 0 18px}
.portfolio .project-card .project-link{font-size:12px;line-height:1.8;margin-top:auto;max-width:100%;color:#344d3c}
.portfolio .project-card .project-topline{max-width:475px;display:flex;gap:8px 20px;justify-content:flex-start;font-size:8px;letter-spacing:1.1px;line-height:1.6;color:#4a5b43}
.portfolio .project-card .project-topline>span:last-child{font-size:9px;letter-spacing:.2px;color:#795622}
.portfolio .project-card .capture-label{position:absolute;bottom:27px;left:auto;right:35px;z-index:4;font-size:6px;letter-spacing:1px;color:#52634b}
.portfolio .project-card .editorial-visual{position:absolute;right:0;top:0;width:61%;height:100%;min-height:0;padding:70px 50px 80px 100px;background:transparent;color:#435b45;justify-content:center}
.portfolio .project-card .editorial-visual strong{font-family:Georgia,'Times New Roman',serif;font-size:63px;line-height:1.1;font-weight:400;letter-spacing:-1.6px;position:relative;z-index:1}
.portfolio .project-card .visual-kicker{top:70px;left:100px;color:#526b48;z-index:1}
.portfolio .project-card .visual-foot{bottom:28px;left:auto;right:35px;color:#52634b;text-align:right;z-index:4}
.portfolio .project-card .quality-steps,.portfolio .project-card .document-types,.portfolio .project-card .automation-words{position:relative;z-index:1;gap:14px;margin-top:30px}
.portfolio .project-card .quality-steps span,.portfolio .project-card .document-types span,.portfolio .project-card .automation-words span{border:0;border-top:1px solid #9caa89;border-bottom:1px solid #9caa89;padding:10px 5px;color:#435c39;font-size:8px;letter-spacing:1px}
.portfolio .project-card .budget-bars{right:65px;bottom:85px;width:130px;opacity:.75;z-index:1}.portfolio .project-card .budget-bars span{color:#5b4825}.portfolio .project-card .budget-bars i{background:#a17b32}.portfolio .project-card .budget-bars span:nth-child(2) i{background:#8f8d66}.portfolio .project-card .budget-bars span:nth-child(3) i{background:#768d70}
.portfolio .project-card:nth-child(4n+2) .showcase-text{margin-left:43%}
.portfolio .project-card:nth-child(4n+2) .showcase-image img{left:-3%;right:auto;transform:rotate(3deg)}
.portfolio .project-card:nth-child(4n+2):hover .showcase-image img{transform:rotate(2deg) scale(1.025)}
.portfolio .project-card:nth-child(4n+2) .project-media:after{background:linear-gradient(270deg,var(--scene) 0%,var(--scene) 40%,color-mix(in srgb,var(--scene) 97%,transparent) 55%,color-mix(in srgb,var(--scene) 28%,transparent) 72%,transparent 83%),linear-gradient(0deg,var(--scene) 0%,transparent 29%,transparent 82%,color-mix(in srgb,var(--scene) 60%,transparent) 100%)}
.portfolio .project-card:nth-child(4n+2) .capture-label{left:35px;right:auto}
.portfolio .project-card:nth-child(4n+2) .editorial-visual{left:0;right:auto;padding-left:55px;padding-right:100px}
.portfolio .project-card:nth-child(4n+2) .visual-kicker{left:55px}
.portfolio .project-card:nth-child(4n+2) .visual-foot{left:35px;right:auto;text-align:left}
@media(max-width:1100px){.portfolio .project-card .showcase-text{width:60%;padding:40px 32px;min-height:690px}.portfolio .project-card .project-promise{font-size:36px!important}.portfolio .project-card:nth-child(4n+2) .showcase-text{margin-left:40%}.portfolio .project-card .showcase-image img{width:72%;right:-8%}.portfolio .project-card:nth-child(4n+2) .showcase-image img{left:-8%}.portfolio .project-card .editorial-visual strong{font-size:49px}.portfolio .project-card .editorial-visual{padding-left:70px;padding-right:35px}.portfolio .project-card .visual-kicker{left:70px}.portfolio .project-card .showcase-text>p{font-size:13px}.portfolio .project-card .showcase-text .project-need{font-size:15px}}
@media(max-width:760px){.portfolio .project-card,.portfolio .project-card:last-child{display:block;min-height:0;margin-bottom:30px}.portfolio .project-card .project-media{position:absolute;inset:0 0 auto;height:385px;z-index:-1;overflow:hidden}.portfolio .project-card .project-media:after,.portfolio .project-card:nth-child(4n+2) .project-media:after{background:linear-gradient(0deg,var(--scene) 0%,var(--scene) 7%,color-mix(in srgb,var(--scene) 92%,transparent) 24%,color-mix(in srgb,var(--scene) 30%,transparent) 60%,transparent 95%)}.portfolio .project-card .showcase-image,.portfolio .project-card:nth-child(-n+2) .showcase-image{height:100%;min-height:0;padding:0}.portfolio .project-card .showcase-image img,.portfolio .project-card:nth-child(4n+2) .showcase-image img{top:12px;left:auto;right:-18%;width:124%;height:290px;max-height:none;object-fit:contain;object-position:center;transform:rotate(-4deg);mask-image:linear-gradient(0deg,transparent 0%,#000 20%,#000 88%,transparent 100%);opacity:.95}.portfolio .project-card:hover .showcase-image img,.portfolio .project-card:nth-child(4n+2):hover .showcase-image img{transform:rotate(-4deg)}.portfolio .project-card .showcase-text,.portfolio .project-card:nth-child(-n+2) .showcase-text,.portfolio .project-card:last-child .showcase-text,.portfolio .project-card:nth-child(4n+2) .showcase-text{width:100%;max-width:100%;margin:0;min-height:0;padding:207px 25px 32px}.portfolio .project-card .project-topline{font-size:7px;gap:5px 12px;max-width:100%;margin-bottom:0}.portfolio .project-card .project-topline>span:last-child{font-size:8px}.portfolio .project-card h3{font-size:24px;margin:18px 0 15px}.portfolio .project-card .project-promise,.portfolio .project-card:nth-child(-n+2) .project-promise{font-size:33px!important;line-height:1.12!important;letter-spacing:-.8px;max-width:100%;margin-bottom:23px!important}.portfolio .project-card .showcase-text .project-need{font-size:15px;line-height:1.7}.portfolio .project-card .showcase-text>p{font-size:13px;line-height:1.85}.portfolio .project-card .project-features{font-size:11px;line-height:1.8}.portfolio .project-card .showcase-text .project-limit{font-size:10px;line-height:1.75;margin-bottom:22px}.portfolio .project-card .project-link{font-size:11px}.portfolio .project-card .capture-label,.portfolio .project-card:nth-child(4n+2) .capture-label{left:auto;right:18px;bottom:auto;top:155px;font-size:5px;letter-spacing:.6px}.portfolio .project-card .editorial-visual,.portfolio .project-card:last-child .editorial-visual,.portfolio .project-card:nth-child(4n+2) .editorial-visual{inset:0 0 auto;width:100%;height:300px;min-height:0;padding:40px 25px 65px 45px;justify-content:flex-start}.portfolio .project-card .editorial-visual strong,.portfolio .project-card:last-child .editorial-visual strong{font-size:39px;line-height:1.02;letter-spacing:-.8px;text-align:right;align-self:flex-end}.portfolio .project-card .visual-kicker,.portfolio .project-card:last-child .visual-kicker,.portfolio .project-card:nth-child(4n+2) .visual-kicker{top:19px;left:25px;font-size:6px}.portfolio .project-card .visual-foot,.portfolio .project-card:last-child .visual-foot,.portfolio .project-card:nth-child(4n+2) .visual-foot{top:166px;bottom:auto;left:auto;right:18px;font-size:5px;max-width:210px;text-align:right}.portfolio .project-card .quality-steps,.portfolio .project-card .document-types,.portfolio .project-card .automation-words,.portfolio .project-card:last-child .automation-words{display:none}.portfolio .project-card .budget-bars{width:70px;right:auto;left:25px;bottom:70px;opacity:.55}.portfolio .project-card .budget-bars span{font-size:6px}.portfolio .project-card .budget-bars i{height:5px}}
@media(prefers-reduced-motion:reduce){.portfolio .project-card .showcase-image img{transition:none}}
/* Keep conceptual imagery legible while reserving a quiet reading area. */
.portfolio .project-card .editorial-visual strong{align-self:flex-end;max-width:100%}
.portfolio .project-card:nth-child(4n+2) .editorial-visual strong{align-self:flex-start}
@media(min-width:761px){.portfolio .project-card:not(:nth-child(4n+2)):has(.editorial-visual) .project-media:after{background:linear-gradient(90deg,var(--scene) 0%,var(--scene) 40%,color-mix(in srgb,var(--scene) 97%,transparent) 50%,transparent 66%),linear-gradient(0deg,var(--scene),transparent 30%,transparent 85%,color-mix(in srgb,var(--scene) 50%,transparent))}}
@media(max-width:760px){.portfolio .project-card .project-media:after,.portfolio .project-card:nth-child(4n+2) .project-media:after{background:linear-gradient(0deg,var(--scene) 0%,var(--scene) 34%,color-mix(in srgb,var(--scene) 97%,transparent) 45%,color-mix(in srgb,var(--scene) 30%,transparent) 70%,transparent 98%)}.portfolio .project-card .capture-label,.portfolio .project-card .visual-foot{background:color-mix(in srgb,var(--scene) 94%,transparent);padding:3px 5px}.portfolio .project-card:nth-child(4n+2) .editorial-visual strong{align-self:flex-end}}

/* Muted linen and stone, with the approved hero left intact. */
body{background:#ddd8cc}
.sectors,.manifesto,.human-section,footer{background:#ddd8cc}
.portfolio{background:#142333;border-color:#293c4b}
.filters button{background:#e2ddcf}
.filters button[aria-pressed=true]{background:#354e42}
.approach{background:#d9cdb5}


/* Compact scenes: the media fills the natural height of the concise text. */
@media(min-width:761px){
.portfolio .project-card,.portfolio .project-card:last-child{min-height:0}
.portfolio .project-card .showcase-text,.portfolio .project-card:nth-child(-n+2) .showcase-text,.portfolio .project-card:last-child .showcase-text{min-height:0;width:55%;padding:30px 38px}
.portfolio .project-card:nth-child(4n+2) .showcase-text{margin-left:45%}
.portfolio .project-card h3{font-size:24px;margin:18px 0 12px}
.portfolio .project-card .project-promise,.portfolio .project-card:nth-child(-n+2) .project-promise{font-size:33px!important;line-height:1.12!important;margin-bottom:15px!important;max-width:470px}
.portfolio .project-card .showcase-text>p{font-size:13px;line-height:1.65;margin-bottom:13px;max-width:410px}
.portfolio .project-card .project-features{font-size:11px;line-height:1.6;margin-bottom:13px}
.portfolio .project-features li{padding-block:3px}
.portfolio .project-features li:before{top:10px}
.portfolio .project-card .showcase-text .project-limit{margin-bottom:13px;line-height:1.6}
.portfolio .project-card .showcase-image img{top:0;right:-5%;height:100%;width:68%;object-fit:cover;object-position:center;transform:rotate(-2deg)}
.portfolio .project-card:nth-child(4n+2) .showcase-image img{left:-5%;right:auto;transform:rotate(2deg)}
.portfolio .project-card .editorial-visual{padding:55px 35px 55px 80px}
.portfolio .project-card .editorial-visual strong{font-size:49px}
.portfolio .project-card .visual-kicker{top:30px}
.portfolio .project-card .capture-label{bottom:12px}
.portfolio .project-card .quality-steps,.portfolio .project-card .document-types,.portfolio .project-card .automation-words{margin-top:15px}
}
@media(min-width:761px) and (max-width:1100px){.portfolio .project-card .showcase-text,.portfolio .project-card:nth-child(-n+2) .showcase-text,.portfolio .project-card:last-child .showcase-text{padding:27px;width:58%}.portfolio .project-card:nth-child(4n+2) .showcase-text{margin-left:42%}.portfolio .project-card .project-promise{font-size:30px!important}.portfolio .project-card .editorial-visual strong{font-size:40px}}
@media(max-width:760px){
.portfolio .project-card .showcase-text,.portfolio .project-card:nth-child(-n+2) .showcase-text,.portfolio .project-card:last-child .showcase-text,.portfolio .project-card:nth-child(4n+2) .showcase-text{padding:175px 24px 27px}
.portfolio .project-card .project-media{height:320px}
.portfolio .project-card .showcase-image img,.portfolio .project-card:nth-child(4n+2) .showcase-image img{top:0;height:235px;right:-10%;width:115%;object-fit:cover}
.portfolio .project-card .capture-label,.portfolio .project-card:nth-child(4n+2) .capture-label{top:132px}
.portfolio .project-card .project-promise,.portfolio .project-card:nth-child(-n+2) .project-promise{font-size:29px!important;margin-bottom:16px!important}
.portfolio .project-card h3{margin:15px 0 12px}
.portfolio .project-card .showcase-text>p{line-height:1.7;margin-bottom:15px}
.portfolio .project-card .project-features{margin-bottom:15px}
.portfolio .project-card .editorial-visual,.portfolio .project-card:last-child .editorial-visual,.portfolio .project-card:nth-child(4n+2) .editorial-visual{height:240px;padding-top:36px}
.portfolio .project-card .editorial-visual strong,.portfolio .project-card:last-child .editorial-visual strong{font-size:34px}
.portfolio .project-card .visual-foot,.portfolio .project-card:last-child .visual-foot,.portfolio .project-card:nth-child(4n+2) .visual-foot{top:140px}
}
@media(min-width:761px){.portfolio .project-card .budget-bars{bottom:28px;width:95px}}

/* A deeper backdrop separates the approved light scenes without altering them. */
.portfolio .section-label>p,.portfolio .section-aside,.portfolio .section-aside p,.portfolio .quiet,.portfolio .filter-results,.portfolio .index-note{color:#cbd8d4}
.portfolio .section-label>span,.portfolio .section-heading em{color:#e7bc76}
.portfolio .section-heading h2{color:#f1eee4}

/* Clear imagery, with a short seam confined to the reading edge. */
.portfolio .project-card .showcase-image img{opacity:1!important;mask-image:none!important;filter:none}
@media(min-width:761px){
.portfolio .project-card{--seam-direction:90deg;--seam-solid:46%;--seam-opaque:50%;--seam-clear:59%}
.portfolio .project-card:nth-child(4n+2){--seam-direction:270deg;--seam-solid:52%;--seam-opaque:54%;--seam-clear:61%}
.portfolio .project-card .project-media:after{background:linear-gradient(var(--seam-direction),var(--scene) 0%,var(--scene) var(--seam-solid),color-mix(in srgb,var(--scene) 98%,transparent) var(--seam-opaque),transparent var(--seam-clear))!important}
.portfolio .project-card .budget-bars{display:flex;gap:10px;width:200px;bottom:54px;right:45px;transform:none}
.portfolio .project-card .budget-bars span{flex:1;min-width:0;margin:0;font-size:6px}
.portfolio .project-card .budget-bars i{height:5px}
}
@media(max-width:760px){
.portfolio .project-card .project-media:after{background:linear-gradient(180deg,transparent 0px,transparent 140px,var(--scene) 175px,var(--scene) 100%)!important}
}
@media(min-width:761px) and (max-width:1100px){
.portfolio .project-card{--seam-solid:56%;--seam-opaque:58%;--seam-clear:65%}
.portfolio .project-card:nth-child(4n+2){--seam-solid:58%;--seam-opaque:60%;--seam-clear:67%}
}