.nephew-marketing .compare-directory-hero{background:#f3ece1;border:1px solid #e5ddd1;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:min(1312px,100% - 32px);margin-top:98px;padding:52px 56px;display:grid}.compare-directory-hero h1{letter-spacing:-.055em;margin:22px 0 24px;font-size:clamp(3rem,5vw,4.6rem);font-weight:650;line-height:1.02}.compare-directory-hero>div>p:not(.editorial-kicker){color:#635d54;max-width:31rem;font-size:19px;line-height:1.6}.compare-directory-hero a{margin-top:24px}.compare-directory-hero figure{background:#fff;border:1px solid #e5ddd1;border-radius:22px;min-width:0;margin:0;padding:16px 24px 28px}.compare-directory-hero figure>img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;display:block}.compare-directory-hero figcaption{border-top:1px solid #e3e4e7;padding-top:22px}.compare-directory-hero figcaption span{color:#5d4b35;letter-spacing:.1em;font-size:11px;font-weight:600}.compare-directory-hero figcaption p{letter-spacing:-.035em;margin-top:12px;font-size:25px;font-weight:550;line-height:1.2}.compare-directory-groups{padding-block:80px 32px;scroll-margin-top:100px}.compare-directory-group>div:first-child{max-width:700px;margin-bottom:36px}.compare-directory-group h2{letter-spacing:-.045em;font-size:clamp(2rem,3.5vw,3rem);font-weight:650;line-height:1.1}.compare-directory-group>div>p{color:#60616a;max-width:40rem;margin-top:18px;font-size:18px;line-height:1.65}.compare-directory-group>div:last-child{gap:16px;display:grid}.compare-directory-group a{background:#fff;border:1px solid #e3e4e7;border-radius:22px;grid-template-columns:160px minmax(0,1fr) 48px;align-items:center;gap:32px;padding:26px 36px;transition:border-color .16s;display:grid}.compare-guide-art{place-items:center;min-width:0;height:140px;display:grid}.compare-guide-art>.work-art{width:140px;height:140px}.compare-guide-art>.n-brand-mark{width:72px;height:72px}.compare-directory-group h3{letter-spacing:-.04em;font-size:30px;font-weight:600;line-height:1.2}.compare-directory-group a p{color:#60616a;max-width:38rem;margin-top:12px;font-size:17px;line-height:1.6}.compare-directory-group a>svg{color:#5d4b35;border:1px solid #e3e4e7;border-radius:50%;width:48px;height:48px;padding:12px}.compare-directory-group a:hover{border-color:#5d4b35}.compare-directory-group a:hover h3{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.compare-directory-group a:focus-visible{outline-offset:5px;outline:2px solid #5d4b35}@media (max-width:1000px){.nephew-marketing .compare-directory-hero{gap:36px;padding:40px 32px}.compare-directory-hero h1{font-size:48px}.compare-directory-hero>div>p:not(.editorial-kicker){font-size:17px}.compare-directory-hero figcaption p{font-size:22px}}@media (max-width:767px){.nephew-marketing .compare-directory-hero{border-radius:22px;grid-template-columns:1fr;gap:28px;width:calc(100% - 28px);margin-top:84px;padding:28px 22px}.compare-directory-hero h1{font-size:42px}.compare-directory-hero>div>p:not(.editorial-kicker){font-size:16px}.compare-directory-hero figure{border-radius:16px;padding:16px 20px 24px}.compare-directory-hero figcaption p{font-size:23px}.compare-directory-groups{padding-block:56px 24px}.compare-directory-group>div:first-child{margin-bottom:26px}.compare-directory-group>div>p{font-size:16px}.compare-directory-group a{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:24px 20px}.compare-guide-art{align-self:start;height:80px}.compare-guide-art>.work-art{width:88px;height:88px}.compare-guide-art>.n-brand-mark{width:54px;height:54px}.compare-directory-group h3{font-size:24px}.compare-directory-group a p{margin-top:10px;font-size:15px}.compare-directory-group a>svg{grid-column:2;width:40px;height:40px;padding:9px}}@media (prefers-reduced-motion:reduce){.compare-directory-group a{transition:none}}
