:root{--project-ink:#163f52;--project-blue:#123c50;--project-red:#ff392f;--project-paper:#f3f5f5}
.project-wrap{max-width:1214px;margin:auto;padding:0 40px}.project-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px;color:var(--project-red)}
.project-hero{background:var(--project-blue);color:white;padding:56px 0 70px;position:relative;overflow:hidden}.project-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,#ffffff07 120px),repeating-linear-gradient(0deg,transparent 0,transparent 119px,#ffffff07 120px);pointer-events:none}.project-hero .project-wrap{position:relative;z-index:1}.project-back{display:inline-block;color:#fff!important;font-size:14px;margin-bottom:54px}.project-hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:center}.project-hero h1{color:white;font-size:clamp(38px,4.6vw,66px);line-height:1.05;font-weight:400;letter-spacing:-1.5px;margin:0 0 26px;text-transform:none}.project-hero p{max-width:660px;font-size:18px;line-height:1.65;color:#e1e9ec}.project-location{margin-top:28px!important;font-size:14px!important;letter-spacing:.3px}.project-mark{border:1px solid #ffffff40;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;padding:34px;position:relative;background:#ffffff04}.project-mark:after{content:"";position:absolute;width:38px;height:38px;right:-1px;top:-1px;border-top:3px solid var(--project-red);border-right:3px solid var(--project-red)}.project-mark strong{font-size:100px;font-weight:400;line-height:1;letter-spacing:-5px}.project-mark span{font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-top:14px}.project-mark small{margin-top:32px;color:#bdd1db;font-size:14px;line-height:1.6}
.project-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dce3e6;padding:36px 0;margin-bottom:70px}.project-stat{padding:0 32px;border-left:1px solid #dce3e6}.project-stat:first-child{padding-left:0;border:0}.project-stat strong{display:block;color:var(--project-blue);font-size:40px;font-weight:400;line-height:1.1;margin-bottom:10px}.project-stat span{font-size:13px;color:#53656e}
.project-overview{display:grid;grid-template-columns:1.65fr 1fr;gap:85px;padding-bottom:80px}.project-overview h2,.project-scope h2{font-size:36px;font-weight:400;line-height:1.2;color:var(--project-ink);letter-spacing:-.5px;margin:0 0 22px}.project-overview p{font-size:17px;line-height:1.8}.project-facts{background:var(--project-paper);padding:30px}.project-facts dl{margin:0}.project-facts dt{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#64767d;margin:20px 0 7px}.project-facts dt:first-child{margin-top:0}.project-facts dd{margin:0;font-size:15px;line-height:1.5;color:var(--project-ink)}
.project-scope{background:var(--project-paper);padding:75px 0 85px}.project-scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;margin-top:38px}.project-phase{padding:30px 0;border-top:1px solid #c9d5d9;display:grid;grid-template-columns:36px 1fr;gap:14px}.project-phase>span{font-size:12px;color:var(--project-red);padding-top:6px}.project-phase h3{font-weight:500;font-size:22px;color:var(--project-ink);margin:0 0 12px}.project-phase p{font-size:15px;line-height:1.75;margin:0}.project-note{font-size:13px;color:#637780;padding-top:20px;margin:0}.project-return{padding:48px 0}.project-action{display:inline-flex;gap:28px;align-items:center;background:var(--project-red);color:white!important;padding:16px 25px;font-size:15px;text-decoration:none!important}.project-action:hover{background:var(--project-blue)}
.richmond-feature{display:grid;grid-template-columns:1fr 1.15fr;background:#f3f5f5;margin:0;min-height:360px}.richmond-feature-graphic{padding:45px;background:var(--project-blue);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.richmond-feature-graphic:after{content:"";position:absolute;right:-80px;top:20px;width:300px;height:300px;border:1px solid #ffffff20;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff04;border-radius:50%;pointer-events:none}.richmond-feature-graphic span{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#c4d6dd;position:relative;z-index:1}.richmond-feature-graphic strong{font-size:66px;font-weight:400;line-height:1;letter-spacing:-2px;position:relative;z-index:1}.richmond-feature-graphic small{display:block;font-size:14px;color:#dce8ec;margin-top:10px;letter-spacing:0}.richmond-feature-copy{padding:44px}.richmond-feature-copy h2{font-size:30px!important;font-weight:400;line-height:1.2;color:var(--project-ink);margin:0 0 17px}.richmond-feature-copy p{font-size:16px;line-height:1.7;margin-bottom:25px}.richmond-feature-copy .project-eyebrow{margin-bottom:15px;font-size:11px}.elementor-1196 .elementor-element.elementor-element-397d03a8{width:100%}
@media(max-width:767px){.project-wrap{padding:0 24px}.project-hero{padding:30px 0 45px}.project-back{margin-bottom:35px}.project-hero-grid{grid-template-columns:1fr;gap:25px}.project-mark{display:none}.project-hero h1{font-size:42px}.project-hero p{font-size:16px}.project-stats{margin-bottom:42px;padding:25px 0;gap:15px}.project-stat{padding:0 0 0 15px}.project-stat strong{font-size:27px}.project-stat span{font-size:11px}.project-overview{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.project-overview h2,.project-scope h2{font-size:30px}.project-scope{padding:45px 0}.project-scope-grid{grid-template-columns:1fr;gap:0}.richmond-feature{grid-template-columns:1fr}.richmond-feature-graphic{padding:30px;min-height:230px}.richmond-feature-copy{padding:30px}.richmond-feature-copy h2{font-size:27px!important}}

.project-drawing{padding:0 0 75px}.project-drawing-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-top:45px;margin-bottom:28px;border-top:1px solid #dce3e6}.project-drawing-heading h2{font-size:36px;font-weight:400;color:var(--project-ink);margin:0;line-height:1.2}.project-drawing-heading .project-eyebrow{margin-bottom:15px}.project-drawing-figure{margin:0;background:#f3f5f5;border:1px solid #dce3e6;padding:28px}.project-drawing-image{display:block;background:white;padding:18px}.project-drawing-figure img{display:block;width:100%;max-width:711px;height:auto;margin:auto}.project-drawing-figure figcaption{font-size:12px;line-height:1.6;color:#637780;margin-top:18px;text-align:left}@media(max-width:767px){.project-drawing{padding-bottom:45px}.project-drawing-heading{align-items:start;flex-direction:column;padding-top:30px;gap:16px}.project-drawing-heading h2{font-size:30px}.project-drawing-figure{padding:12px}.project-drawing-image{padding:0}.project-drawing-figure figcaption{font-size:11px}}

.elementor-1196 .elementor-element.elementor-element-397d03a8{flex-direction:column;gap:32px}.richmond-feature{width:100%}

/* Richmond portfolio image with white text overlay, matching news cards. */
.richmond-feature-graphic.richmond-feature-photo{background-image:linear-gradient(rgba(17,17,17,var(--site-image-overlay-opacity)),rgba(17,17,17,var(--site-image-overlay-opacity))),url('/assets/projects/richmond-vamc-project-drawing.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
.richmond-feature-graphic.richmond-feature-photo:after{display:none}
.richmond-feature-photo span,.richmond-feature-photo small{color:#fff}

/* Sewer portfolio card uses the same photo/text treatment and shared opacity. */
.richmond-feature-graphic.sewer-feature-photo{background-image:linear-gradient(rgba(17,17,17,var(--site-image-overlay-opacity)),rgba(17,17,17,var(--site-image-overlay-opacity))),url('/assets/projects/san-juan-vamc-campus.png')}

.pharmacy-feature-photo.richmond-feature-graphic{background-image:linear-gradient(rgba(17,17,17,var(--site-image-overlay-opacity)),rgba(17,17,17,var(--site-image-overlay-opacity))),url('/assets/projects/san-juan-outpatient-pharmacy-rendering.png')}
.project-rendering .project-drawing-figure img{max-width:none}

.psychiatric-feature-photo.richmond-feature-graphic{background-image:linear-gradient(rgba(17,17,17,var(--site-image-overlay-opacity)),rgba(17,17,17,var(--site-image-overlay-opacity))),url('/assets/projects/san-juan-psychiatric-intervention-center-plan.png')}

.sci-gym-feature-photo.richmond-feature-graphic{background-image:linear-gradient(rgba(17,17,17,var(--site-image-overlay-opacity)),rgba(17,17,17,var(--site-image-overlay-opacity))),url('/assets/projects/san-juan-sci-first-floor.png');background-position:35% center}
.sci-floor-plan .project-drawing-figure img{max-width:none}

.ummc-feature-photo.richmond-feature-graphic{background-image:linear-gradient(rgba(17,17,17,var(--site-image-overlay-opacity)),rgba(17,17,17,var(--site-image-overlay-opacity))),url('/assets/projects/ummc-downtown-campus.png');background-position:center}