/* Approved Homepage: page-scoped so the other seven routes stay unchanged. */
.page-home .leadership-callout>img{content:url('/assets/home-compass-approved.webp');object-fit:contain}
.page-home .home-closing>img{content:url('/assets/home-closing-approved.webp')}
/* The mobile asset is a text-free crop of the approved mockup, not new art. */
.page-home .logo-filter{position:absolute;overflow:hidden}
.page-home .company-logo.grainger{filter:url(#grainger-ink)}
.page-home .company-logo.usertesting{filter:brightness(0) saturate(100%) invert(16%) sepia(23%) saturate(1937%) hue-rotate(162deg) brightness(89%)}
.page-home .home-hero{min-height:0;aspect-ratio:2.36;background:#0b354c;grid-template-columns:51% 49%}
.page-home .home-hero .hero-copy{padding:10% 0 3.8% 6%}
.page-home .home-hero h1{font-size:clamp(54px,6.6vw,88px);line-height:.9;letter-spacing:-1.1px;transform:scaleX(.85);transform-origin:left top;width:118%;margin-bottom:18px}
.page-home .home-hero p{font-size:clamp(17px,1.5vw,21px);width:108%;max-width:none;line-height:1.3;margin-bottom:14px}
.page-home .home-hero .hero-art{width:49%;object-position:40% center}
.page-home .hero-motto{font-size:10px;letter-spacing:2.6px;margin:0;position:absolute;left:6%;bottom:5%}
.page-home .home-hero .button{font-size:18px;padding:10px 22px}
.page-home .home-hero .outline .arrow{display:none}
.page-home .proof-band{grid-template-columns:16% repeat(3,minmax(0,1fr));gap:0;padding:30px 18px 26px}
.page-home .proof-band>div{padding:0 30px}
.page-home .proof-band h2{font-size:36px;max-width:140px}
.page-home .proof-band p{font-size:18px;line-height:1.3;margin-top:13px}
.page-home .selected-work{grid-template-columns:17% 1fr;gap:18px;padding:16px 18px 14px}
.page-home .selected-label h2{font-size:37px;max-width:140px}
.page-home .work-cards{gap:18px}
.page-home .work-card{padding:5px;border:1px solid #ded7c7}
.page-home .work-card>a img{aspect-ratio:1.98;min-height:0;object-fit:cover}
.page-home .work-card>div{display:grid;grid-template-columns:31% 1fr;gap:18px;padding:20px 15px 12px}
.page-home .card-brand .company-logo{width:100%;height:auto;max-height:95px;margin:0;object-fit:contain}
.page-home .card-brand .grainger{margin-top:12px;max-height:50px}
.page-home .work-card h3{font-size:25px;line-height:1.08}
.page-home .work-card p{font-size:18px;line-height:1.3}
.page-home .work-card .text-link{font-size:18px;gap:9px}
.page-home .text-link .arrow{filter:invert(35%) sepia(75%) saturate(1300%) hue-rotate(346deg) brightness(82%)}
.page-home .view-all{margin-top:14px}
.page-home .leadership-callout{grid-template-columns:110px 180px 1fr 160px;gap:22px;margin:2px 12px 8px;padding:27px 26px}
.page-home .leadership-callout h2{font-size:33px;line-height:1.03}
.page-home .leadership-callout p{font-size:18px;line-height:1.3;margin-bottom:12px}
.page-home .leadership-callout>.small-note{font-size:10px;line-height:1.7}
.page-home .leadership-callout .button{font-size:16px;min-height:40px;padding:9px 17px}
.page-home .home-closing{grid-template-columns:24% 23% 1fr;gap:25px;min-height:180px;padding-top:0;position:relative}
.page-home .home-closing>img{height:180px;object-position:20% center}
.page-home .home-closing h2{font-size:43px;align-self:start;margin-top:17px}
.page-home .home-closing>div{margin-bottom:28px}
@media(min-width:701px) and (max-width:1120px){
 .page-home .proof-band>div{padding:0 20px}.page-home .proof-band p{font-size:16px}.page-home .proof-band h2{font-size:31px}
 .page-home .work-card>div{gap:14px;padding:16px 10px 10px}.page-home .work-card h3{font-size:22px}.page-home .work-card p,.page-home .work-card .text-link{font-size:16px}
 .page-home .leadership-callout{grid-template-columns:90px 150px 1fr 135px;gap:18px;padding:24px 22px}.page-home .leadership-callout>.small-note{display:block}.page-home .leadership-callout h2{font-size:28px}.page-home .leadership-callout p{font-size:16px}.page-home .leadership-callout>.small-note{font-size:9px}
}
@media(min-width:701px) and (max-width:900px){
 .page-home .home-hero h1{font-size:clamp(46px,7vw,63px)}.page-home .home-hero p{font-size:17px}.page-home .home-hero .button{font-size:16px;padding:10px 13px}.page-home .home-hero .actions{gap:10px}.page-home .hero-motto{font-size:9px;margin-top:22px}
 .page-home .proof-band{grid-template-columns:14% repeat(3,minmax(0,1fr))}.page-home .proof-band h2{font-size:25px}.page-home .proof-band>div{padding:0 15px}.page-home .proof-band p{font-size:16px}
 .page-home .selected-work{grid-template-columns:14% 1fr}.page-home .selected-label h2{font-size:29px}.page-home .selected-label .small-note{font-size:10px}
 .page-home .work-card>div{display:block}.page-home .card-brand{height:58px;margin-bottom:12px}.page-home .card-brand .company-logo{width:110px;height:55px}.page-home .card-brand .grainger{margin:0}
 .page-home .leadership-callout{grid-template-columns:85px 155px 1fr}.page-home .leadership-callout>.small-note{display:none}.page-home .home-closing h2{font-size:36px}.page-home .home-closing>div{padding-left:22px}
}
@media(max-width:700px){
 .page-home .site{padding:0 4.5% 20px}
 .page-home .home-hero{margin:0 -4.945%;aspect-ratio:auto;display:block;background:#073957;overflow:hidden}.page-home .home-hero .hero-copy{padding:28px 8.3% 0}.page-home .home-hero h1{font-size:clamp(30px,8.2vw,56px);transform:scaleX(.9);width:111.12%;line-height:1;letter-spacing:-.8px;margin-bottom:16px}.page-home .home-hero p{font-size:clamp(17px,3.1vw,21px);max-width:84%;line-height:1.15;margin-bottom:17px}.page-home .home-hero .hero-art{position:relative;display:block;content:url('/assets/home-mobile-art.webp');width:100%;height:auto;aspect-ratio:3.46;object-fit:cover;margin:0;min-height:0}.page-home .home-hero .actions{margin-bottom:0}.page-home .home-hero .button{font-size:18px;min-height:44px;padding:10px 20px}.page-home .home-hero .hero-copy{padding-bottom:0}.page-home .hero-motto{display:none}
 .page-home .proof-band{grid-template-columns:repeat(3,minmax(0,1fr));padding:21px 0 18px;margin:0 16px;gap:0}.page-home .proof-band>div{padding:0 18px;text-align:left}.page-home .proof-band>div:nth-child(2){padding-left:0}.page-home .proof-band>div:last-child{padding-right:0}.page-home .proof-band p{font-size:16px;line-height:1.18;margin-top:10px}.page-home .proof-band .company-logo{height:49px;max-width:100%;margin:0}.page-home .proof-band .company-logo.usaa{height:59px}.page-home .proof-band .grainger,.page-home .proof-band .usertesting{height:43px;margin:7px 0 9px}
 .page-home .selected-work{display:block;padding:17px 16px 10px}.page-home .selected-label{margin-bottom:13px}.page-home .selected-label h2{font-size:30px;max-width:none}.page-home .work-cards{display:block}.page-home .work-card{display:grid;grid-template-columns:46% minmax(0,1fr);gap:24px;padding:0;margin-bottom:17px;border:0}.page-home .work-card>a img{aspect-ratio:2.1;height:auto;min-height:0;object-fit:cover}.page-home .work-card>div{display:block;padding:0}.page-home .card-brand{display:none}.page-home .work-card h3{font-size:22px;line-height:1.04;margin-bottom:8px}.page-home .work-card p{font-size:17px;line-height:1.15;margin-bottom:3px}.page-home .work-card .text-link{font-size:18px;min-height:35px;gap:9px}.page-home .view-all{margin:8px 0 0}.page-home .view-all .button{min-height:44px}
 .page-home .leadership-callout{grid-template-columns:28% 1fr;gap:6px 26px;padding:22px 24px;margin:5px 0 0}.page-home .leadership-callout>img{width:100%;max-width:135px;grid-row:1/3}.page-home .leadership-callout h2{font-size:29px;padding-left:27px}.page-home .leadership-callout>div{padding-left:27px}.page-home .leadership-callout p{font-size:17px;line-height:1.17;margin-bottom:10px}.page-home .leadership-callout>.small-note{display:none}.page-home .leadership-callout .button{font-size:16px;min-height:44px;padding:8px 14px;gap:10px}
 .page-home .home-closing{grid-template-columns:37% 29% 1fr;gap:15px;min-height:140px;padding:15px 0 0;align-items:start}.page-home .home-closing>img{grid-column:1;grid-row:1;width:100%;height:140px;max-height:none;object-fit:cover;object-position:25% center}.page-home .home-closing h2{font-size:34px;margin-top:8px;grid-column:2}.page-home .home-closing>div{grid-column:3;margin:0;padding:0 0 0 17px;border-left:1px solid #91a0a2}.page-home .home-closing p{font-size:16px;line-height:1.1;margin-bottom:12px}.page-home .home-closing .button{font-size:15px;padding:10px 12px;min-height:44px}.page-home .home-closing .arrow{display:none}
}
@media(max-width:430px){
 .page-home .home-hero .hero-copy{padding:25px 7% 0}.page-home .home-hero h1{font-size:clamp(28px,8.4vw,36px);letter-spacing:-.6px}.page-home .home-hero p{font-size:17px;max-width:96%;line-height:1.25}.page-home .home-hero .button{font-size:17px}.page-home .home-hero .hero-art{aspect-ratio:3.1}
 .page-home .proof-band{margin:0;padding:19px 0 16px}.page-home .proof-band>div{padding:0 10px}.page-home .proof-band p{font-size:14px;line-height:1.2}.page-home .proof-band .company-logo.usaa{height:47px}.page-home .proof-band .grainger,.page-home .proof-band .usertesting{height:33px;margin:7px 0}
 .page-home .selected-work{padding:18px 0 8px}.page-home .selected-label h2{font-size:27px}.page-home .work-card{grid-template-columns:44% minmax(0,1fr);gap:15px;margin-bottom:18px}.page-home .work-card>a img{aspect-ratio:1.4;height:100%;max-height:205px;object-position:center}.page-home .work-card h3{font-size:21px}.page-home .work-card p{font-size:16px;line-height:1.2}.page-home .work-card .text-link{font-size:16px;gap:5px;min-height:44px}.page-home .work-card .arrow{width:18px}
 .page-home .leadership-callout{grid-template-columns:22% 1fr;gap:8px 15px;padding:20px 15px}.page-home .leadership-callout h2{font-size:27px;padding-left:16px}.page-home .leadership-callout>div{padding-left:16px}.page-home .leadership-callout p{font-size:16px;line-height:1.25}.page-home .leadership-callout .button{font-size:15px;padding:10px 11px;gap:8px}
 .page-home .home-closing{grid-template-columns:33% 1fr;gap:8px 16px;padding-top:20px}.page-home .home-closing>img{grid-row:1/3;height:100%;max-height:190px}.page-home .home-closing h2{grid-column:2;font-size:32px;margin:0}.page-home .home-closing>div{grid-column:2;border:0;padding:0 0 15px}.page-home .home-closing p{font-size:16px;line-height:1.2;margin:0 0 10px}.page-home .home-closing .button{font-size:16px}
}
@media(max-width:700px){.page-home .home-hero .hero-art{content:url('/assets/home-mobile-approved.webp');aspect-ratio:2.965;object-fit:contain;margin-top:-32px}.page-home .home-hero .actions{position:relative;z-index:2}.page-home .home-hero .hero-copy{position:relative;z-index:1}}
@media(min-width:701px){.page-home .proof-band .company-logo.usaa{height:75px}.page-home .proof-band .grainger,.page-home .proof-band .usertesting{height:48px;margin-top:10px}.page-home .proof-band p{font-size:15px}.page-home .proof-band{padding-top:26px;padding-bottom:20px}}
@media(min-width:701px) and (max-width:900px){.page-home .home-hero{aspect-ratio:auto;min-height:calc((100vw - 40px)/2.05)}.page-home .home-hero .hero-copy{padding-top:7%;padding-bottom:64px}.page-home .hero-motto{bottom:3%}}
@media(max-width:700px){.page-home .home-hero h1{line-height:.9}.page-home .home-hero p{width:auto}}
@media(max-width:430px){.page-home .home-hero .hero-art{margin-top:0}}
@media(min-width:431px){.page-home .home-closing>img{position:absolute;bottom:0;left:0;width:52%;height:135px;object-fit:fill}.page-home .home-closing h2{grid-column:2;position:relative}.page-home .home-closing>div{grid-column:3;position:relative}}
@media(min-width:431px) and (max-width:700px){.page-home .leadership-callout h2 br:first-child{display:block}.page-home .home-closing>img{width:55%;height:105px}}
@media(min-width:701px) and (max-width:900px){.page-home .home-hero p{width:96%;font-size:16px}}
@media(max-width:700px){.page-home .leadership-callout .mobile-only{display:inline}}
@media(max-width:430px){.page-home .home-closing>img{object-fit:contain;object-position:center}}
@media(min-width:901px) and (max-width:1120px){.page-home .home-hero p{width:100%;font-size:16px}}
@media(min-width:431px) and (max-width:700px){.page-home .proof-band>div:nth-child(2){text-align:center}.page-home .proof-band .company-logo.usaa{margin:0 auto}.page-home .proof-band>div:nth-child(2) p{max-width:125px;margin:10px auto 0}}
/* Final reference proportions; retain larger reading sizes on narrow phones. */
@media(min-width:901px){.page-home .leadership-callout{grid-template-columns:90px 135px 1fr 130px;gap:18px;padding:18px 22px}.page-home .leadership-callout p{font-size:15px;line-height:1.12;margin-bottom:8px}.page-home .leadership-callout h2{font-size:28px}.page-home .leadership-callout .button{min-height:40px}.page-home .home-closing{min-height:140px}.page-home .home-closing h2{font-size:38px;margin-top:8px}}
@media(min-width:431px) and (max-width:700px){.page-home .home-hero p{font-size:20px;max-width:80%;line-height:1.1;margin-bottom:14px}.page-home .home-hero h1{margin-bottom:12px}.page-home .home-hero .hero-art{aspect-ratio:2.432;margin-top:-82px}.page-home .leadership-callout{grid-template-columns:25% 1fr;gap:4px 22px;padding:15px 20px}.page-home .leadership-callout>img{height:125px;align-self:center}.page-home .leadership-callout h2{font-size:27px;padding-left:22px}.page-home .leadership-callout>div{padding-left:22px}.page-home .leadership-callout p{font-size:17px;line-height:1.12}.page-home .home-closing h2{font-size:31px}.page-home .home-closing>img{height:115px}}
@media(max-width:430px){.page-home .home-hero .hero-art{aspect-ratio:2.432;margin-top:0}}
@media(min-width:901px){.page-home .leadership-callout{grid-template-columns:90px 150px 1fr 130px}}
@media(max-width:430px){.page-home .home-closing>img{height:150px;object-fit:cover;object-position:18% center;align-self:center}}