
.unified-header{--ivory:#fff;--ivory-rgb:255,255,255;--navy:#152346;--navy-rgb:21,35,70;--paper:#fff;--paper-rgb:255,255,255;--harbor:#365adb;--slate:#52617b;--f-body:Inter,system-ui,sans-serif;--f-display:Inter,system-ui,sans-serif;background:rgba(255,255,255,.94);color:#152346;font:14px/1.5 Inter,system-ui,sans-serif}
.unified-header .header-in{height:64px}.unified-header .brand-name{font-size:16px}.unified-header .brand-mark{width:32px;height:32px}.unified-header .site-nav{gap:clamp(18px,3vw,42px)}.unified-header .nav-trigger{font-size:14px;font-weight:500}.unified-header .mega-panel{background:#fafbfe}.unified-header .mega-inner{max-width:1160px;padding:32px 0 40px;gap:48px}.unified-header .mega-col--large a{font-size:27px}.unified-header .mega-col a{color:#152346}.unified-header .mega-col a:hover{color:#365adb}.unified-header .header-cta{background:#365adb;color:#fff;border-color:#365adb;min-height:32px;padding:7px 16px}.unified-header .palette-button{display:none}.unified-header .brand [aria-current],.unified-header a[aria-current="page"]{color:#365adb}.unified-header .header-cta[aria-current="page"]{color:#fff}.nav-scrim{background:rgba(21,35,70,.13)}
.mobile-dialog{background:#fff;color:#152346;font-family:Inter,system-ui,sans-serif;--navy:#152346;--paper:#fff;--harbor:#365adb;--line-soft:#e1e5ed}.mobile-dialog .mobile-home{display:block;font-size:27px;font-weight:600;padding:10px 0}.mobile-dialog .mobile-nav a{color:#152346}.mobile-dialog .mobile-nav .btn{background:#365adb;color:#fff;border-color:#365adb}
@media(max-width:980px){.unified-header .site-nav{display:none}.unified-header .header-in{justify-content:space-between}.unified-header .brand-name{font-size:16px}.unified-header .mobile-menu-button{display:inline-flex!important}}

.unified-header .mega-inner:not(.search-inner){grid-template-columns:200px 1.15fr 1fr .75fr;gap:32px;align-items:start}.unified-header .nav-visual{margin:0;display:flex;align-items:center;justify-content:center;width:200px;height:210px;border-radius:16px;overflow:hidden;background:#eef2fa}.unified-header .nav-visual img{display:block;width:100%;height:100%;object-fit:cover}.unified-header .nav-visual--phone{background:transparent;height:240px}.unified-header .nav-visual--phone img{width:auto;height:240px;object-fit:contain}.unified-header .nav-visual--collage img{object-fit:contain}.unified-header .nav-visual--illustration{background:#152346}.unified-header .nav-visual--illustration img{padding:28px;object-fit:contain}.unified-header .site-nav{gap:clamp(16px,2vw,28px)}.unified-header .mega-col--large a{font-size:24px}@media(max-width:1100px){.unified-header .mega-inner:not(.search-inner){grid-template-columns:160px 1fr 1fr;gap:26px}.unified-header .nav-visual{width:160px}.unified-header .mega-inner:not(.search-inner)>.mega-col:last-child{display:none}}

.unified-header .nav-visual--melody{background:transparent;border-radius:0;height:240px;overflow:visible}.unified-header .nav-visual--melody img{object-fit:contain;height:240px;width:100%}

.unified-header .nav-visual--melody,.unified-header .nav-visual--melody img{height:190px}

.unified-header .nav-visual--screenshot{background:#fff}.unified-header .nav-visual--screenshot img{object-fit:contain;object-position:center}

/* Group dropdown content at the left, with clearer secondary links. */
.unified-header .mega-inner:not(.search-inner){grid-template-columns:160px 270px 225px 200px;justify-content:start;gap:30px}
.unified-header .nav-visual{width:160px}
.unified-header .mega-col:not(.mega-col--large) a{font-size:16px;font-weight:550;line-height:1.45;margin:12px 0}
@media(max-width:1100px){.unified-header .mega-inner:not(.search-inner){grid-template-columns:160px 270px 225px;gap:26px}}

/* Dropdown artwork refinements. */
.unified-header #panel-work .nav-visual{background:transparent}
.unified-header #panel-clients .nav-visual img{border:3px solid #152346;box-sizing:border-box;border-radius:8px;height:auto;max-height:100%}
.unified-header #panel-tools .nav-visual{background:transparent}
.unified-header #panel-tools .nav-visual img{padding:0;object-fit:contain}

.unified-header #panel-work .nav-visual img{transform:translateY(-20px)}
