@layer od-layout{.mcp-home-2026 :where(.h26-od-stack,.h26-od-row,.h26-od-row-top,.h26-od-cluster,.h26-od-grid,.h26-od-field,.h26-od-stat,.h26-od-cell,.h26-od-tile)>:where(*){min-width:0}
.mcp-home-2026 .h26-od-stack{display:flex;flex-direction:column;gap:var(--od-gap,8px)}
.mcp-home-2026 .h26-od-row{display:flex;align-items:center;gap:var(--od-gap,8px)}
.mcp-home-2026 .h26-od-row-top{display:flex;align-items:flex-start;gap:var(--od-gap,8px)}
.mcp-home-2026 .h26-od-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--od-gap,8px)}
.mcp-home-2026 .h26-od-fill{flex:1 1 0;min-width:0}
.mcp-home-2026 .h26-od-fixed{flex:none}
.mcp-home-2026 .h26-od-grid{display:grid;gap:var(--od-gap,12px);grid-template-columns:repeat(var(--od-cols,3),minmax(0,1fr))}
.mcp-home-2026 .h26-od-stat,.mcp-home-2026 .h26-od-field,.mcp-home-2026 .h26-od-cell{display:grid;gap:var(--od-gap,2px)}
.mcp-home-2026 :where(.h26-od-stat,.h26-od-field,.h26-od-cell)>:where(*){display:block}
.mcp-home-2026 .h26-od-tile{display:grid;grid-template-rows:auto 1fr}
.mcp-home-2026 :where(.h26-od-tile)>:where(*){display:block}
.mcp-home-2026 .h26-od-media{display:block;width:100%;height:auto;aspect-ratio:var(--od-ratio,auto)}
.mcp-home-2026 .h26-od-media-cover{object-fit:cover}
.mcp-home-2026 .h26-od-truncate{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mcp-home-2026 .h26-od-clamp-2,.mcp-home-2026 .h26-od-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mcp-home-2026 .h26-od-clamp-2{-webkit-line-clamp:2}
.mcp-home-2026 .h26-od-clamp-3{-webkit-line-clamp:3}
.mcp-home-2026 .h26-od-lines-2{min-height:calc(2 * 1.4em)}
.mcp-home-2026 .h26-od-nowrap{white-space:nowrap}
.mcp-home-2026 .h26-od-keep{word-break:keep-all;overflow-wrap:anywhere}
.mcp-home-2026 .h26-od-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}
.mcp-home-2026 .h26-od-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.mcp-home-2026 .h26-od-rail{display:flex;gap:var(--od-gap,8px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--od-rail-pad,16px);scroll-padding-inline:var(--od-rail-pad,16px)}
.mcp-home-2026 .h26-od-rail::-webkit-scrollbar{display:none}
.mcp-home-2026 :where(.h26-od-rail)>:where(*){flex:none;scroll-snap-align:start}
.mcp-home-2026 :where(.h26-od-rail)>:where(:last-child){margin-inline-end:var(--od-rail-pad,16px)}
.mcp-home-2026 .h26-od-spacer{flex:none;visibility:hidden;pointer-events:none}
.mcp-home-2026 .h26-od-touch{min-width:44px;min-height:44px}
}
.mcp-home-2026{--bg:#111219;--surface:#1b1d24;--fg:#f3f1eb;--muted:#b8b2a8;--brand-gold:#dca83e;--cta-hover:#e8b94f;--gold:var(--brand-gold);--line:#41424b;--radius:8px;--space:8px;--body:16px;--small:14px;--h1:clamp(40px,4.5vw,64px);--h2:clamp(32px,3vw,48px);--h3:24px;--duration:200ms;--section:96px;--od-gap:24px}
.mcp-home-2026 *{box-sizing:border-box}
.mcp-home-2026{scroll-behavior:smooth;scroll-padding-top:24px}
.mcp-home-2026{margin:0;background:var(--bg);color:var(--fg);font:var(--body)/1.6 Montserrat,sans-serif}
.mcp-home-2026 a{color:inherit;text-decoration:none}
.mcp-home-2026 button{font:inherit;cursor:pointer}
.mcp-home-2026 img{max-width:100%}
.mcp-home-2026 h1,.mcp-home-2026 h2,.mcp-home-2026 h3,.mcp-home-2026 p,.mcp-home-2026 figure{margin:0}
.mcp-home-2026 h1,.mcp-home-2026 h2,.mcp-home-2026 h3{line-height:1.15;letter-spacing:-.04em}
.mcp-home-2026 h1{font-size:var(--h1);font-weight:600}
.mcp-home-2026 h2{font-size:var(--h2);font-weight:600}
.mcp-home-2026 h3{font-size:var(--h3);font-weight:600}
.mcp-home-2026 p{max-width:68ch;color:var(--muted)}
.mcp-home-2026 :focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.mcp-home-2026 .h26-wrap{width:min(1184px,calc(100% - 48px));margin:auto}
.mcp-home-2026 .h26-eyebrow{font-size:var(--small);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.mcp-home-2026 .h26-arrow{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.mcp-home-2026 .h26-btn{display:inline-flex;gap:16px;align-items:center;justify-content:center;min-height:56px;padding:16px 24px;border-radius:var(--radius);background:var(--brand-gold);color:var(--bg);font-weight:600;border:1px solid var(--brand-gold);transition:opacity var(--duration) ease-out}
.mcp-home-2026 .h26-text-link{color:var(--gold);display:inline-flex;gap:16px;align-items:center;min-height:48px;font-weight:500}
.mcp-home-2026 .h26-section{padding-block:var(--section)}
.mcp-home-2026 .h26-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px}
.mcp-home-2026 .h26-section-head>div{max-width:760px}
.mcp-home-2026 .h26-section-head h2{margin-top:16px}
.mcp-home-2026 .h26-skip{position:fixed;top:8px;left:24px;z-index:5;background:var(--gold);color:var(--bg);padding:16px;transform:translateY(-160%)}
.mcp-home-2026 .h26-skip:focus{transform:none}
.mcp-home-2026 header{border-bottom:1px solid var(--line)}
.mcp-home-2026 .h26-nav{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:104px}
.mcp-home-2026 .h26-logo{display:block;width:208px;height:auto}
.mcp-home-2026 .h26-nav-links{display:flex;align-items:center;gap:32px}
.mcp-home-2026 .h26-nav-links a{display:inline-flex;align-items:center;min-height:48px}
.mcp-home-2026 .h26-nav-links .h26-contact-nav{color:var(--gold);border-bottom:1px solid var(--gold)}
.mcp-home-2026 .h26-menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--fg);padding:8px 16px;border-radius:var(--radius)}
.mcp-home-2026 .h26-hero{display:grid;grid-template-columns:1.25fr .8fr;gap:64px;align-items:center;padding-block:64px}
.mcp-home-2026 .h26-hero-copy{--od-gap:32px}
.mcp-home-2026 .h26-hero h1{max-width:13ch}
.mcp-home-2026 .h26-hero h1 em{font-style:normal;color:var(--gold)}
.mcp-home-2026 .h26-hero p{font-size:18px;max-width:48ch}
.mcp-home-2026 .h26-hero .h26-od-cluster{--od-gap:24px}
.mcp-home-2026 .h26-hero-media{--od-gap:16px}
.mcp-home-2026 .h26-hero-media img{border-radius:var(--radius)}
.mcp-home-2026 figcaption{font-size:var(--small);color:var(--muted);display:flex;justify-content:space-between;gap:16px}
.mcp-home-2026 .h26-hero-note{border-top:1px solid var(--line);padding-top:24px;font-size:var(--small);color:var(--muted)}
.mcp-home-2026 .h26-hero-note strong{color:var(--fg);font-weight:500}
.mcp-home-2026 .h26-projects{border-top:1px solid var(--line)}
.mcp-home-2026 .h26-project-grid{--od-cols:2;--od-gap:48px 32px;align-items:start}
.mcp-home-2026 .h26-project{color:var(--fg);text-decoration:none;--od-gap:20px}
.mcp-home-2026 .h26-project img{border-radius:var(--radius)}
.mcp-home-2026 .h26-project-body{--od-gap:12px}
.mcp-home-2026 .h26-project-meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--gold);font-size:var(--small)}
.mcp-home-2026 .h26-project h3{letter-spacing:-.02em}
.mcp-home-2026 .h26-project .h26-text-link{font-size:var(--small)}
.mcp-home-2026 .h26-project:first-child img{width:100%}
.mcp-home-2026 .h26-services{background:var(--light);color:var(--ink);--muted:var(--light-muted);--gold:var(--light-gold);--line:var(--light-line)}
.mcp-home-2026 .h26-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.mcp-home-2026 .h26-service{display:grid;grid-template-columns:40px 1fr;gap:24px;border-top:1px solid var(--line);padding-block:32px}
.mcp-home-2026 .h26-number{font-size:var(--small);color:var(--gold);font-variant-numeric:tabular-nums}
.mcp-home-2026 .h26-service h3{margin-bottom:16px}
.mcp-home-2026 .h26-service p{max-width:44ch}
.mcp-home-2026 .h26-method-grid{--od-cols:3;--od-gap:40px}
.mcp-home-2026 .h26-method-item{border-top:1px solid var(--gold);padding-top:24px;--od-gap:24px}
.mcp-home-2026 .h26-method-item .h26-number{font-size:32px}
.mcp-home-2026 .h26-method-item h3{font-size:24px}
.mcp-home-2026 .h26-person{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}
.mcp-home-2026 .h26-person h2{margin-top:16px}
.mcp-home-2026 .h26-person-content{--od-gap:24px}
.mcp-home-2026 .h26-person-name{font-size:24px;color:var(--fg);font-weight:500}
.mcp-home-2026 .h26-person-role{font-size:var(--small)}
.mcp-home-2026 .h26-person-sign{border-top:1px solid var(--line);padding-top:24px;--od-gap:8px}
.mcp-home-2026 .h26-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}
.mcp-home-2026 .h26-contact h2{margin-block:16px 24px}
.mcp-home-2026 .h26-contact-links{--od-gap:24px;align-items:flex-start;justify-content:center}
.mcp-home-2026 .h26-email{overflow-wrap:anywhere;word-break:break-word;font-size:18px;text-decoration:underline;text-underline-offset:8px}
.mcp-home-2026 .h26-contact-hint{font-size:var(--small)}
.mcp-home-2026 footer{background:var(--surface);padding-block:40px}
.mcp-home-2026 .h26-footer-row{display:flex;justify-content:space-between;gap:32px;align-items:start}
.mcp-home-2026 .h26-footer-info{--od-gap:8px;font-size:var(--small)}
.mcp-home-2026 .h26-footer-bottom{margin-top:32px;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:var(--small);color:var(--muted)}
@media(hover:hover){.mcp-home-2026 a:hover{color:var(--gold)}
.mcp-home-2026 .h26-btn:hover{background:var(--cta-hover);color:var(--bg);border-color:var(--cta-hover)}
.mcp-home-2026 .h26-project:hover .h26-text-link{text-decoration:underline;text-underline-offset:6px}
}
@media(min-width:1440px){.mcp-home-2026 .h26-hero{gap:96px}
.mcp-home-2026 .h26-wrap{max-width:1184px}
}
@media(max-width:1024px){.mcp-home-2026{--section:72px}
.mcp-home-2026 .h26-hero{gap:32px}
.mcp-home-2026 .h26-nav-links{gap:24px}
.mcp-home-2026 .h26-person,.mcp-home-2026 .h26-contact{gap:40px}
.mcp-home-2026 .h26-hero p{font-size:16px}
.mcp-home-2026 .h26-method-grid{--od-gap:24px}
}
@media(max-width:767px){.mcp-home-2026{--section:64px}
.mcp-home-2026 .h26-nav{flex-wrap:wrap;min-height:88px;padding-block:16px;gap:16px}
.mcp-home-2026 .h26-logo{width:176px}
.mcp-home-2026 .h26-menu-btn{display:block}
.mcp-home-2026 .h26-nav-links{display:flex;flex-basis:100%;flex-direction:column;align-items:stretch;gap:8px;padding-block:16px}
.mcp-home-2026 .h26-nav-links[hidden]{display:none}
.mcp-home-2026 .h26-nav-links a{padding:8px}
.mcp-home-2026 .h26-hero{grid-template-columns:1fr;padding-block:48px;gap:40px}
.mcp-home-2026 .h26-hero h1{max-width:16ch}
.mcp-home-2026 .h26-hero-media{max-width:440px}
.mcp-home-2026 .h26-section-head{display:block;margin-bottom:32px}
.mcp-home-2026 .h26-section-head>.h26-text-link{margin-top:24px}
.mcp-home-2026 .h26-project-grid{--od-cols:1;--od-gap:40px}
.mcp-home-2026 .h26-service-list{grid-template-columns:1fr}
.mcp-home-2026 .h26-method-grid{--od-cols:1;--od-gap:32px}
.mcp-home-2026 .h26-person,.mcp-home-2026 .h26-contact{grid-template-columns:1fr;gap:32px}
.mcp-home-2026 .h26-footer-row,.mcp-home-2026 .h26-footer-bottom{flex-direction:column}
.mcp-home-2026 .h26-hero .h26-od-cluster{align-items:flex-start;flex-direction:column;--od-gap:8px}
}
@media(max-width:375px){.mcp-home-2026 .h26-wrap{width:calc(100% - 40px)}
.mcp-home-2026 .h26-hero h1{font-size:40px}
.mcp-home-2026 .h26-service{grid-template-columns:24px 1fr;gap:16px}
.mcp-home-2026 .h26-btn{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.mcp-home-2026{scroll-behavior:auto}
.mcp-home-2026 *,.mcp-home-2026 *:before,.mcp-home-2026 *:after{transition:none!important}
}
.mcp-home-2026{--light:#F1F2F4;--ink:#20222a;--light-muted:#51545e;--light-line:#d9dce2;--light-gold:#805e16}
.mcp-home-2026 .h26-collaborations{background:var(--light);color:var(--ink)}
.mcp-home-2026 .h26-collaborations .h26-eyebrow{color:var(--light-gold)}
.mcp-home-2026 .h26-collaborations p{color:var(--light-muted)}
.mcp-home-2026 .h26-collaborations .h26-section-head>p{max-width:32ch}
.mcp-home-2026 .h26-collaboration-grid{--od-cols:6;--od-gap:16px 24px;align-items:center}
.mcp-home-2026 .h26-collaboration-logo{display:flex;align-items:center;justify-content:center}
.mcp-home-2026 .h26-collaboration-logo img{width:100%;height:auto}
.mcp-home-2026 .h26-collaboration-more{margin-top:32px;border-top:1px solid var(--light-line);padding-top:16px}
.mcp-home-2026 .h26-collaboration-more summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;min-height:56px;font-weight:600;list-style:none}
.mcp-home-2026 .h26-collaboration-more summary::-webkit-details-marker{display:none}
.mcp-home-2026 .h26-collaboration-more summary span{font-size:32px;line-height:1}
.mcp-home-2026 .h26-collaboration-more[open] summary span{transform:rotate(45deg)}
.mcp-home-2026 .h26-collaboration-more[open] .h26-collaboration-grid{margin-top:24px}
.mcp-home-2026 .h26-collaborations :focus-visible{outline-color:var(--light-gold)}
@media(hover:hover){.mcp-home-2026 .h26-collaboration-more summary:hover{color:var(--light-gold)}
}
@media(max-width:1024px){.mcp-home-2026 .h26-collaboration-grid{--od-cols:4}
}
@media(max-width:767px){.mcp-home-2026 .h26-collaboration-grid{--od-cols:2;--od-gap:16px}
.mcp-home-2026 .h26-collaborations .h26-section-head>p{margin-top:24px;max-width:48ch}
}
.mcp-home-2026{--portfolio-bg:#1b1d24;--method-bg:#252b34;--services-edge:#d9dde2;--services-center:#e9ebee;--section-fade:64px}
.mcp-home-2026 .h26-projects{background:var(--portfolio-bg)}
.mcp-home-2026 .h26-services{background:linear-gradient(180deg,var(--services-edge),var(--services-center) var(--section-fade),var(--services-center) calc(100% - var(--section-fade)),var(--services-edge))}
.mcp-home-2026 .h26-services .h26-service{display:flex;flex-direction:column;gap:16px;--od-gap:16px}
.mcp-home-2026 .h26-services .h26-service h3{margin:0}
.mcp-home-2026 .h26-services-intro{margin-top:24px;max-width:56ch}
.mcp-home-2026 .h26-services-action{margin-top:24px}
.mcp-home-2026 .h26-services .h26-btn{background:var(--brand-gold);color:var(--bg);border-color:var(--brand-gold)}
.mcp-home-2026 #metodo{background:var(--method-bg)}
@media(hover:hover){.mcp-home-2026 .h26-services .h26-btn:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:var(--bg)}
}
.mcp-home-2026 .h26-person{--person-gap:48px;--person-padding:48px;align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--person-gap);padding-block:var(--person-padding)}
.mcp-home-2026 .h26-person-photo{min-width:0;width:100%}
.mcp-home-2026 .h26-person-photo img{--photo-edge:0.35%;border:0;outline:0;box-shadow:none;border-radius:var(--radius);clip-path:inset(var(--photo-edge) round var(--radius))}
.mcp-home-2026 .h26-person-content{min-width:0}
.mcp-home-2026 .h26-person h2{font-size:clamp(32px,2.8vw,40px)}
@media(min-width:768px) and (max-width:1024px){.mcp-home-2026 .h26-person{--person-gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:767px){.mcp-home-2026 .h26-person{--person-gap:32px;--person-padding:32px;grid-template-columns:minmax(0,1fr)}
.mcp-home-2026 .h26-person-photo{max-width:none}
}
.mcp-home-2026 #progetti{--photo-height:360px;--photo-padding:16px;--photo-ground:#24262d}
.mcp-home-2026 #progetti .h26-project-grid{align-items:stretch}
.mcp-home-2026 #progetti .h26-project{min-width:0;gap:24px}
.mcp-home-2026 .h26-project-photo{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-height:0;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--gold);cursor:zoom-in;font:inherit}
.mcp-home-2026 #progetti .h26-project-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:var(--photo-focus,50% 50%);border-radius:var(--radius)}
.mcp-home-2026 .h26-photo-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding-block:8px;font-size:14px;line-height:1.5}
.mcp-home-2026 #progetti .h26-project-body{flex:1;padding-top:8px;border-top:1px solid var(--line)}
.mcp-home-2026 #progetti .h26-project-body .h26-text-link{margin-top:auto;min-height:44px;align-self:flex-start}
.mcp-home-2026 .h26-project-photo:focus-visible,.mcp-home-2026 .h26-portfolio-dialog button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.mcp-home-2026 .h26-portfolio-dialog{width:min(1040px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);overflow:auto}
.mcp-home-2026 .h26-portfolio-dialog::backdrop{background:rgb(0 0 0 / .85)}
.mcp-home-2026 .h26-portfolio-dialog header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.mcp-home-2026 .h26-portfolio-dialog h3{font-size:20px;overflow-wrap:anywhere}
.mcp-home-2026 .h26-portfolio-dialog button{flex:none;min-height:44px;padding:8px 16px;border:0;border-radius:4px;background:var(--gold);color:var(--bg);font:inherit;cursor:pointer}
.mcp-home-2026 .h26-portfolio-dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:72dvh;object-fit:contain;margin:auto}
@media(hover:hover){.mcp-home-2026 .h26-project-photo:hover .h26-photo-action{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:767px){.mcp-home-2026 #progetti{--photo-height:320px}
.mcp-home-2026 .h26-project-photo{min-height:0}
.mcp-home-2026 .h26-portfolio-dialog{padding:16px}
.mcp-home-2026 .h26-portfolio-dialog header{align-items:flex-start;gap:16px}
}

.mcp-home-2026{display:block;width:100%;max-width:none;padding:0;overflow-wrap:break-word}.mcp-home-2026 [hidden]{display:none!important}.mcp-home-2026 .h26-project-body{display:flex;flex-direction:column}.mcp-home-2026 section[id]{scroll-margin-top:120px}.mcp-home-2026 .h26-project img{display:block}.mcp-home-2026 .h26-person-photo img{height:auto}.mcp-home-2026 .h26-collaboration-logo img{object-fit:contain}.mcp-home-2026 .h26-portfolio-dialog{color-scheme:dark}.mcp-home-2026 .h26-empty-portfolio{grid-column:1/-1}
