.mobile-menu-toggle{display:none}.mobile-site-menu:not([open]){display:none}.site-menu-open{overflow:hidden}.mobile-site-menu{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:24px;background:#faf8f3;color:#302b25;border:0;box-sizing:border-box;z-index:10000;font-family:Manrope,Arial,sans-serif}.mobile-site-menu::backdrop{background:#faf8f3}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.09em}.mobile-menu-close{background:none;border:0;min-height:48px;padding:10px;font:inherit;cursor:pointer;color:inherit}.mobile-site-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:55px 0 35px}.mobile-site-menu nav a,.mobile-site-menu nav a:nth-child(2){display:flex!important;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd6cb;padding:20px 0;font-size:clamp(28px,8vw,42px);font-weight:500;text-decoration:none;color:inherit;min-height:64px}.mobile-site-menu nav a span{margin:0;font-size:24px}.mobile-menu-call{display:inline-flex;align-items:center;min-height:48px;font-size:16px;text-decoration:none;color:inherit}.mobile-site-menu :focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid #7b6344;outline-offset:4px}
@media(max-width:700px){header.wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:12px}header.wrap>nav,header.wrap>a:not(:first-child){display:none!important}header.wrap>a:first-child{max-width:calc(100% - 92px)}header.wrap>a:first-child img{max-width:100%;height:auto}header .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border:0;background:none;color:inherit;padding:8px 0 8px 8px;min-width:76px;min-height:48px;font:500 12px Manrope,Arial,sans-serif;cursor:pointer}.menu-lines{display:flex;flex-direction:column;gap:6px;width:23px}.menu-lines i{height:1px;width:23px;background:currentColor;display:block}}

/* Site chrome uses three brand pigments. Client artwork keeps its own colours. */
:root{--paper:#faf6ef;--ink:#211b16;--studio-orange:#d45317;--muted:var(--ink);--accent:var(--ink);--sand:var(--paper);--studio-soft:var(--paper);--line:rgb(33 27 22 / .2)}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--ink);color:var(--paper)}
.studio-home .studio-eyebrow,.studio-home .hero-location,.studio-home .hero-case-heading,.studio-home .hero-case-title>span,.studio-home .project-meta p,.studio-home .small-project-caption p,.studio-home .feedback-heading p,.studio-home .feedback-grid figcaption span{color:var(--ink)}
.studio-home.ux-proposal .client-feedback{background:var(--paper);border-color:var(--line)}
.studio-home.ux-proposal .client-feedback .feedback-grid figure{background:var(--paper);border-color:var(--line)}.testimonial-read-more,.testimonial-dialog figcaption,.testimonial-dialog footer{color:var(--ink)}
.testimonial-dialog,.testimonial-dialog-close,.brief-dialog,.mobile-site-menu{background:var(--paper);color:var(--ink);border-color:var(--line)}
.testimonial-dialog-eyebrow,.testimonial-dialog-close:hover{color:var(--ink);background:var(--paper)}
.testimonial-dialog-header,.testimonial-dialog-close{border-color:var(--line)}
.studio-home.ux-proposal .studio-method{background:var(--paper)}
.studio-home .home-working-steps li{border-color:var(--line)}
.studio-home .studio-ticker b{color:var(--studio-orange)}
.studio-home header nav a:hover,.studio-home .motion-control:hover{background:var(--paper);color:var(--ink)}
.testimonial-dialog::backdrop,dialog::backdrop{background:rgb(33 27 22 / .65)}
.studio-home.signature-home .home-positioning .hero-actions .hero-contact:hover{background:var(--paper);border-color:var(--ink);color:var(--ink)}
.studio-home .contact,.studio-home.ux-proposal #contatti,.contact-body .contact-card{background:var(--ink);color:var(--paper)}
.contact :is(h2,p,a,em),.contact-body .contact-card :is(h2,p,a){color:var(--paper)}
.studio-home footer.proposal-footer{background:var(--ink);color:var(--paper);border-color:rgb(250 246 239 / .25)}
.studio-home footer.proposal-footer :is(p,a,span){color:var(--paper)}
.studio-home footer .proposal-copyright{color:var(--paper)}
.studio-home .proposal-footer-inner{border-color:rgb(250 246 239 / .25)}
.studio-home footer.proposal-footer a:hover{color:var(--paper);text-decoration:underline;text-decoration-color:var(--studio-orange);text-underline-offset:5px}.studio-home .studio-step-active .studio-step-number{color:var(--ink)}
.studio-home .portfolio-archive-link{display:inline-flex;align-items:center;min-height:48px;margin-top:30px;padding-block:12px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;text-underline-offset:5px}
.studio-home .portfolio-archive-link:hover{text-decoration:underline;text-decoration-color:var(--studio-orange)}
.portfolio-archive-link:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--studio-orange)}
.project-archive .archive-art{background:transparent}
.skip:focus{background:var(--paper);color:var(--ink)}
@media(forced-colors:active){:root{--ink:CanvasText;--paper:Canvas;--studio-orange:Highlight;--line:CanvasText}}