/* A visual portfolio and a progressive, keyboard-accessible work journey. */
.portfolio-chapter .section-heading{grid-template-columns:1.8fr 1fr;gap:5vw}.portfolio-chapter .section-heading h2{font-size:clamp(45px,6.5vw,100px);line-height:.99;letter-spacing:-.065em}.portfolio-chapter .filters{margin-top:50px;gap:0}.portfolio-chapter .filters button{min-height:47px;padding:14px 25px;border-right:none}.portfolio-chapter .filters button:last-child{border-right:1px solid var(--line)}.portfolio-chapter .filter-status{margin:18px 0 28px;letter-spacing:1.6px;text-transform:uppercase;font-size:8px}.portfolio-chapter .work-grid{gap:65px 40px}.portfolio-chapter .work-card:first-child .work-image{height:650px}.portfolio-chapter .work-image{height:450px}.work-editorial-index{position:absolute;top:22px;left:25px;z-index:2;color:#fff;font-size:65px;line-height:1;letter-spacing:-4px;font-weight:400;text-shadow:0 2px 25px #0004}.portfolio-chapter .work-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0004,transparent 30%,transparent 75%,#0002);pointer-events:none}.portfolio-chapter .work-plus{z-index:2;border:1px solid #fff7;background:#151a1330;color:#fff;backdrop-filter:blur(10px);border-radius:50%;height:52px;width:52px;top:25px;right:25px;font-size:22px;transition:background .25s,transform .25s}.portfolio-chapter .work-open:hover .work-plus{background:var(--accent);color:var(--button);transform:rotate(45deg)}.portfolio-chapter .image-label{z-index:2;bottom:22px;left:25px;background:#14170fbb;font-size:7px;letter-spacing:1.4px}.portfolio-chapter .work-caption{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px 25px;padding:25px 0 0;align-items:baseline}.portfolio-chapter .work-caption>span{grid-column:1/-1;font-size:8px;letter-spacing:1.6px}.portfolio-chapter .work-caption h3{font-size:clamp(27px,3vw,46px);line-height:1.05;letter-spacing:-1.5px;font-weight:400}.portfolio-chapter .work-caption p{font-size:11px;color:var(--muted);margin:0;letter-spacing:.1px}.portfolio-chapter .work-card:not(:first-child) .work-caption{grid-template-columns:1fr}.portfolio-chapter .work-card:last-child .work-image img{transform:none;object-position:center}.portfolio-chapter .work-card:last-child .work-open:hover img{transform:scale(1.04)}.monument .portfolio-chapter .work-card:first-child .work-caption h3{font-size:clamp(38px,4.4vw,65px)}.monument .portfolio-chapter .work-card:nth-child(3){margin-top:110px}.monument .portfolio-chapter .portfolio-note{border-left:1px solid var(--accent);border-top:none;padding:8px 0 8px 25px;margin-top:65px}.monument .portfolio-chapter .portfolio-note>span{font-size:26px}.portfolio-chapter .work-grid[data-filter="spazi"] .work-card,.portfolio-chapter .work-grid[data-filter="architettura"] .work-card{margin-top:0;width:100%}.portfolio-chapter .work-grid[data-filter="spazi"] .work-card:first-child{grid-column:auto}.portfolio-chapter .work-grid[data-filter="spazi"] .work-image{height:450px}.portfolio-chapter .work-grid[data-filter="architettura"] .work-image{height:620px}.process-chapter .section-heading{grid-template-columns:2fr 1fr;gap:5vw}.process-chapter .section-heading h2{font-size:clamp(40px,5.7vw,90px);line-height:1.02;letter-spacing:-.065em}.process-selector{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-tab{padding:25px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink);min-height:85px;text-align:left;transition:background .25s,color .25s}.process-tab>span:first-child{font-size:11px;color:var(--muted)}.process-tab b{font-size:14px;font-weight:400;letter-spacing:-.2px}.phase-indicator{font-size:17px;color:var(--muted)}.process-tab[aria-selected="true"]{background:var(--accent);color:var(--button)}.process-tab[aria-selected="true"]>span{color:inherit}.process-tab:hover:not([aria-selected="true"]){background:var(--panel)}.process-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;border-bottom:1px solid var(--line);padding:60px 0 65px;align-items:center;min-height:520px}.process-panel-kicker{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.process-text h3{font-size:clamp(55px,7vw,115px);line-height:1;letter-spacing:-.065em;font-weight:400;margin:30px 0}.process-text h4{font-size:20px;font-weight:400;letter-spacing:-.5px;margin:0 0 18px}.process-text>p{font-size:13px;color:var(--muted);max-width:470px}.process-text ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0}.process-text li{border:1px solid var(--line);padding:9px 12px;font-size:9px;color:var(--muted)}.process-art{height:350px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#d1a5740c,transparent 65%)}.process-art-number{position:absolute;top:-24px;right:0;font-size:285px;font-weight:400;line-height:1;letter-spacing:-25px;color:var(--accent);opacity:.08}.process-geometry{width:210px;height:210px;position:relative;transform:rotate(-12deg)}.process-geometry i{position:absolute;inset:0;border:1px solid var(--accent);opacity:.65}.process-geometry i:nth-child(2){inset:25px}.process-geometry i:nth-child(3){inset:50px}.process-geometry i:nth-child(4){inset:75px}.process-art-1 .process-geometry i{border-radius:50%}.process-art-2 .process-geometry i:nth-child(2){transform:rotate(20deg)}.process-art-2 .process-geometry i:nth-child(3){transform:rotate(40deg)}.process-art-2 .process-geometry i:nth-child(4){transform:rotate(60deg)}.process-art-3 .process-geometry{transform:skewY(-15deg)}.process-art-3 .process-geometry i{inset:auto 0 0;height:130px}.process-art-3 .process-geometry i:nth-child(2){bottom:30px;left:20px;right:-20px}.process-art-3 .process-geometry i:nth-child(3){bottom:60px;left:40px;right:-40px}.process-art-3 .process-geometry i:nth-child(4){display:none}.process-art-4 .process-geometry{transform:rotate(-10deg)}.process-art-4 .process-geometry i{background:#d1a57406}.process-art-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.6px;color:var(--accent)}.process-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px;flex-wrap:wrap}.process-current{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.process-next{border:1px solid var(--accent);padding:15px 20px;color:var(--ink);background:none;font-size:10px;display:inline-flex;gap:35px;align-items:center;min-height:48px}.process-next:hover{background:var(--accent);color:var(--button)}.process-next span{font-size:17px}.process-controls .arrowlink{font-size:11px}.process-chapter .editor-note{border-top:none;margin-top:30px;font-size:9px}.process-panel[hidden]{display:none}.impatto .portfolio-chapter .section-heading h2{font-size:clamp(55px,8vw,120px);font-weight:800;line-height:.93}.impatto .portfolio-chapter .work-grid{gap:65px 45px}.impatto .portfolio-chapter .work-card:first-child{grid-column:1/-1;width:90%}.impatto .portfolio-chapter .work-card:first-child .work-image{height:600px}.impatto .portfolio-chapter .work-card:nth-child(2){margin-top:0}.impatto .portfolio-chapter .work-card:nth-child(3){grid-column:auto;margin-top:110px;width:100%}.impatto .portfolio-chapter .work-card:not(:first-child) .work-image{height:420px}.impatto .work-editorial-index{font-weight:800;color:var(--accent);text-shadow:0 2px 25px #0009;font-size:80px}.impatto .portfolio-chapter .work-caption h3{font-weight:800}.impatto .portfolio-chapter .work-grid[data-filter="spazi"] .work-card,.impatto .portfolio-chapter .work-grid[data-filter="architettura"] .work-card{width:100%;grid-column:auto;margin-top:0}.impatto .portfolio-chapter .work-grid[data-filter="architettura"] .work-image{height:570px}.impatto .process-chapter{background:var(--ink);color:var(--bg);--line:#ffffff26;--muted:#b6b7ac;--panel:#282b24}.impatto .process-chapter .section-heading h2{font-weight:800;font-size:clamp(40px,5.4vw,85px)}.impatto .process-tab b{font-weight:700}.impatto .process-tab[aria-selected="true"]{color:#fff}.impatto .process-text h3{font-weight:800}.impatto .process-panel{grid-template-columns:1.3fr 1fr}.impatto .process-art{background:var(--accent);height:360px}.impatto .process-art-number{color:#fff;opacity:.2;font-weight:800}.impatto .process-geometry i{border-color:#fff;opacity:.7;border-width:2px}.impatto .process-art-caption{color:#fff}.impatto .process-next:hover{color:#fff}
@media(max-width:1000px){.portfolio-chapter .work-caption{grid-template-columns:1fr}.process-tab{padding:20px 15px;gap:10px}.process-tab b{font-size:12px}.process-panel{gap:4vw}.process-text h3{font-size:8vw}.process-geometry{transform:scale(.85) rotate(-12deg)}.process-art-number{font-size:240px}}
@media(max-width:760px){.portfolio-chapter .section-heading,.process-chapter .section-heading{grid-template-columns:1fr;gap:25px}.portfolio-chapter .section-heading h2{font-size:10.2vw}.portfolio-chapter .filters{margin-top:35px}.portfolio-chapter .filters button{padding:12px 16px;font-size:10px}.portfolio-chapter .filter-status{font-size:7px;margin-bottom:20px}.portfolio-chapter .work-grid{gap:40px}.portfolio-chapter .work-card:first-child .work-image,.portfolio-chapter .work-image{height:390px}.portfolio-chapter .work-card:nth-child(3),.impatto .portfolio-chapter .work-card:nth-child(3){margin-top:0}.work-editorial-index{font-size:48px;top:20px;left:18px;letter-spacing:-3px}.portfolio-chapter .work-plus{width:42px;height:42px;top:20px;right:18px;font-size:18px}.portfolio-chapter .image-label{font-size:6px;left:15px;bottom:15px;letter-spacing:.6px}.portfolio-chapter .work-caption{gap:10px;padding-top:20px}.portfolio-chapter .work-caption h3,.monument .portfolio-chapter .work-card:first-child .work-caption h3{font-size:31px;letter-spacing:-1px;margin:0}.portfolio-chapter .work-caption p{font-size:11px}.portfolio-chapter .portfolio-note{margin-top:40px}.portfolio-chapter .work-grid[data-filter="architettura"] .work-image,.portfolio-chapter .work-grid[data-filter="spazi"] .work-image{height:390px}.process-chapter .section-heading h2{font-size:9.2vw}.process-selector{grid-template-columns:1fr 1fr;margin-top:40px}.process-tab{padding:18px 13px;gap:8px;min-height:69px}.process-tab b{font-size:11px}.process-tab>span:first-child{font-size:9px}.phase-indicator{font-size:13px}.process-panel,.impatto .process-panel{grid-template-columns:1fr;gap:25px;padding:35px 0;min-height:0}.process-text h3{font-size:15vw;margin:23px 0}.process-text h4{font-size:18px}.process-text>p{font-size:12px}.process-text ul{margin-top:22px;gap:6px}.process-text li{font-size:8px;padding:8px 10px}.process-art,.impatto .process-art{height:250px}.process-art-number{font-size:230px;right:15px;top:0}.process-geometry{width:180px;height:180px;transform:scale(.85) rotate(-12deg)}.process-art-caption{font-size:6px;bottom:10px}.process-controls{gap:18px;display:grid;grid-template-columns:1fr auto}.process-current{font-size:8px}.process-next{font-size:9px;padding:12px;gap:17px}.process-controls .arrowlink{grid-column:1/-1;justify-self:start}.impatto .portfolio-chapter .section-heading h2{font-size:13vw}.impatto .portfolio-chapter .work-card:first-child{width:100%;grid-column:auto}.impatto .portfolio-chapter .work-card:first-child .work-image,.impatto .portfolio-chapter .work-card:not(:first-child) .work-image,.impatto .portfolio-chapter .work-grid[data-filter="architettura"] .work-image{height:390px}.impatto .work-editorial-index{font-size:58px}.impatto .portfolio-chapter .work-grid{gap:40px}.impatto .process-chapter .section-heading h2{font-size:9.2vw}}
.impatto .process-tab,.impatto .process-next{color:#eeede7}.impatto .process-tab[aria-selected="true"]{color:#fff}