/* Portfolio 2026: canonical content, editorial scale, restrained motion. */
.portfolio-intro{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#20332a;color:#f3f0e7}
.portfolio-intro-copy{padding:80px 9% 66px 12%;display:flex;flex-direction:column;justify-content:center}
.portfolio-intro .eyebrow{color:#a9b6a3}.portfolio-intro h1{font-size:clamp(42px,4.5vw,76px);line-height:1.05;letter-spacing:-.035em;font-weight:550;margin:30px 0}
.portfolio-intro-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:430px;color:#dedfd6}
.portfolio-intro .text-link{color:#f3f0e7;margin-top:30px;align-self:flex-start}
.portfolio-intro-image{position:relative;overflow:hidden;min-width:0;display:block}.portfolio-intro-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s}
.portfolio-intro-image:hover>img{transform:scale(1.025)}.portfolio-intro-image>span{position:absolute;inset:auto 0 0;padding:80px 36px 30px;background:linear-gradient(transparent,rgba(10,25,17,.83));display:block;color:#fff;font:500 21px/1.3 'DM Sans',sans-serif}.portfolio-intro-image small{display:block;font:500 10px Inter,sans-serif;letter-spacing:.12em;margin-bottom:12px}.portfolio-intro-image b{float:right}
.portfolio-metrics{display:grid;grid-template-columns:1.1fr .8fr 1.4fr .8fr;gap:32px;padding:54px 5%;background:#e6e9e0;border-bottom:1px solid #cad1c7;align-items:start;color:#20332a}
.metrics-intro h2{font:500 29px/1.15 'DM Sans',sans-serif;letter-spacing:-.02em;margin:13px 0 0}.metrics-intro .eyebrow{font-size:10px}.metric{border-left:1px solid #b5c0b1;padding-left:27px;min-height:112px}.metric strong{display:block;font:500 clamp(28px,3.1vw,49px)/1.15 'DM Sans',sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}.metric strong small{font-size:.5em;letter-spacing:0}.metric>span{display:block;font-size:13px;margin-top:12px;line-height:1.4}.metric p{font-size:11px;line-height:1.6;margin:10px 0 0;max-width:230px;color:#536552}
.portfolio-browser{padding:85px 5% 90px}.portfolio-browser-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:32px}.portfolio-browser-head h2{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-.025em;margin:15px 0 0}.portfolio-search{display:block;width:360px}.portfolio-search>span{display:block;font-size:11px;letter-spacing:.04em;margin-bottom:10px;color:#5a675a}.portfolio-search input{width:100%;border:0;border-bottom:1px solid #9fa998;background:transparent;border-radius:0;font:14px Inter,sans-serif;padding:13px 0;color:#20332a;outline-offset:4px}
.portfolio-filterbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding:24px 0;border-top:1px solid #d3d6ca;border-bottom:1px solid #d3d6ca}.portfolio-filterbar label{font:11px Inter,sans-serif;color:#63705e;display:block}.portfolio-filterbar select{display:block;width:100%;margin-top:8px;font:13px Inter,sans-serif;color:#20332a;background:#f3f0e7;border:1px solid #c4cabc;border-radius:0;padding:12px 27px 12px 10px;min-height:45px}
.portfolio-resultbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 30px;min-height:38px}.portfolio-resultbar p{font-size:12px;margin:0;color:#66705f}.portfolio-layout{display:flex;align-items:center;gap:4px}.portfolio-layout button{font:11px Inter,sans-serif;padding:9px 11px;border:1px solid transparent;background:transparent;color:#4b604d;cursor:pointer}.portfolio-layout button[aria-pressed=true]{background:#31493d;color:#f3f0e7}.portfolio-layout #portfolio-clear{margin-left:8px;text-decoration:underline;text-underline-offset:3px}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.editorial-card{min-width:0;display:block;color:#20332a;overflow:visible}.editorial-card .image-wrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#dce0d5}.editorial-card .image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .4s}.editorial-card:hover .image-wrap>img:first-child{transform:scale(1.035)}.editorial-card .image-wrap .card-second{position:absolute;inset:0;opacity:0}.editorial-card:hover .card-second{opacity:1}.card-photo-count{position:absolute;left:14px;bottom:14px;padding:6px 9px;background:rgba(243,240,231,.94);font-size:10px;line-height:1;color:#20332a}.card-open{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;background:#f3f0e7;color:#20332a;display:grid;place-items:center}.card-copy{padding:19px 0 0}.card-kicker{display:flex;justify-content:space-between;gap:12px;font:10px/1.4 Inter,sans-serif;text-transform:uppercase;letter-spacing:.07em;margin:0 0 11px;color:#758068}.editorial-card h3{font:550 22px/1.2 'DM Sans',sans-serif;letter-spacing:-.015em;margin:0;max-width:none;overflow-wrap:anywhere}.card-details{font:12px/1.65 Inter,sans-serif;color:#68725e;margin:11px 0 0}.card-details>span{padding:0 5px;color:#afad9b}.portfolio-more{display:flex;justify-content:center;margin-top:52px}.portfolio-more button{min-width:245px;justify-content:space-between;cursor:pointer}
.editorial-grid.as-list{grid-template-columns:1fr;gap:0}.as-list .editorial-card{display:grid;grid-template-columns:230px 1fr;gap:35px;padding:24px 0;border-bottom:1px solid #d3d6ca;align-items:center}.as-list .card-copy{padding:0}.as-list .card-kicker{max-width:700px}.as-list h3{font-size:30px}.as-list .image-wrap{aspect-ratio:16/10}.as-list .card-details{margin-top:17px}
.portfolio-project-head{padding:48px 5% 42px}.portfolio-project-head>.eyebrow{margin-top:42px;color:#7b856f}.portfolio-project-head h1{font:500 clamp(35px,5vw,72px)/1.03 'DM Sans',sans-serif;letter-spacing:-.025em;max-width:1100px;margin:20px 0 30px;overflow-wrap:anywhere}.project-overview{display:flex;gap:26px;align-items:center;font-size:13px;border-top:1px solid #d2d5c8;padding-top:20px;flex-wrap:wrap}.project-overview a{margin-left:auto;text-decoration:underline;text-underline-offset:5px}.editorial-hero{display:block;margin:0 5%;width:90%;max-height:780px;border:0;padding:0;background:#e1e5dc;cursor:zoom-in}.editorial-hero img{width:100%;height:100%;max-height:780px;object-fit:cover}.editorial-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding:68px 8%}.editorial-summary h2{font-size:clamp(32px,3.5vw,49px);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin:18px 0 28px}.project-description{white-space:pre-line;font-size:16px;line-height:1.9;max-width:670px}.editorial-summary .text-link{margin-top:24px;display:inline-block}.editorial-summary .project-facts{margin:0}.project-images,.related-projects{padding:38px 5% 72px}.project-images .section-head h2,.related-projects .section-head h2{font-size:38px}.project-images .gallery{padding:0}.project-images .section-head>p{font-size:12px;color:#6b7463}.related-projects{border-top:1px solid #d2d5c8}.selected-work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-work .single-feature{grid-template-columns:1fr}.selected-work .editorial-card h3{font-size:23px}
@media(hover:none){.card-second{display:none!important}}
@media(prefers-reduced-motion:reduce){.editorial-card img,.portfolio-intro-image img{transition:none}}
@media(max-width:1050px){.portfolio-intro{min-height:500px}.portfolio-intro-copy{padding:60px 9%}.portfolio-intro h1{font-size:49px}.portfolio-metrics{grid-template-columns:1fr 1fr;gap:30px}.metrics-intro{border-left:1px solid #b5c0b1;padding-left:27px}.editorial-grid,.selected-work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-browser-head{gap:25px}.portfolio-search{width:290px}}
@media(max-width:650px){.portfolio-intro{grid-template-columns:1fr}.portfolio-intro-copy{padding:48px 7%}.portfolio-intro h1{font-size:44px;margin:22px 0}.portfolio-intro-copy>p:not(.eyebrow){font-size:15px}.portfolio-intro-image{min-height:340px}.portfolio-intro-image>span{padding:75px 7% 22px;font-size:18px}.portfolio-metrics{padding:34px 7%;gap:27px 18px;grid-template-columns:1fr 1fr}.metric,.metrics-intro{padding-left:13px;min-height:0}.metrics-intro h2{font-size:24px}.metric strong{font-size:29px}.metric>span{font-size:11px}.metric p{font-size:10px}.portfolio-browser{padding:48px 7% 60px}.portfolio-browser-head{display:block}.portfolio-search{width:100%;margin-top:26px}.portfolio-filterbar{grid-template-columns:1fr 1fr;gap:16px 10px}.portfolio-filterbar label{font-size:10px}.portfolio-filterbar select{font-size:12px}.portfolio-filterbar label:last-child{grid-column:1/-1}.portfolio-resultbar{align-items:start;flex-direction:column;gap:15px}.portfolio-layout{align-self:flex-end}.editorial-grid,.selected-work .project-grid{grid-template-columns:1fr;gap:36px}.editorial-card h3{font-size:23px}.editorial-card .image-wrap{aspect-ratio:4/3}.as-list .editorial-card{grid-template-columns:100px 1fr;gap:15px}.as-list h3{font-size:18px}.as-list .card-kicker{font-size:9px}.as-list .card-details{margin-top:8px;font-size:10px}.as-list .card-photo-count,.as-list .card-open{display:none}.as-list .image-wrap{aspect-ratio:1}.portfolio-project-head{padding:32px 7%}.portfolio-project-head>.eyebrow{margin-top:30px}.portfolio-project-head h1{font-size:39px}.project-overview{gap:16px}.project-overview a{width:100%;margin-left:0;margin-top:8px}.editorial-hero{width:100%;margin:0}.editorial-summary{display:block;padding:38px 7%}.editorial-summary .project-facts{margin-top:38px}.project-images,.related-projects{padding:32px 7% 45px}.project-images .section-head,.related-projects .section-head{display:block}.project-images .section-head h2,.related-projects .section-head h2{font-size:32px}.project-images .section-head>p{margin-top:15px}}

.metric strong.metric-pending{font-size:clamp(20px,2.1vw,32px);overflow-wrap:normal;line-height:1.25}@media(max-width:650px){.metric strong.metric-pending{font-size:18px}}
.editorial-grid .editorial-card:nth-child(2),.selected-work .editorial-card:nth-child(2){margin-top:0}.editorial-grid .editorial-card:nth-child(2) .image-wrap,.selected-work .editorial-card:nth-child(2) .image-wrap{aspect-ratio:4/3}.editorial-grid.as-list .editorial-card:nth-child(2) .image-wrap{aspect-ratio:16/10}@media(max-width:650px){.editorial-grid.as-list .editorial-card:nth-child(2) .image-wrap{aspect-ratio:1}}

/* Ambientes e versões: uma única ficha de projeto, várias apresentações. */
.card-gallery-label{margin:9px 0 0;font-size:12px;letter-spacing:.04em;color:var(--green,#31493d);font-weight:600}
.project-gallery-nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px 42px;padding:24px 0 30px;border-top:1px solid #b8c1b3;margin:0 0 12px}
.gallery-nav-intro p{margin:8px 0 0;font-size:13px;color:#637067}
.gallery-nav-group{display:flex;flex-direction:column;gap:10px}
.gallery-nav-environment{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#637067}
.gallery-nav-options{display:flex;gap:8px;flex-wrap:wrap}
.gallery-nav-options a{display:inline-flex;gap:16px;align-items:center;padding:11px 16px;border:1px solid #b8c1b3;border-radius:2px;text-decoration:none;color:#31493d;font-size:13px;transition:background .2s,color .2s}
.gallery-nav-options a span{font-size:10px;opacity:.72}
.gallery-nav-options a[aria-current],.gallery-nav-options a:hover{color:#f4f1e8;background:#31493d;border-color:#31493d}
.gallery-nav-options a:focus-visible{outline:2px solid #31493d;outline-offset:4px}
@media(max-width:640px){.project-gallery-nav{gap:22px;padding:20px 0}.gallery-nav-intro{width:100%}.gallery-nav-options a{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.gallery-nav-options a{transition:none}}