@font-face{font-family:argestaheadline-regular-webfont;src:url('/wp-content/uploads/2025/09/argestaheadline-regular-webfont.woff2') format('woff2');font-display:swap}
@font-face{font-family:HendrizEU-Light;src:url('/wp-content/uploads/2026/08/HendrizEU-Light.otf') format('opentype');font-display:swap}
@font-face{font-family:HendrizEU-Regular;src:url('/wp-content/uploads/2026/08/HendrizEU-Regular.otf') format('opentype');font-display:swap}
body.mb-reference-page{background:#F2EEEA!important;color:#0C0C0C}
:is(#content-holder,.editor-styles-wrapper) .mb-reference,.editor-styles-wrapper :is(#content-holder,.editor-styles-wrapper) .mb-reference{font-family:HendrizEU-Light,sans-serif;color:#0C0C0C;padding-top:185px;padding-bottom:120px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference *{box-sizing:border-box}
:is(#content-holder,.editor-styles-wrapper) .mb-reference h1,:is(#content-holder,.editor-styles-wrapper) .mb-reference h2,:is(#content-holder,.editor-styles-wrapper) .mb-reference h3{font-family:argestaheadline-regular-webfont,serif;font-weight:400;letter-spacing:0;text-transform:none;color:#0C0C0C}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-project-title{font-size:104px;line-height:1.2;text-align:center;margin:0 0 28px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 64px;padding:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-tags p{font-size:16px;line-height:1;margin:0;padding:7px 13px;border:1px solid #0C0C0C;border-radius:999px;white-space:nowrap}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-deck{font-family:HendrizEU-Regular,sans-serif;font-size:20px;line-height:1.4;text-align:center;max-width:800px;margin:0 auto 60px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference figure{margin:0 0 28px;padding:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference img{display:block;width:100%;height:auto;border-radius:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy{max-width:770px;margin:100px auto 60px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy h2{font-size:80px;line-height:1.2;text-align:center;margin:0 0 30px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference p{font-family:HendrizEU-Light,sans-serif;font-size:20px;line-height:1.45;margin:0 0 24px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy>p:last-child{margin-bottom:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-square-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 28px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-square-grid>.wp-block-column{width:auto;min-width:0;margin:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-square-grid figure{margin:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta{margin:100px 0 0;padding:65px 0;border-top:1px solid #0C0C0C;border-bottom:1px solid #0C0C0C;text-align:center}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta h2{font-size:48px;line-height:1.2;max-width:800px;margin:0 auto 28px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta a{color:inherit;text-decoration:underline;text-underline-offset:5px}
.mb-reference-page .semplice-header nav a span{font-family:HendrizEU-Regular,sans-serif}
.mb-reference-page .semplice-header [data-navbar="navbar-top"]{background:#F2EEEA}
.editor-styles-wrapper :is(#content-holder,.editor-styles-wrapper) .mb-reference{max-width:1170px;margin-inline:auto;padding:45px 20px}
.editor-styles-wrapper :is(#content-holder,.editor-styles-wrapper) .mb-reference .block-editor-block-list__layout>.wp-block{max-width:none}
@media(max-width:1169px){:is(#content-holder,.editor-styles-wrapper) .mb-reference{padding-top:160px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-project-title{font-size:88px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy h2{font-size:64px}}
@media(max-width:991px){:is(#content-holder,.editor-styles-wrapper) .mb-reference{padding-top:130px;padding-bottom:80px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-project-title{font-size:76px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy{margin-top:70px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy h2{font-size:56px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-square-grid{gap:20px}:is(#content-holder,.editor-styles-wrapper) .mb-reference figure{margin-bottom:20px}}
@media(max-width:767px){:is(#content-holder,.editor-styles-wrapper) .mb-reference{padding-top:120px;padding-bottom:60px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-project-title{font-size:clamp(44px,10vw,68px);margin-bottom:24px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-tags{gap:8px;margin-bottom:34px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-tags p{font-size:13px;padding:7px 11px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-deck{font-size:18px;margin-bottom:35px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy{margin:55px auto 35px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy h2{font-size:42px;margin-bottom:24px}:is(#content-holder,.editor-styles-wrapper) .mb-reference p{font-size:18px;line-height:1.45;margin-bottom:20px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-square-grid{gap:12px;margin-bottom:16px}:is(#content-holder,.editor-styles-wrapper) .mb-reference figure{margin-bottom:16px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta{margin-top:55px;padding:40px 0}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta h2{font-size:36px}}

:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-placeholder{min-height:240px;display:flex;align-items:center;justify-content:center;border:1px dashed #7F7D7B;margin:28px 0;background:rgba(255,255,255,.28);text-align:center;padding:30px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-placeholder p{margin:0;font-family:HendrizEU-Regular,sans-serif;font-size:20px;color:#7F7D7B}

.mb-reference-shell{width:calc(100% - 60px);max-width:1170px;margin:0 auto}
body.mb-reference-page #content-holder .content-container{background:#F2EEEA!important}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-tags>.wp-block-group__inner-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
@media(max-width:767px){.mb-reference-shell{width:calc(100% - 40px)}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-tags>.wp-block-group__inner-container{gap:8px}}
body.mb-reference-page #content-holder .transition-wrap{background:#F2EEEA!important}
/* Logo anchor must cover the SVG's complete rectangle. */
body.mb-reference-page .semplice-header #content_4ra9o97kl .image-link{display:block;width:100%;line-height:0;position:relative;z-index:2;pointer-events:auto}
body.mb-reference-page .semplice-header #content_4ra9o97kl .image-link img{display:block;width:100%;pointer-events:none}
/* Same photographic CTA background, typography and outlined button as SPIRAM. */
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta.wp-block-cover{margin:100px 0 0;min-height:650px;padding:80px 50px;border:0;text-align:left;color:#0C0C0C;isolation:isolate;position:relative;display:flex;align-items:center;overflow:hidden}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta>.wp-block-cover__image-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta>.wp-block-cover__background{display:none}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta>.wp-block-cover__inner-container{width:100%;position:relative;z-index:1;color:inherit}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta-content{max-width:570px;width:53%}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta h2{font-size:60px;line-height:1.2;margin:0 0 40px;text-align:left}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta p{font-size:20px;line-height:1.45;margin:0 0 40px}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta .wp-block-buttons{margin:0;display:flex}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta .wp-block-button__link{display:inline-block;font-family:HendrizEU-Regular,sans-serif;font-size:24px;line-height:1.2;font-weight:400;padding:10px 25px;border:1px solid #0C0C0C;border-radius:999px;background:transparent;color:#0C0C0C;text-decoration:none;transition:background-color .18s,color .18s}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta .wp-block-button__link:hover{background:#0C0C0C;color:#F2EEEA}
@media(max-width:991px){:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta.wp-block-cover{min-height:550px;padding:60px 35px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta-content{width:65%}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta h2{font-size:48px}}
@media(max-width:767px){:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta.wp-block-cover{min-height:520px;padding:45px 25px;margin-top:55px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta-content{width:100%}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta>.wp-block-cover__image-background{object-position:left center}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta h2{font-size:36px;margin-bottom:28px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta p{font-size:18px;margin-bottom:28px}:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-cta .wp-block-button__link{font-size:20px;padding:10px 22px}}
/* Final CTA is the deliberate full-width exception, matching SPIRAM. */
:is(#content-holder,.editor-styles-wrapper) .mb-reference{padding-bottom:0;margin-bottom:0}
#content-holder .mb-reference .mb-cta.wp-block-cover{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:0;padding:300px max(30px,calc((100vw - 1170px)/2));}
#content-holder .mb-reference .mb-cta>.wp-block-cover__inner-container{width:100%;max-width:1170px;margin:0 auto}
#content-holder .mb-reference .mb-cta-content{width:570px;max-width:50%}
@media(max-width:1169px){#content-holder .mb-reference .mb-cta.wp-block-cover{padding:220px 30px}}
@media(max-width:991px){#content-holder .mb-reference .mb-cta.wp-block-cover{padding:150px 30px}#content-holder .mb-reference .mb-cta-content{max-width:75%}}
@media(max-width:767px){#content-holder .mb-reference .mb-cta.wp-block-cover{padding:90px 20px;min-height:520px!important}#content-holder .mb-reference .mb-cta-content{width:100%;max-width:100%}}
/* Equal space before and after every project text section. */
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy{margin:100px auto}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-copy>.wp-block-group__inner-container>p:last-child{margin-bottom:0}
:is(#content-holder,.editor-styles-wrapper) .mb-reference .mb-website-video video{display:block;width:100%;height:auto;aspect-ratio:1780/1152;object-fit:contain}
