/* Finders inherits the site's Newsreader typography and DM Sans navigation. */
body.products-page{background:#f6f5f0;color:#10243d}
body.products-page::before{display:none}
.eyebrow{display:block;font-size:13px;font-weight:600;letter-spacing:.13em;line-height:1.6}
.product-hero{background:#071630;color:#fff;padding:78px 0 86px}
.product-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.product-hero .eyebrow{color:#ffc329;margin-bottom:26px}
body.products-page .product-hero .eyebrow{font-size:14px}
.product-hero h1,.product-hero h2{font-size:clamp(40px,5vw,68px);line-height:1.04;font-weight:500;letter-spacing:-.045em;color:inherit}
.product-hero p{font-size:21px;line-height:1.6;color:#c9d3e3;margin:26px 0 30px;max-width:580px}
.product-logo{padding:8px;background:#fff;border-radius:5px 5px 60px 5px;overflow:hidden;box-shadow:20px 20px 0 #102a4b}
.product-logo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.finder-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 21px;border-radius:5px;border:1px solid #173654;background:#10243d;color:#fff;cursor:pointer;font-size:17px;line-height:1.25;min-height:46px}
.product-hero .finder-button{background:#ffc329;border-color:#ffc329;color:#10243d}
.finder-button.secondary{background:transparent;color:#10243d;border-color:#ccd3da}
.finder-button.small{font-size:15px;padding:9px 14px;min-height:40px}
.finder-button:disabled{opacity:.55;cursor:not-allowed}
.product-note{display:block;font-size:14px;color:#b9c7d8;margin-top:14px}
.product-intro{padding-top:72px;padding-bottom:80px}
.product-intro>.eyebrow{color:#52647b}
.product-intro>h2{font-weight:500;font-size:48px;line-height:1.1;margin:20px 0 40px}
.product-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.product-pillars article{border-top:1px solid #c9cdd1;padding-top:22px}
.product-pillars article>span{font-size:13px;color:#566980;letter-spacing:.06em}
.product-pillars h3{font-size:27px;line-height:1.15;margin:20px 0 14px;font-weight:500}
.product-pillars p{font-size:18px;color:#596574}

body.products-page footer{background:#071630;color:#fff;border:0}
body.products-page .product-intro>.eyebrow{font-size:14px;color:#52647b;-webkit-text-fill-color:#52647b;border-color:#52647b}
@media(max-width:1100px){.product-grid{gap:40px}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product-hero{padding:48px 0}.product-logo{max-width:400px;margin:10px auto;width:100%}.product-pillars{grid-template-columns:1fr}.product-intro{padding-top:48px;padding-bottom:48px}}
body.products-page [hidden]{display:none!important}

.more-products{padding-top:12px;padding-bottom:80px}
.more-products-heading{border-top:1px solid #c9cdd1;padding-top:48px;margin-bottom:32px}
body.products-page .more-products .eyebrow{font-size:14px;color:#52647b;-webkit-text-fill-color:#52647b;border-color:#52647b}
.more-products-heading h2{font-size:44px;line-height:1.1;font-weight:500;margin-top:18px}
.more-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.product-offering{padding:36px;border:1px solid #d8dde1;border-top:3px solid #10243d;background:#fff;display:flex;flex-direction:column;align-items:flex-start}
.product-category{font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:.1em;color:#52647b}
.product-offering h3{font-size:36px;font-weight:500;line-height:1.2;margin:20px 0 16px;color:#10243d}
.product-offering p{font-size:19px;line-height:1.6;color:#596574;margin-bottom:28px}
.product-offering .finder-button{margin-top:auto}
@media(max-width:760px){.more-products{padding-bottom:48px}.more-products-grid{grid-template-columns:1fr}.product-offering{padding:26px}.more-products-heading h2{font-size:36px}}

.product-offering-logo{width:100%;height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.product-offering-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:480px){.product-offering-logo{height:200px}}

.product-hero.studio-hero{background:#102e23}
.product-hero.consultancy-hero{background:#eaf1f6;color:#10243d}
body.products-page .studio-hero .eyebrow{color:#efb084;-webkit-text-fill-color:#efb084;border-color:#efb084}
body.products-page .consultancy-hero .eyebrow{color:#315f80;-webkit-text-fill-color:#315f80;border-color:#315f80}
.consultancy-hero p{color:#52677a}
.studio-hero .product-logo{box-shadow:20px 20px 0 #204334}
.consultancy-hero .product-logo{box-shadow:20px 20px 0 #cadce9}

/* Pair each title with its logo; keep the description full-width on phones. */
@media(max-width:760px){
 .product-hero{padding:34px 0;}
 .product-grid{grid-template-columns:minmax(0,1fr) clamp(84px,24vw,160px);column-gap:14px;row-gap:0;align-items:start;}
 .product-grid>*{min-width:0;}
 .product-copy{display:contents;}
 .product-copy>.eyebrow{grid-column:1;grid-row:1;margin-bottom:8px;overflow-wrap:anywhere;}
 .product-copy>h1,.product-copy>h2{grid-column:1;grid-row:2;font-size:clamp(28px,5.3vw,40px);line-height:1.08;}
 .product-copy>p{grid-column:1 / -1;grid-row:3;margin:16px 0 18px;font-size:18px;}
 .product-copy>.finder-button{grid-column:1 / -1;grid-row:4;justify-self:start;max-width:100%;}
 .product-hero .product-logo{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  width:100%;
  max-width:100%;
  margin:0;
  padding:6px;
  border-radius:10px 10px 22px 10px;
  box-shadow:0 6px 18px #0000001f;
 }
 .product-logo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;}
}
@media(max-width:380px){
 .product-grid{column-gap:10px;}
 .product-copy>h1,.product-copy>h2{font-size:27px;}
}