:root{--ui-ink:#f6f8fb;--ui-muted:#b7c1cc;--ui-panel:#11151c;--ui-panel-soft:#1a2029;--ui-teal:#3cc1b5;--ui-blue:#448ccb;--ui-focus:#ffe08a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ui-ink);overflow-x:hidden}#bg-grid,#bg-img{pointer-events:none!important}body a{transition:color 160ms ease,background-color 160ms ease,opacity 160ms ease,transform 160ms ease}
header{align-items:center;background:rgba(8,10,15,.94)!important;backdrop-filter:blur(12px);display:flex;height:76px;overflow:visible!important;padding:0 14px 0 0;position:fixed;z-index:30}header .genome-logo{flex:0 0 auto;padding:19px 22px}header .genome-logo img{height:36px;width:auto}header .menu-toggle{float:none;flex:0 0 52px;margin-left:12px;padding:20px;width:52px}
.site-navigation,.js .site-navigation{align-items:center;background:transparent!important;bottom:auto!important;display:flex;gap:clamp(2px,1.2vw,16px);justify-content:flex-end;left:auto!important;margin-left:auto;opacity:1!important;overflow:visible!important;position:static!important;right:auto!important;top:auto!important;transition:none!important}.site-navigation a{border-bottom:2px solid transparent;color:#fff;font-size:.75rem;font-weight:bold;letter-spacing:.1em;padding:10px 6px;text-decoration:none;text-transform:uppercase}.site-navigation a:hover,.site-navigation a:focus{border-bottom-color:var(--ui-teal);color:#fff}.site-navigation a.is-active{border-bottom-color:var(--ui-teal);color:#fff}
#menu-jump{border:1px solid rgba(255,255,255,.24);border-radius:2px}#menu-jump:focus-visible,#menu-close:focus-visible,.site-navigation a:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.breadcrumbs{background:rgba(8,10,15,.92);color:#fff!important;font-size:.88rem;letter-spacing:.02em;opacity:1!important;padding:14px clamp(20px,4vw,56px);position:relative!important;z-index:4!important}.breadcrumbs a{color:var(--ui-teal)!important;font-weight:bold;pointer-events:auto!important}
body:not(.home-page) .breadcrumbs{margin-top:76px}
body:not(.home-page) #bg-grid{opacity:0!important}
body:not(.home-page) #bg-img{opacity:0!important;visibility:hidden!important}
body:not(.home-page) main{position:relative!important;z-index:5!important}
.blog-index-page .post-card{width:auto!important}
.careers-page .headline-box-single:after{display:none!important}
.careers-page{background:#15191f!important;color:#eaf0f3}
.careers-page .careers-list{margin:0 auto;max-width:1240px;padding:32px clamp(16px,4vw,52px) 56px!important}
.careers-page .headline-box-single{background:linear-gradient(135deg,#24384a,#1a2029)!important;border-left:5px solid var(--ui-teal);height:auto!important;margin:0 0 22px!important;min-height:0!important;width:100%!important}
.careers-page .headline-box-single h1{background:transparent!important;color:#fff!important;display:block!important;font-size:clamp(2rem,4vw,3.5rem);height:auto!important;margin:0!important;padding:30px clamp(22px,4vw,48px)!important;position:static!important;width:auto!important}
.careers-page .headline-box-single h1 b{font-weight:500}
.careers-page .intro-text{background:#202b36;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#dbe5eb;height:auto!important;margin:0 auto 22px!important;padding:26px clamp(22px,4vw,48px)!important;width:100%!important}
.careers-page .intro-text-inner{font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65;max-width:78ch}
.careers-page .careers-list>ul{display:grid!important;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0!important;padding:0!important}
.careers-page .careers-list>ul>li{background:#fff;border:1px solid #dbe3e9;border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.16);color:#253542;display:block;height:auto!important;margin:0!important;min-height:0!important;padding:26px clamp(20px,3vw,34px)!important;width:auto!important}
.careers-page .careers-list>ul>li h2{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.25;margin:0 0 12px!important}
.careers-page .careers-list>ul>li h2 a{color:#176e78!important;text-decoration:none}
.careers-page .careers-list>ul>li h2 a:hover,.careers-page .careers-list>ul>li h2 a:focus{color:#0d4c54!important;text-decoration:underline}
.careers-page .careers-list>ul>li h2 a:after{color:#3cc1b5;content:'＋';float:right;font-size:1.25rem;font-weight:400;margin-left:12px}
.careers-page .careers-list>ul>li[data-toggle-open="true"] h2 a:after{content:'−'}
.careers-page .careers-list>ul>li .short{color:#566874;font-size:.98rem;line-height:1.6;min-height:0!important;white-space:pre-line}
.careers-page .careers-list>ul>li .long{border-top:1px solid #e2e8ec;color:#40515e;display:none!important;font-size:.95rem;line-height:1.6;margin-top:20px;padding-top:20px}
.careers-page .careers-list>ul>li[data-toggle-open="true"] .long{display:block!important}
.careers-page .careers-list>ul>li .long p,.careers-page .careers-list>ul>li .long ul{margin:0 0 1rem}
.careers-page .careers-list>ul>li .long ul{padding-left:1.25rem}.careers-page .careers-list>ul>li .long li{margin:.35rem 0}
.careers-page .careers-list>ul>li .long *{color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.careers-page .careers-list form{background:#f4f7f8;border:1px solid #dbe3e9;border-radius:8px;color:#253542;display:block!important;margin:22px 0 0!important;max-width:700px;padding:20px!important;width:100%!important}
.careers-page .careers-list form label{color:#40515e;display:block;font-size:.8rem;font-weight:700;margin:0 0 6px}
.careers-page .careers-list form input:not([type="hidden"]),.careers-page .careers-list form textarea{background:#fff;border:1px solid #bfccd4;border-radius:4px;color:#253542;display:block;font:inherit;margin:0 0 14px;padding:10px 12px;width:100%}
.careers-page .careers-list form textarea{min-height:96px;resize:vertical}.careers-page .careers-list form input:focus,.careers-page .careers-list form textarea:focus{border-color:#2b9d9b;box-shadow:0 0 0 3px rgba(43,157,155,.18);outline:none}
.careers-page .careers-list form .confirm-email{display:none!important}.careers-page .careers-list form label.button{background:#d8eeee;border:1px solid #9bcfcd;border-radius:4px;color:#176e78;cursor:pointer;display:inline-block;margin:2px 0 12px;padding:10px 14px}.careers-page .careers-list form input[type="file"]{border:0;padding:0}
.careers-page .careers-list form .form-submit{margin:8px 0 0}.careers-page .careers-list form button{background:#176e78;border:0;border-radius:4px;color:#fff;cursor:pointer;font:700 .9rem inherit;padding:11px 18px}.careers-page .careers-list form button:hover{background:#0d4c54}
.careers-page .seo-copy{background:linear-gradient(135deg,#111820,#202b36);border-left:5px solid var(--ui-teal);margin:34px auto 0!important;max-width:1240px;padding:clamp(2rem,5vw,4rem) clamp(20px,7vw,90px)!important}.careers-page .contextual-link{background:#e4f6f5!important;color:#1a2830!important;margin:0!important;padding:16px 5vw!important}.careers-page .contextual-link a{color:#237d82!important}
.team-page{background:#15191f!important;color:#f6f8fb}.team-page .team-list{margin:0 auto;max-width:1240px;padding:32px clamp(18px,4vw,52px) 48px!important}.team-page .team-list .headline-box-single{background:linear-gradient(135deg,#24384a,#1a232d)!important;border-left:5px solid var(--ui-teal);height:auto!important;margin:0 0 24px!important;width:100%!important}.team-page .team-list .headline-box-single h1{background:transparent!important;color:#fff!important;height:auto!important;margin:0!important;padding:26px 30px!important;position:static!important;width:auto!important}.team-page .team-list .hover-list{display:grid!important;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0!important;padding:0!important}.team-page .team-list .hover-list>li{background:#1b232d;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.18);display:flex;flex-direction:column;float:none!important;height:auto!important;margin:0!important;opacity:1!important;overflow:hidden;position:static!important;width:auto!important}.team-page .team-list .image{background:#273746;float:none!important;height:210px!important;overflow:hidden;position:relative;width:100%!important}.team-page .team-list .image>a{display:block;height:100%;position:relative;width:100%}.team-page .team-list .image picture,.team-page .team-list .image img{display:block;height:100%;inset:0;position:absolute!important;width:100%!important}.team-page .team-list .image img{object-fit:cover}.team-page .team-list .image-overlay{align-items:center;background:rgba(15,24,31,.72)!important;bottom:0;display:flex!important;flex-direction:column;height:100%!important;justify-content:center;left:0!important;opacity:0!important;right:auto!important;top:0;width:100%!important}.team-page .team-list .hover-list>li:hover .image-overlay,.team-page .team-list .hover-list>li:focus-within .image-overlay{opacity:1!important}.team-page .team-list .image-overlay q{color:#fff;font-size:.9rem;line-height:1.4;padding:12px 20px;text-align:center}.team-page .team-list .image-overlay span{color:#a9e2dc;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.team-page .team-list .info{float:none!important;margin:0!important;position:static!important;width:100%!important}.team-page .team-list .info-inner{background:transparent!important;color:#fff;height:auto!important;padding:17px 18px 18px!important;position:static!important;width:auto!important}.team-page .team-list .name{display:block;font-size:1.05rem;font-weight:700;line-height:1.25;margin-bottom:7px}.team-page .team-list .bio{color:#b8c6d2;font-size:.86rem;line-height:1.45;margin:0;padding-left:1rem}.team-page .team-list .bio li{margin:.2rem 0}
.team-page .team-list .headline-box-single:after{display:none!important}
.team-member-page{background:#15191f!important;color:#f6f8fb}.team-member-page main{background:#15191f}.team-member-page .team-member-image{background:linear-gradient(135deg,#24384a,#1a232d)!important;border-left:5px solid var(--ui-teal);display:flex;height:auto!important;margin:0 auto!important;max-width:1240px;min-height:260px;padding:0!important;position:relative!important}.team-member-page .team-member-image .image{background:linear-gradient(135deg,#31566f,#18212b)!important;display:block;height:auto!important;min-height:260px;position:static!important;width:38%!important}.team-member-page .team-member-image .info{align-items:center;display:flex!important;padding:34px clamp(24px,5vw,72px);position:static!important;width:62%!important}.team-member-page .team-member-image .info-inner{position:static!important}.team-member-page .team-member-image .name{color:#fff;font-size:clamp(2rem,4vw,4rem);font-weight:500}.team-member-page .team-member-image .bio{color:#bfe2df;font-size:1rem;line-height:1.55;margin:14px 0 0;padding:0}.team-member-page .team-member-bio{background:#fff;border-radius:8px;color:#34434e;margin:22px auto 0;max-width:1240px;padding:28px clamp(24px,6vw,78px)}.team-member-page .team-member-bio p{font-size:1.05rem;line-height:1.7;margin:0 auto 1rem;max-width:78ch}.team-member-page .headline-box-single{display:none!important}
.clients-page,.portfolio-companies-page,.recognition-page,.contact-page{background:#15191f!important;color:#f6f8fb}.clients-page .client-list,.portfolio-companies-page .client-list,.recognition-page .client-list,.contact-page .grid-box-list{background:transparent!important;margin:0 auto;max-width:1240px;padding:32px clamp(18px,4vw,52px) 48px!important}.clients-page .grid-boxes,.portfolio-companies-page .grid-boxes,.recognition-page .grid-boxes,.contact-page .grid-boxes{display:grid!important;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0!important;padding:0!important;width:auto!important}.clients-page .grid-box,.portfolio-companies-page .grid-box,.recognition-page .grid-box,.contact-page .grid-box{background:#1b232d!important;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.16);float:none!important;height:auto!important;margin:0!important;min-height:170px;position:static!important;width:auto!important}.clients-page .grid-box.headline-box,.portfolio-companies-page .grid-box.headline-box,.recognition-page .grid-box.headline-box{background:linear-gradient(135deg,#24384a,#1a232d)!important;border-left:5px solid var(--ui-teal);grid-column:1/-1;min-height:0}.clients-page .grid-box.headline-box h1,.portfolio-companies-page .grid-box.headline-box h1,.recognition-page .grid-box.headline-box h1{color:#fff;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;margin:0;padding:26px 30px}.clients-page .grid-box-inner,.portfolio-companies-page .grid-box-inner,.recognition-page .grid-box-inner,.contact-page .grid-box-inner{background:transparent!important;color:#fff;height:auto!important;padding:22px!important;position:static!important;transform:none!important;width:auto!important}.clients-page .grid-box .logo-wrap,.portfolio-companies-page .grid-box .logo-wrap,.recognition-page .grid-box .logo-wrap{align-items:center;display:flex;height:94px;justify-content:center}.clients-page .grid-box .logo,.portfolio-companies-page .grid-box .logo,.recognition-page .grid-box .logo{filter:none;max-height:70px;max-width:100%;object-fit:contain;width:auto}.clients-page .grid-box ul,.portfolio-companies-page .grid-box ul,.recognition-page .grid-box ul{color:#b8c6d2;font-size:.8rem;line-height:1.45;margin:10px 0 0;padding-left:1rem}.clients-page .grid-box .brand-color,.portfolio-companies-page .grid-box .brand-color,.recognition-page .grid-box .brand-color{display:none}.contact-page .grid-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-page .grid-box{min-height:150px}.contact-page .grid-box-inner{color:#dbe5eb;font-size:1rem;line-height:1.6;text-align:center}.contact-page .grid-box-inner a{color:#8fe0d8}
.clients-page .grid-box.headline-box:after,.portfolio-companies-page .grid-box.headline-box:after,.recognition-page .grid-box.headline-box:after{display:none!important}
body.contact-page .grid-box.headline-box{background:linear-gradient(135deg,#24384a,#1a232d)!important;border-left:5px solid var(--ui-teal);grid-column:1/-1;grid-row:1;order:0!important;min-height:0}
body.contact-page .grid-box{order:initial!important}
body.contact-page .grid-box.headline-box h1.grid-box-inner{color:#fff!important;display:block!important;font-size:clamp(2rem,4vw,3.4rem)!important;font-weight:500!important;padding:26px 30px!important}
body.clients-page .grid-box.headline-box,body.portfolio-companies-page .grid-box.headline-box,body.recognition-page .grid-box.headline-box{order:0!important}
body.clients-page .grid-box,body.portfolio-companies-page .grid-box,body.recognition-page .grid-box{order:initial!important}
body.clients-page .grid-box.headline-box h1.grid-box-inner,body.portfolio-companies-page .grid-box.headline-box h1.grid-box-inner,body.recognition-page .grid-box.headline-box h1.grid-box-inner{color:#fff!important;display:block!important;font-size:clamp(2rem,4vw,3.4rem)!important;font-weight:500!important;padding:26px 30px!important}
body.clients-page .grid-box-inner,body.portfolio-companies-page .grid-box-inner,body.recognition-page .grid-box-inner{display:block!important;overflow:visible!important}
body.clients-page .grid-box .logo-wrap,body.portfolio-companies-page .grid-box .logo-wrap,body.recognition-page .grid-box .logo-wrap{position:static!important;transform:none!important;width:100%!important}
body.clients-page .grid-box .logo,body.portfolio-companies-page .grid-box .logo,body.recognition-page .grid-box .logo{position:static!important;transform:none!important}
body.clients-page .grid-box:after,body.portfolio-companies-page .grid-box:after,body.recognition-page .grid-box:after,body.contact-page .grid-box:after{display:none!important}
.shopify-plus-page{background:#eef3f5!important;color:#20303b}.shopify-plus-page .hero{height:clamp(280px,38vw,470px)!important;margin:0 auto!important;max-width:1400px;overflow:hidden;position:relative!important}.shopify-plus-page .hero picture,.shopify-plus-page .hero picture img{display:block;height:100%!important;width:100%!important}.shopify-plus-page .hero picture img{object-fit:cover}.shopify-plus-page .hero .title{align-items:center;background:linear-gradient(90deg,rgba(11,28,39,.8),rgba(11,28,39,.08));bottom:0;display:flex!important;left:0;padding:clamp(22px,5vw,70px);position:absolute!important;right:0;top:0}.shopify-plus-page .hero .flex-container{align-items:center;display:flex;flex-wrap:wrap;gap:18px;max-width:800px}.shopify-plus-page .hero .flex-container img{height:auto;max-height:62px;object-fit:contain;width:auto}.shopify-plus-page .overview,.shopify-plus-page .examples,.shopify-plus-page .why,.shopify-plus-page .key-features,.shopify-plus-page .how{background:#fff;margin:22px auto 0;max-width:1240px;padding:clamp(2rem,5vw,4rem) clamp(22px,6vw,78px)}.shopify-plus-page .overview p,.shopify-plus-page .why p,.shopify-plus-page .how p{color:#40515e;font-size:1.05rem;line-height:1.7;max-width:78ch}.shopify-plus-page .examples h2,.shopify-plus-page .why h1,.shopify-plus-page .key-features>h2,.shopify-plus-page .how h2{color:#172733;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;margin:0 0 1.5rem}.shopify-plus-page .examples .hover-list{display:grid!important;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0!important;padding:0!important}.shopify-plus-page .examples .hover-list>li{background:#1b2732;border-radius:8px;float:none!important;height:auto!important;margin:0!important;min-height:220px;overflow:hidden;position:relative!important;width:auto!important}.shopify-plus-page .examples .hover-list .image{height:220px!important;position:static!important}.shopify-plus-page .examples .hover-list .image img{height:100%!important;object-fit:cover;width:100%!important}.shopify-plus-page .examples .hover-list .image-overlay{align-items:center;background:rgba(15,24,31,.68)!important;display:flex!important;flex-direction:column;height:100%!important;justify-content:center;opacity:1!important;position:absolute!important;inset:0!important}.shopify-plus-page .examples .hover-list .image-overlay b{color:#fff;font-size:1.3rem}.shopify-plus-page .examples .hover-list .image-overlay span{color:#9fe1dc;font-size:.8rem;margin-top:8px;text-transform:uppercase}.shopify-plus-page .key-features-container{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.shopify-plus-page .key-features-container>div{background:#f2f6f7;border:1px solid #dbe5e8;border-radius:8px;padding:22px}.shopify-plus-page .key-features-container h2{color:#176e78;font-size:1.1rem;margin:0 0 10px}.shopify-plus-page .key-features-container p{color:#40515e;font-size:.92rem;line-height:1.6;margin:0}.shopify-plus-page .how{margin-bottom:22px}.shopify-plus-page .actions a{background:#176e78;border-radius:4px;color:#fff;display:inline-block;padding:12px 18px;text-decoration:none}.shopify-plus-page .actions a:hover{background:#0d4c54}
.services-page{background:#15191f!important;color:#f5f8fa}.services-page .intro{background:linear-gradient(135deg,#24384a,#1a232d);border-left:5px solid var(--ui-teal);margin:0 auto 24px;max-width:1240px;padding:clamp(2rem,5vw,4rem) clamp(22px,6vw,80px)!important}.services-page .intro h1{color:#fff;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.15;margin:0 0 1rem;max-width:34ch}.services-page .intro .author{color:#9fe1dc;margin-bottom:1rem}.services-page .intro p{color:#d9e4eb;font-size:1.05rem;line-height:1.65;margin:0;max-width:75ch}.services-page .service-tiles{background:transparent!important;margin:0 auto;max-width:1240px;padding:0 clamp(18px,4vw,52px)!important}.services-page #tiles{display:grid!important;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0!important;padding:0!important}.services-page #tiles>li.tile{background-color:#1b232d!important;background-position:center top!important;background-repeat:no-repeat!important;background-size:100% 145px!important;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.18);display:flex!important;flex-direction:column;float:none!important;height:auto!important;min-height:335px;overflow:hidden;position:relative;transition:transform 180ms ease,box-shadow 180ms ease;width:auto!important}.services-page #tiles>li.tile:hover,.services-page #tiles>li.tile:focus-within{box-shadow:0 18px 42px rgba(0,0,0,.3);transform:translateY(-4px)}.services-page #tiles .initial{background:linear-gradient(180deg,rgba(27,35,45,0) 0,#1b232d 55%);display:block!important;height:auto!important;margin-top:105px!important;padding:36px 22px 10px!important;position:static!important;width:auto!important}.services-page #tiles .initial a{color:#fff!important;display:block;text-decoration:none}.services-page #tiles .initial h2{font-size:1.25rem;line-height:1.2;margin:0}.services-page #tiles .hovered{background:#1b232d!important;display:block!important;height:auto!important;opacity:1!important;padding:0 22px 24px!important;position:static!important;transform:none!important;visibility:visible!important;width:auto!important}.services-page #tiles .hover-content,.services-page #tiles .hover-content-collection{display:block!important;height:auto!important;position:static!important;width:auto!important}.services-page #tiles .img-container,.services-page #tiles .logos,.services-page #tiles .btn-wrap{display:none!important}.services-page #tiles .description{color:#c6d1db;font-size:.92rem;line-height:1.55;max-width:none!important;opacity:1!important;position:static!important}.services-page .seo-copy{background:linear-gradient(135deg,#111820,#202b36);border-left:5px solid var(--ui-teal);margin:34px auto 0!important;max-width:1240px;padding:clamp(2rem,5vw,4rem) clamp(20px,7vw,90px)!important}.services-page .contextual-link{background:#e4f6f5!important;color:#1a2830!important;margin:0!important;padding:16px 5vw!important}.services-page .contextual-link a{color:#237d82!important}
.blog-post-page{background:#eef2f5!important;color:#1b2732}.blog-post-page .blog-article{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 16px 45px rgba(22,37,48,.12);margin:0 auto!important;max-width:980px;padding:clamp(2rem,5vw,4.5rem) clamp(22px,6vw,78px)!important}.blog-post-page .article-header{align-items:initial;background:transparent!important;backdrop-filter:none;display:block;height:auto!important;margin:0!important;overflow:visible!important;padding:0 0 1rem!important;position:static!important;z-index:auto!important}.blog-post-page .article-header .eyebrow{color:#258d8b;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.blog-post-page .article-header h1{color:#172733;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:500;line-height:1.05;margin:0 0 1.25rem}.blog-post-page .article-header .article-dek{color:#5c6a75;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.5;margin:0;max-width:62ch}.blog-post-page .blog-article p{color:#34434e;font-size:1.05rem;line-height:1.75;margin:1.15rem auto;max-width:72ch}.blog-post-page .blog-article h2{color:#172733;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;margin:2.5rem auto 1rem;max-width:72ch}.blog-post-page .blog-article ul{color:#34434e;line-height:1.7;margin:1rem auto 2rem;max-width:68ch;padding-left:1.25rem}.blog-post-page .article-hero,.blog-post-page .article-image{margin:2rem auto;max-width:820px}.blog-post-page .article-hero img,.blog-post-page .article-image img{border-radius:8px;display:block;height:auto;max-height:560px;object-fit:cover;width:100%}.blog-post-page .article-hero figcaption,.blog-post-page .article-image figcaption{color:#70808b;font-size:.75rem;margin-top:.5rem}.blog-post-page .blog-article table{border-collapse:collapse;display:block;margin:1.5rem auto 2.25rem;max-width:100%;overflow-x:auto;width:72ch}.blog-post-page .blog-article th,.blog-post-page .blog-article td{border:1px solid #d9e1e6;padding:12px 14px;text-align:left}.blog-post-page .blog-article th{background:#e8f5f4;color:#1c5f61;font-size:.85rem}.blog-post-page .blog-article td{color:#34434e;font-size:.92rem}.blog-post-page .recent-posts{background:#18232d!important;border-radius:10px 10px 0 0;margin:3.5rem 0 -4.5rem!important;padding:2rem clamp(22px,5vw,60px)!important}.blog-post-page .recent-posts h2{color:#fff!important;margin:0 0 1.25rem!important;max-width:none!important}.blog-post-page .recent-post-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));height:auto!important}.blog-post-page .recent-post-card{background:#263542;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;display:flex!important;flex-direction:column;overflow:hidden;text-decoration:none;width:auto!important}.blog-post-page .recent-post-card:hover{transform:translateY(-3px)}.blog-post-page .recent-post-card img{aspect-ratio:16/9;height:auto!important;object-fit:cover;width:100%!important}.blog-post-page .recent-post-card span{font-size:1rem;font-weight:700;line-height:1.3;padding:15px 16px 5px}.blog-post-page .recent-post-card time{color:#a9d8d4;font-size:.78rem;padding:0 16px 15px}.blog-post-page .related-pages{background:#fff}
.blog-index-page{background:#15191f!important}.blog-index-page .blog-intro{background:linear-gradient(135deg,#438ccb,#2e6fae);margin:0 auto;min-height:300px;padding:clamp(3rem,6vw,5rem) clamp(20px,8vw,110px)!important}.blog-index-page .blog-intro h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;margin:.5rem 0 1rem}.blog-index-page .blog-intro p{font-size:clamp(1rem,1.4vw,1.2rem);max-width:68ch}.blog-index-page .post-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1240px;padding:34px clamp(18px,4vw,52px)!important}.blog-index-page .post-card{background:#1b232d;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.18);display:flex;min-width:0;overflow:hidden;transition:transform 180ms ease,box-shadow 180ms ease}.blog-index-page .post-card:hover,.blog-index-page .post-card:focus-within{box-shadow:0 18px 42px rgba(0,0,0,.3);transform:translateY(-4px)}.blog-index-page .post-card>a{color:#fff;display:flex;flex:1;flex-direction:column;text-decoration:none}.blog-index-page .post-card img{aspect-ratio:16/9;height:auto!important;object-fit:cover;width:100%}.blog-index-page .post-card-content{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0!important;padding:20px!important}.blog-index-page .post-card-content .eyebrow{color:#8fe0d8;font-size:.75rem;margin:0}.blog-index-page .post-card-content h2{font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.2;margin:0}.blog-index-page .post-card-content>p:not(.eyebrow){color:#c6d1db;font-size:.92rem;line-height:1.5;margin:0}.blog-index-page .post-card-content .text-link{color:#8fe0d8;font-size:.85rem;font-weight:700;margin-top:auto;padding-top:8px}.blog-index-page .seo-copy{background:linear-gradient(135deg,#111820,#202b36);border-left:5px solid var(--ui-teal);margin:0 auto!important;max-width:1240px;padding:clamp(2rem,5vw,4rem) clamp(20px,7vw,90px)!important}.blog-index-page .contextual-link{background:#e4f6f5!important;color:#1a2830!important;margin:0!important;padding:16px 5vw!important}.blog-index-page .contextual-link a{color:#237d82!important}
.work-page .work-list{position:relative!important;z-index:5!important}
.work-page{background:#15191f!important;color:#f6f8fb}.work-page .work-list{margin:0 auto!important;max-width:1240px;padding:32px clamp(18px,4vw,52px) 48px!important}.work-page .work-list .headline-box-single{background:linear-gradient(135deg,#24384a,#1a232d)!important;border-left:5px solid var(--ui-teal);float:none!important;height:auto!important;margin:0 0 28px!important;min-height:0!important;width:100%!important}.work-page .work-list .headline-box-single h1{height:auto!important;margin:0!important;min-height:0!important;padding:26px 30px!important;width:auto!important}.work-page .work-list .headline-box-single h1 b{color:#fff;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:500}.work-page .work-list .hover-list{display:grid!important;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0!important;padding:0!important}.work-page .work-list .hover-list>li{background:#1b232d;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.18);clear:none!important;display:flex;flex-direction:column;float:none!important;margin:0!important;min-height:0;overflow:hidden;position:relative;transition:transform 180ms ease,box-shadow 180ms ease}.work-page .work-list .hover-list>li:hover,.work-page .work-list .hover-list>li:focus-within{box-shadow:0 18px 42px rgba(0,0,0,.3);transform:translateY(-4px)}.work-page .work-list .hover-list .image{background:#273746;float:none!important;height:220px!important;overflow:hidden;position:relative;width:100%!important}.work-page .work-list .hover-list .image:after{display:none!important}.work-page .work-list .hover-list .image>a{display:block;height:100%;position:relative;width:100%}.work-page .work-list .hover-list .image picture,.work-page .work-list .hover-list .image img{display:block;height:100%;position:absolute!important;inset:0;width:100%!important}.work-page .work-list .hover-list .image img{object-fit:cover}.work-page .work-list .hover-list .image-overlay{align-items:center;background:rgba(15,24,31,.68)!important;bottom:0;display:flex!important;height:100%!important;justify-content:center;left:0!important;opacity:0!important;right:auto!important;top:0;width:100%!important}.work-page .work-list .hover-list>li:hover .image-overlay,.work-page .work-list .hover-list>li:focus-within .image-overlay{opacity:1!important}.work-page .work-list .hover-list .image-overlay span{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.12em;padding:12px 18px;text-transform:uppercase}.work-page .work-list .hover-list .info{float:none!important;margin:0!important;position:static!important;width:100%!important}.work-page .work-list .hover-list .info:after{display:none!important}.work-page .work-list .hover-list .info-inner{background:transparent!important;bottom:auto!important;color:#fff;display:block;font-size:1rem;height:auto!important;left:auto!important;margin:0!important;padding:18px 20px 21px!important;position:static!important;right:auto!important;text-transform:none;top:auto!important;width:auto!important}.work-page .work-list .hover-list .info-inner:before{display:none!important}.work-page .work-list .hover-list .name{font-size:1.05rem;font-weight:700;line-height:1.25;margin:0 0 7px}.work-page .work-list .hover-list .bio{color:#b8c6d2;font-size:.9rem;line-height:1.4}.work-page .seo-copy{background:linear-gradient(135deg,#111820,#202b36);border-left:5px solid var(--ui-teal);margin:0 auto!important;max-width:1240px;padding:clamp(2rem,5vw,4rem) clamp(20px,7vw,90px)!important}.work-page .seo-copy-inner{max-width:1000px}.work-page .contextual-link{background:#e4f6f5!important;color:#1a2830!important;margin:0!important;padding:16px 5vw!important}.work-page .contextual-link a{color:#237d82!important}
.services-page #tiles>li.tile{background-image:linear-gradient(180deg,var(--tile-accent) 0,rgba(27,35,45,.9) 145px,#1b232d 145px)!important}.services-page #tiles>li.tile:nth-child(1){--tile-accent:#35b9b0}.services-page #tiles>li.tile:nth-child(2){--tile-accent:#438ccb}.services-page #tiles>li.tile:nth-child(3){--tile-accent:#6c7ed8}.services-page #tiles>li.tile:nth-child(4){--tile-accent:#3bafc4}.services-page #tiles>li.tile:nth-child(5){--tile-accent:#d28c47}.services-page #tiles>li.tile:nth-child(6){--tile-accent:#7c9dd7}.services-page #tiles>li.tile:nth-child(7){--tile-accent:#45b891}.services-page #tiles>li.tile:nth-child(8){--tile-accent:#a483d6}.services-page #tiles>li.tile:nth-child(9){--tile-accent:#3d9bd0}.services-page #tiles>li.tile:before{display:none!important}
.services-page #tiles .initial .service-title{color:#fff!important;display:block;font-size:1.25rem;font-weight:700;line-height:1.2}
.seo-copy{padding:clamp(2.5rem,6vw,5rem) clamp(20px,7vw,100px)}.seo-copy-inner{max-width:1000px}.seo-copy p{font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.7;max-width:78ch}.seo-copy h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.15}
.blog-intro,.sitemap-intro{padding:clamp(5rem,10vw,9rem) clamp(20px,7vw,100px) clamp(3.5rem,7vw,6rem)}.blog-intro p,.sitemap-intro p{max-width:72ch}.post-card-content{min-height:250px}.post-card a:focus-visible{outline:3px solid var(--ui-focus);outline-offset:-5px}.post-card:hover img{transform:scale(1.025)}.post-card img{transition:transform 220ms ease}
.related-pages{padding-left:clamp(20px,7vw,100px);padding-right:clamp(20px,7vw,100px)}.related-pages a:hover,.contextual-link a:hover{color:var(--ui-blue)}
footer{align-items:center;background:linear-gradient(135deg,#080a0f,#111923);border-top:1px solid rgba(60,193,181,.32);display:flex;flex-wrap:wrap;gap:18px 28px;justify-content:space-between;min-height:124px;padding:30px clamp(20px,5vw,60px);position:relative!important}footer .made-in-ny{flex:0 0 auto}footer .made-in-ny img{height:auto;max-width:92px;width:92px}footer .footer-navigation{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px 20px;inset:auto!important;justify-content:center;opacity:1!important;overflow:visible!important;position:static!important;visibility:visible!important}footer .footer-navigation a{color:#dbe6ed;font-size:.88rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}footer .footer-navigation a:hover,footer .footer-navigation a:focus-visible{color:var(--ui-teal)}footer .copyright{color:var(--ui-muted);font-size:.85rem;line-height:1.4;margin:0}
#menu{z-index:29!important}#menu .grid-box-inner{font-size:clamp(1rem,2.2vw,2rem)}#menu #menu-close{background:rgba(8,10,15,.96);border:1px solid rgba(255,255,255,.26);color:#fff;display:flex;font-size:.78rem;font-weight:bold;height:auto;justify-content:center;letter-spacing:.12em;line-height:1;padding:16px 18px;right:18px;text-indent:0;text-transform:uppercase;top:16px;width:auto;z-index:40}#menu #menu-close:hover{background:var(--ui-teal);color:#061014}
body:not([data-nav-open]) #menu{pointer-events:none!important}
/* Compact home layout: keep the archive mood while bringing the useful content above the fold. */
body.home-page{background-color:#15191f;background-image:none!important}.home-page #bg-img{bottom:auto!important;height:clamp(460px,62svh,650px);max-height:650px;position:absolute!important;top:0!important}.home-page #bg-img img{height:100%!important;object-fit:cover;top:0;width:100%}.home-page .about-genome{margin:0 auto;max-width:1440px;padding:68px 4vw 3.5rem!important}.home-page .about-genome .grid-box:after{padding-bottom:72%!important}.home-page .about-genome>.grid-box-triple:after{padding-bottom:28%!important}.home-page #services{display:grid!important;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1180px;padding:0 4vw!important}.home-page #services>div{height:auto!important;min-height:260px;padding:clamp(2rem,4vw,4rem)!important;position:relative!important;width:auto!important}.home-page #home-clients{margin:0 auto;max-width:1180px;padding:3.5rem 4vw!important}.home-page #home-clients .grid-boxes{margin:2rem 0!important}.home-page #home-clients .grid-boxes .grid-box:after{padding-bottom:60%!important}.home-page .portfolio-feature{margin:0 auto!important;max-width:1180px}.home-page .seo-copy{background:linear-gradient(135deg,rgba(17,21,28,.98),rgba(30,38,48,.96));border-left:5px solid var(--ui-teal);box-shadow:0 16px 50px rgba(0,0,0,.2);margin:2rem auto 0;max-width:1180px;padding:clamp(2rem,5vw,4rem)}.home-page .seo-copy-inner{max-width:none}.home-page .seo-copy h2{color:#fff;margin-top:0}.home-page .seo-copy p{color:#e1e8ee}
.work-page .work-list .headline-box-single h1{display:block!important;position:static!important}
.work-page .work-list .headline-box-single h1{background:transparent!important;color:#fff!important}
.work-page .work-list .hover-list .name{display:block!important}
.work-page .work-list .headline-box-single:after{display:none!important}
@media (min-width:901px){.home-page .seo-copy-inner{column-count:2;column-gap:clamp(2rem,5vw,5rem)}.home-page .seo-copy-inner h2{column-span:all;margin-bottom:1.5rem}.home-page .seo-copy-inner p{break-inside:avoid}}
@media (max-width:1100px){.site-navigation{gap:2px}.site-navigation a{font-size:.68rem;padding-left:4px;padding-right:4px}}
@media (max-width:900px){header{height:68px}.site-navigation{display:none}header .genome-logo{padding:16px 18px}header .genome-logo img{height:31px}header .menu-toggle{margin-left:auto}.blog-intro,.sitemap-intro{padding-top:6rem}.post-card-content{min-height:0}.related-pages ul{display:block}.related-pages li{margin:.6rem 0}.home-page #bg-img{height:clamp(420px,62svh,560px)}.home-page .about-genome{padding:68px 16px 2.5rem!important}.home-page .about-genome .grid-box:after{padding-bottom:8.5em!important}.home-page #services{grid-template-columns:1fr;padding:0 16px!important}.home-page #services>div{min-height:220px;padding:2rem!important}.home-page #home-clients{padding:2.5rem 16px!important}.home-page #home-clients .grid-boxes{margin:1rem 0!important}.home-page .seo-copy{margin-top:1.25rem;padding:2rem 20px}.home-page .seo-copy p{font-size:1rem;line-height:1.6}body:not(.home-page) .breadcrumbs{margin-top:68px}}
@media (max-width:900px){.work-page .work-list{padding:24px 16px 34px!important}.work-page .work-list .hover-list{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-page .work-list .hover-list .image{height:175px!important}.work-page .work-list .hover-list .info-inner{padding:15px!important}.work-page .work-list .hover-list .name{font-size:.95rem}.work-page .work-list .hover-list .bio{font-size:.8rem}}
@media (max-width:560px){.work-page .work-list .hover-list{grid-template-columns:1fr}.work-page .work-list .hover-list .image{height:220px!important}}
@media (max-width:900px){.blog-index-page .post-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 16px!important}.blog-index-page .blog-intro{min-height:240px;padding:3rem 20px!important}}
@media (max-width:560px){.blog-index-page .post-grid{grid-template-columns:1fr}.blog-index-page .post-card img{aspect-ratio:16/10}}
@media (max-width:900px){.blog-post-page .blog-article{border-radius:0;padding:2rem 20px!important}.blog-post-page .article-hero,.blog-post-page .article-image{margin:1.5rem auto}.blog-post-page .article-hero img,.blog-post-page .article-image img{max-height:420px}.blog-post-page .recent-posts{margin:2.5rem 0 -2rem!important;padding:1.5rem 20px!important}.blog-post-page .recent-post-grid{grid-template-columns:1fr}}
@media (max-width:900px){.services-page #tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.services-page #tiles>li.tile{min-height:320px}.services-page #tiles .description{font-size:.88rem}}
@media (max-width:560px){.services-page .intro{margin-bottom:16px;padding:2rem 20px!important}.services-page #tiles{grid-template-columns:1fr}.services-page #tiles>li.tile{min-height:0}.services-page #tiles .initial{margin-top:105px!important}}
@media (max-width:900px){.careers-page .careers-list{padding:24px 16px 38px!important}.careers-page .careers-list>ul{grid-template-columns:1fr}.careers-page .careers-list>ul>li{padding:22px 20px!important}}
@media (max-width:900px){.team-page .team-list{padding:24px 16px 34px!important}.team-page .team-list .hover-list{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-page .grid-boxes,.portfolio-companies-page .grid-boxes,.recognition-page .grid-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page .grid-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.team-member-page .team-member-image{display:block}.team-member-page .team-member-image .image,.team-member-page .team-member-image .info{min-height:170px;width:100%!important}.team-member-page .team-member-image .info{padding:28px 24px}}
@media (max-width:560px){.team-page .team-list .hover-list{grid-template-columns:1fr}.clients-page .grid-boxes,.portfolio-companies-page .grid-boxes,.recognition-page .grid-boxes,.contact-page .grid-boxes{grid-template-columns:1fr}.clients-page .grid-box.headline-box,.portfolio-companies-page .grid-box.headline-box,.recognition-page .grid-box.headline-box{grid-column:auto}}
@media (max-width:900px){.shopify-plus-page .examples .hover-list,.shopify-plus-page .key-features-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.shopify-plus-page .hero{height:300px!important}.shopify-plus-page .hero .flex-container{gap:10px}.shopify-plus-page .hero .flex-container img{max-height:42px;max-width:46%}.shopify-plus-page .examples .hover-list,.shopify-plus-page .key-features-container{grid-template-columns:1fr}}
@media (max-width:900px){footer{align-items:flex-start;display:grid;grid-template-columns:auto 1fr;min-height:0;padding:26px 20px!important}footer .footer-navigation{align-items:flex-start;justify-content:flex-start}footer .copyright{grid-column:1/-1}}
@media (max-width:560px){footer{display:flex;flex-direction:column;gap:16px}footer .footer-navigation{gap:12px 18px;justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}