.home-page header .nav{gap:20px}.home-partner-access{order:3;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;border:1px solid var(--blue);border-radius:12px;padding:11px 14px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;line-height:1.3;min-height:44px}.home-partner-access svg{width:19px;height:19px;flex-shrink:0}.home-partner-access:hover{background:#152a77}.home-page header nav{gap:20px;margin-left:auto}.home-page header .brand{flex-shrink:0}.home-page header .menu-toggle{order:4}@media(min-width:801px) and (max-width:1250px){.home-page header .nav{flex-wrap:wrap;gap:10px 20px;padding:13px 0}.home-page header .brand{margin-right:auto}.home-page header nav{order:4;width:100%;justify-content:flex-end}.home-partner-access{order:2}}@media(max-width:800px){.home-page header .nav{flex-wrap:wrap;gap:12px;padding:13px 0}.home-page header .brand{margin-right:auto}.home-page header .menu-toggle{order:2;flex-shrink:0}.home-partner-access{order:3;width:100%;min-height:43px}.home-page header nav{top:100%;margin:0;gap:20px}.home-page header nav.open{max-height:calc(100dvh - 140px)}}
/* Keep the direct access in the upper right, also when navigation collapses. */
.home-page header .nav{gap:18px;flex-wrap:nowrap;min-height:96px;padding:0}
.home-page header .brand{order:0;flex-shrink:0;margin:0}
.home-page header #navigation{order:1;gap:19px;margin-left:auto;width:auto;flex-shrink:0}
.home-partner-access{order:2;border-radius:50px;padding:12px 16px;font-size:12px;min-height:46px;white-space:nowrap;width:auto}
.home-partner-access svg{width:17px;height:17px}
.home-page header .menu-toggle{order:3}
@media(max-width:1180px){
 .home-page header .nav{min-height:84px;gap:18px;position:relative}
 .home-page header .brand{margin-right:auto}
 .home-page header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;padding:11px;flex-shrink:0}
 .home-page header .menu-toggle span{height:1.5px;background:var(--blue);width:100%}
 .home-page header #navigation{display:none;position:absolute;left:-32px;right:-32px;top:100%;padding:24px 32px;background:white;border-bottom:1px solid var(--line);align-items:stretch;gap:20px;flex-direction:column;margin:0;width:auto;max-height:calc(100dvh - 84px);overflow-y:auto}
 .home-page header #navigation.open{display:flex}
 .home-page header #navigation>a{font-size:15px}
 .home-page header #navigation .button{align-self:flex-start}
 .home-page header .nav-dropdown{font-size:15px}
 .home-page header .nav-submenu{position:static;box-shadow:none;border:0;border-left:1px solid var(--line);margin-top:12px;padding:0 0 0 12px}
 .home-page header .supplier-menu{position:static;width:100%;max-height:55vh;margin-top:17px;padding:20px;border:1px solid var(--line);box-shadow:none}
 html.home-page{scroll-padding-top:100px}
}
@media(max-width:800px){.home-page header .nav{min-height:78px;gap:12px}.home-page header #navigation{left:-20px;right:-20px;padding:24px 20px;max-height:calc(100dvh - 78px)}}
@media(max-width:560px){.home-page header .nav{gap:10px;min-height:76px}.home-page header .canva-logo-window{width:157px;height:39px}.home-page header .canva-logo-window img{width:191.2px;height:127.4px;left:-16.75px;top:-45.35px}.home-partner-access{padding:9px 11px;gap:6px;min-height:39px;font-size:11px}.home-partner-access svg{width:15px;height:15px}.home-partner-access span{max-width:78px;white-space:normal;line-height:1.25}.home-page header .menu-toggle{width:35px;height:35px;padding:9px}}
@media(max-width:360px){.home-page header .canva-logo-window{width:140px;height:35px}.home-page header .canva-logo-window img{width:170.5px;height:113.5px;left:-14.9px;top:-40.4px}.home-page header .nav{gap:7px}.home-partner-access{padding:8px 9px;font-size:10px}}
@media(max-width:340px){.home-page header .canva-logo-window{width:112px;height:28px}.home-page header .canva-logo-window img{width:136.4px;height:90.8px;left:-11.9px;top:-32.4px}.home-partner-access span{max-width:72px}}

/* A quieter collaborator shortcut, aligned closer to the desktop edge. */
@media(min-width:1181px){.home-page header .wrap.nav{width:calc(100% - 48px);max-width:none}.home-page header .home-partner-access{margin-left:12px;padding:8px 11px;min-height:36px;font-size:11px;gap:6px}.home-page header .home-partner-access svg{width:15px;height:15px}}