/* All visible brand lockups use the same wordmark, without an IN tile. */
:root body .brand .ine-brand-logo,:root body .ine-social-brand .ine-brand-logo{display:block;flex:0 0 auto;width:var(--ine-brand-width,180px);max-width:100%;height:auto;max-height:none;object-fit:contain}
:root body .ine-social-brand .ine-brand-logo{width:160px}
:root body .ine-brand-text{display:inline-flex;align-items:center;gap:.25em;font-size:19px;font-weight:850;letter-spacing:.12em;white-space:nowrap;line-height:1.3}
:root body .ine-brand-text>span{background:linear-gradient(110deg,#fff3b5,#e6ac45 55%,#c98327);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root body .ine-brand-text>b{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(max-width:767px){:root body .brand .ine-brand-logo{width:var(--ine-brand-mobile-width,140px)}:root body .ine-brand-text{font-size:14px}:root body .ine-image-app-header h1{padding-left:10px;font-size:12px}:root body .ine-image-app-header{gap:8px}:root body .ine-image-app-header nav{gap:9px;font-size:11px}:root body .ine-image-app-header .brand{min-width:0}}
@media(max-width:359px){:root body .ine-start-top .brand .ine-brand-logo{width:110px}:root body .ine-image-app-header h1{font-size:11px;padding-left:6px}:root body .ine-image-app-header{padding-inline:10px;gap:6px}}
@media(max-width:767px){:root body .ine-start-top .brand{flex-shrink:0}.ine-start-tools{gap:5px}}
@media(max-width:359px){.ine-start-tools .ine-start-home{display:none}}
