body.project-immersive .inka-sidebar,body.project-immersive .inka-hamburger{display:none!important}
body.project-immersive:not(.sqs-edit-mode) #siteWrapper,body.project-immersive:not(.sqs-edit-mode) .site-wrapper{margin-left:0!important;padding-left:0!important;width:100%!important}
body.project-immersive #page .project-heading{padding-top:100px}
.project-menu-toggle{position:fixed;top:22px;left:22px;width:46px;height:46px;border:1px solid #222;border-radius:50%;background:#fff;color:#111;z-index:10002;padding:0;cursor:pointer;display:grid;place-content:center;gap:6px}
.project-menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .25s ease}
.project-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.project-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.project-menu-panel{position:fixed;inset:0 auto 0 0;width:min(340px,85vw);background:#fff;border-right:1px solid #ddd;z-index:10001;box-sizing:border-box;padding:110px 32px 40px;transform:translateX(-100%);visibility:hidden;transition:transform .3s ease,visibility .3s;overflow-y:auto}
.project-menu-panel.is-open{transform:translateX(0);visibility:visible}
.project-menu-panel nav{display:flex;flex-direction:column;gap:0}
.project-menu-panel a{font-family:var(--portfolio-type),sans-serif;font-size:22px;font-weight:400;color:#111;text-decoration:none;padding:20px 0;border-bottom:1px solid #e6e6e6}
.project-menu-panel a:hover{opacity:.6}
.project-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.12);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
.project-menu-backdrop.is-open{opacity:1;visibility:visible}
.project-menu-toggle:focus-visible,.project-menu-panel a:focus-visible{outline:2px solid #111;outline-offset:5px}
@media(max-width:767px){.project-menu-toggle{top:16px;left:16px;width:44px;height:44px}body.project-immersive #page .project-heading{padding-top:88px}}
@media(prefers-reduced-motion:reduce){.project-menu-panel,.project-menu-backdrop,.project-menu-toggle span{transition:none}}

body.project-immersive .inka-sidebar.project-sidebar-overlay{display:flex!important;z-index:10001;transform:translateX(-100%);visibility:hidden;transition:transform .3s ease,visibility .3s;height:100dvh}
body.project-immersive .inka-sidebar.project-sidebar-overlay.is-open{transform:translateX(0);visibility:visible}
body.project-nav-open .project-menu-toggle{left:calc(var(--portfolio-sidebar) + 16px)}
@media(max-width:767px){body.project-immersive .inka-sidebar.project-sidebar-overlay{width:min(340px,calc(100vw - 76px))}body.project-nav-open .project-menu-toggle{left:calc(min(340px,100vw - 76px) + 16px)}}
@media(prefers-reduced-motion:reduce){body.project-immersive .inka-sidebar.project-sidebar-overlay{transition:none}}

.project-next{position:fixed;top:22px;right:22px;width:46px;height:46px;box-sizing:border-box;border:1px solid #222;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;z-index:9999;text-decoration:none}
.project-next:hover{background:#f5f5f5}.project-next:focus-visible{outline:2px solid #111;outline-offset:5px}
body.project-immersive{--project-gutter:32px;--project-space:48px}
body.project-immersive #page .project-heading{padding:100px var(--project-gutter) var(--project-space)!important}
body.project-immersive #page .project-description{padding:24px var(--project-gutter) var(--project-space)}
body.project-immersive .amb-section,body.project-immersive .mixto-artwork section,body.project-immersive #page .gt-presentation,body.project-immersive .roar-video-section{padding:var(--project-space) var(--project-gutter)}
body.project-immersive .ikea-editorial{padding:0 var(--project-gutter) var(--project-space)}
body.project-immersive .ikea-section,body.project-immersive .ikea-intro{padding-top:var(--project-space);padding-bottom:var(--project-space)}
body.project-immersive .project-directory{margin-left:0!important;padding:32px var(--project-gutter)!important}
body.project-immersive #footer-sections .content-wrapper{padding:28px var(--project-gutter)!important}
@media(max-width:767px){.project-next{top:16px;right:16px;width:44px;height:44px}body.project-immersive{--project-gutter:24px;--project-space:32px}body.project-immersive #page .project-heading{padding-top:88px!important}}
/* Imported project sections share the same outer vertical rhythm. */
body.project-immersive #page .page-section>.content-wrapper{padding-top:var(--project-space)!important;padding-bottom:var(--project-space)!important}
body.project-immersive #page .page-section:has(.project-heading)>.content-wrapper{padding-top:0!important}