:is(#blog,#blog-continuation){padding-top:84px}
:is(#blog,#blog-continuation) h1,:is(#blog,#blog-continuation) h2,:is(#blog,#blog-continuation) h3{font-family:inherit;font-weight:600;color:#242120;letter-spacing:-.055em}
:is(#blog,#blog-continuation) a{color:inherit}
:is(#blog,#blog-continuation) .kicker{display:block;color:#e91a2b;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:500}
:is(#blog,#blog-continuation) .article-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:630px;background:#f6f4f1}
:is(#blog,#blog-continuation) .hero-text{padding:46px 6vw 58px;align-self:center}
:is(#blog,#blog-continuation) .back{display:inline-block;margin-bottom:32px;font-size:13px;color:#6b6561;text-decoration:none}
:is(#blog,#blog-continuation) h1{font-size:clamp(38px,4.1vw,66px);line-height:1.07;margin:22px 0 26px}
:is(#blog,#blog-continuation) .lead{font-size:18px;line-height:1.75;color:#68625f;max-width:650px}
:is(#blog,#blog-continuation) .byline{display:flex;gap:12px;align-items:center;font-size:13px;margin-top:32px}
:is(#blog,#blog-continuation) .author-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d7d0c9;border-radius:50%;font-weight:600}
:is(#blog,#blog-continuation) .byline small{display:block;font-size:11px;margin-top:3px;color:#77716d}
:is(#blog,#blog-continuation) .reading{margin-left:auto;color:#77716d;white-space:nowrap}
:is(#blog,#blog-continuation) .article-cover{margin:0;min-width:0;background:#efefef;overflow:hidden}
:is(#blog,#blog-continuation) .article-cover img{width:100%;height:100%;object-fit:cover;display:block}
:is(#blog,#blog-continuation) .article-layout{max-width:1200px;margin:0 auto;padding:90px 32px 110px;display:grid;grid-template-columns:250px minmax(0,720px);gap:clamp(40px,6vw,100px);align-items:start}
:is(#blog,#blog-continuation) .contents{position:sticky;top:112px}
:is(#blog,#blog-continuation) .contents nav{display:grid;margin:20px 0 32px}
:is(#blog,#blog-continuation) .contents nav a{display:flex;gap:14px;font-size:13px;line-height:1.55;padding:14px 0;border-bottom:1px solid #e9e5e1;text-decoration:none}
:is(#blog,#blog-continuation) .contents nav span{font-size:11px;color:#a49a94;margin-top:2px}
:is(#blog,#blog-continuation) .toc-contact{font-size:12px;color:#e91a2b;text-decoration:none}
:is(#blog,#blog-continuation) article{min-width:0}
:is(#blog,#blog-continuation) article>section{scroll-margin-top:110px;padding-top:42px}
:is(#blog,#blog-continuation) article h2{font-size:32px;line-height:1.2;margin:0 0 22px}
:is(#blog,#blog-continuation) article p{font-size:17px;line-height:1.9;color:#5d5753;margin:0 0 20px}
:is(#blog,#blog-continuation) .takeaway{border-left:2px solid #e91a2b;padding:4px 0 4px 26px;margin-bottom:8px}
:is(#blog,#blog-continuation) .takeaway p{font-size:21px;line-height:1.6;color:#242120;margin:14px 0 0}
:is(#blog,#blog-continuation) .practical{padding:34px 38px;background:#f6f4f1;margin-top:46px}
:is(#blog,#blog-continuation) .practical h2{margin-top:14px}
:is(#blog,#blog-continuation) .practical ul{padding:0;margin:0;list-style:none;display:grid;gap:15px}
:is(#blog,#blog-continuation) .practical li{display:flex;gap:16px;font-size:15px;line-height:1.6}
:is(#blog,#blog-continuation) .practical li span{color:#e91a2b}
:is(#blog,#blog-continuation) .article-faq{padding-top:64px!important}
:is(#blog,#blog-continuation) .article-faq h2{margin-top:16px}
:is(#blog,#blog-continuation) details{border:0;border-bottom:1px solid #e4ded9;border-radius:0;background:transparent;padding:0}
:is(#blog,#blog-continuation) summary{list-style:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;font-size:17px;font-weight:500;padding:22px 0;line-height:1.5}
:is(#blog,#blog-continuation) summary::-webkit-details-marker{display:none}
:is(#blog,#blog-continuation) summary span{color:#e91a2b;font-size:24px;font-weight:400}
:is(#blog,#blog-continuation) details p{font-size:15px}
:is(#blog,#blog-continuation) details[open] summary span{transform:rotate(45deg)}
:is(#blog,#blog-continuation) .article-cta{border-top:2px solid #242120;margin-top:64px;padding-top:34px}
:is(#blog,#blog-continuation) .article-cta h2{font-size:40px;margin:16px 0 22px}
:is(#blog,#blog-continuation) .blog-button{display:inline-flex;gap:28px;align-items:center;background:#e91a2b;color:#fff;border-radius:30px;padding:17px 24px;font-size:14px;text-decoration:none}
:is(#blog,#blog-continuation) .price-link{display:block;font-size:13px;color:#6b6561;margin-top:20px}
:is(#blog,#blog-continuation) .related{padding:65px 6vw 80px;background:#f6f4f1}
:is(#blog,#blog-continuation) .related-title h2{font-size:40px;margin:15px 0 40px}
:is(#blog,#blog-continuation) .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
:is(#blog,#blog-continuation) .story{display:block;text-decoration:none;min-width:0}
:is(#blog,#blog-continuation) .story img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;background:#eee;transition:transform .35s}
:is(#blog,#blog-continuation) .story:hover img{transform:translateY(-5px)}
:is(#blog,#blog-continuation) .story>div{padding:22px 0}
:is(#blog,#blog-continuation) .story h3{font-size:23px;line-height:1.25;margin:12px 0 20px;letter-spacing:-.035em}
:is(#blog,#blog-continuation) .read{display:flex;justify-content:space-between;border-top:1px solid #dcd5ce;padding-top:14px;font-size:12px}
:is(#blog,#blog-continuation) .index-hero{padding:90px 6vw 60px;background:#f6f4f1}
:is(#blog,#blog-continuation) .index-hero h1{font-size:clamp(42px,5vw,76px);max-width:1100px}
:is(#blog,#blog-continuation) .index-stories{padding:65px 6vw 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
@media(max-width:1000px){:is(#blog,#blog-continuation) .hero-text{padding:36px 32px}
:is(#blog,#blog-continuation) .article-hero{min-height:540px}
:is(#blog,#blog-continuation) .byline{flex-wrap:wrap}
:is(#blog,#blog-continuation) .reading{margin-left:0}
:is(#blog,#blog-continuation) .article-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}
:is(#blog,#blog-continuation) .related-grid{grid-template-columns:repeat(2,1fr)}
:is(#blog,#blog-continuation) .index-stories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){:is(#blog,#blog-continuation){padding-top:72px}
:is(#blog,#blog-continuation) .article-hero{display:flex;flex-direction:column}
:is(#blog,#blog-continuation) .hero-text{padding:28px 24px 36px}
:is(#blog,#blog-continuation) h1{font-size:40px}
:is(#blog,#blog-continuation) .back{margin-bottom:28px}
:is(#blog,#blog-continuation) .lead{font-size:16px;line-height:1.75}
:is(#blog,#blog-continuation) .article-cover{height:320px}
:is(#blog,#blog-continuation) .article-cover img{object-position:center}
:is(#blog,#blog-continuation) .article-layout{display:block;padding:36px 24px 56px}
:is(#blog,#blog-continuation) .contents{position:static;margin-bottom:40px}
:is(#blog,#blog-continuation) .contents nav{margin:12px 0 20px}
:is(#blog,#blog-continuation) .contents nav a{padding:11px 0}
:is(#blog,#blog-continuation) article h2{font-size:29px}
:is(#blog,#blog-continuation) article p{font-size:16px;line-height:1.85}
:is(#blog,#blog-continuation) .takeaway p{font-size:20px}
:is(#blog,#blog-continuation) article>section{padding-top:32px;scroll-margin-top:90px}
:is(#blog,#blog-continuation) .practical{padding:26px 22px}
:is(#blog,#blog-continuation) .article-cta h2{font-size:34px}
:is(#blog,#blog-continuation) .related{padding:40px 24px}
:is(#blog,#blog-continuation) .related-title h2{font-size:34px}
:is(#blog,#blog-continuation) .related-grid,:is(#blog,#blog-continuation) .index-stories{grid-template-columns:1fr;gap:28px}
:is(#blog,#blog-continuation) .index-hero{padding:50px 24px 35px}
:is(#blog,#blog-continuation) .index-hero h1{font-size:42px}
:is(#blog,#blog-continuation) .index-stories{padding:36px 24px}}
@media(prefers-reduced-motion:reduce){:is(#blog,#blog-continuation) .story img{transition:none}}
:is(#blog,#blog-continuation){width:100%;max-width:none;margin:0;padding:84px 0 0}
:is(#blog,#blog-continuation) .article-cover{position:relative}
:is(#blog,#blog-continuation) .article-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(#blog,#blog-continuation) .article-hero{min-height:640px}
:is(#blog,#blog-continuation) .index-hero{border-radius:0}
@media(max-width:700px){:is(#blog,#blog-continuation){padding:72px 0 0}
:is(#blog,#blog-continuation) .article-hero{min-height:0}
:is(#blog,#blog-continuation) .article-cover{min-height:320px;flex:none}}
:is(#blog,#blog-continuation) .article-logo-gallery{padding:72px 6vw 80px;background:#fff;border-top:1px solid #ece7e2;scroll-margin-top:100px}
:is(#blog,#blog-continuation) .logo-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
:is(#blog,#blog-continuation) .logo-heading h2{font-size:40px;line-height:1.15;margin:15px 0 0;max-width:650px}
:is(#blog,#blog-continuation) .logo-heading>span{font-size:13px;color:#756e68;white-space:nowrap}
:is(#blog,#blog-continuation) .logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:is(#blog,#blog-continuation) .logo-project{display:block;padding:0;border:0;border-radius:0;background:#f4f2ef;cursor:zoom-in;overflow:hidden;aspect-ratio:1;min-width:0}
:is(#blog,#blog-continuation) .logo-project[hidden]{display:none}
:is(#blog,#blog-continuation) .logo-project img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
:is(#blog,#blog-continuation) .logo-project:hover img{transform:scale(1.025)}
:is(#blog,#blog-continuation) .logo-more-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}
:is(#blog,#blog-continuation) .logo-count{font-size:12px;color:#77716d}
:is(#blog,#blog-continuation) .load-logos{border:1px solid #cfc5bf;background:#fff;color:#242120;border-radius:30px;padding:14px 24px;font:500 14px 'Work Sans',sans-serif;cursor:pointer}
:is(#blog,#blog-continuation) .load-logos:hover{border-color:#e91a2b;color:#e91a2b}
:is(#blog,#blog-continuation) .load-logos[hidden]{display:none}
:is(#blog,#blog-continuation) dialog.logo-lightbox{position:fixed;inset:0;width:min(820px,calc(100vw - 32px));height:auto;max-height:94vh;padding:12px;border:0;border-radius:12px;margin:auto;background:#fff;overflow:hidden;box-sizing:border-box}
:is(#blog,#blog-continuation) dialog.logo-lightbox::backdrop{background:rgba(20,17,16,.8);backdrop-filter:blur(5px)}
:is(#blog,#blog-continuation) .logo-lightbox>img{display:block;width:100%;height:auto;max-height:calc(90vh - 75px);object-fit:contain;background:#fff;border-radius:6px}
:is(#blog,#blog-continuation) .logo-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ddd;background:white;color:#242120;border-radius:50%;padding:10px;cursor:pointer}
:is(#blog,#blog-continuation) .logo-lightbox svg{display:block;width:20px;height:20px;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#blog,#blog-continuation) .logo-lightbox svg path{fill:none!important;stroke:currentColor}
:is(#blog,#blog-continuation) .logo-lightbox-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding:10px 0 0}
:is(#blog,#blog-continuation) .logo-lightbox-controls button{display:grid;place-items:center;border:0;background:#f4f2ef;border-radius:50%;width:34px;height:34px;padding:7px;cursor:pointer}
:is(#blog,#blog-continuation) .logo-position{font-size:12px;color:#77716d;min-width:70px;text-align:center}
:is(#blog,#blog-continuation):has(.logo-lightbox[open]){overflow:hidden}
@media(max-width:700px){:is(#blog,#blog-continuation) .article-logo-gallery{padding:45px 24px}
:is(#blog,#blog-continuation) .logo-heading{display:block}
:is(#blog,#blog-continuation) .logo-heading h2{font-size:33px;margin-bottom:18px}
:is(#blog,#blog-continuation) .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:is(#blog,#blog-continuation) .logo-more-row{align-items:start;flex-direction:column}
:is(#blog,#blog-continuation) .load-logos{width:100%}
:is(#blog,#blog-continuation) .logo-close{width:34px;height:34px;top:18px;right:18px;padding:7px}
:is(#blog,#blog-continuation) dialog.logo-lightbox{padding:10px}}
@media(prefers-reduced-motion:reduce){:is(#blog,#blog-continuation) .logo-project img{transition:none}}
:is(#blog,#blog-continuation) dialog.logo-lightbox{top:50%;bottom:auto;left:0;right:0;transform:translateY(-50%);height:fit-content;margin:0 auto}
:is(#blog,#blog-continuation) dialog.logo-lightbox:not([open]){display:none}
:is(#blog,#blog-continuation) .article-hero{border-radius:0 0 26px 26px;overflow:hidden}
:is(#blog,#blog-continuation) .article-cover{border-radius:0 0 26px 0}
:is(#blog,#blog-continuation) .takeaway{border-radius:0 12px 12px 0}
:is(#blog,#blog-continuation) .practical{border-radius:20px}
:is(#blog,#blog-continuation) .story img{border-radius:18px}
:is(#blog,#blog-continuation) .logo-project{border-radius:18px}
:is(#blog,#blog-continuation) .article-cta{border-top:0;border-radius:20px;background:#f6f4f1;padding:32px}
:is(#blog,#blog-continuation) .related{border-radius:26px 26px 0 0}
@media(max-width:700px){:is(#blog,#blog-continuation) .article-hero{border-radius:0 0 20px 20px}
:is(#blog,#blog-continuation) .article-cover{border-radius:0}
:is(#blog,#blog-continuation) .logo-project{border-radius:12px}
:is(#blog,#blog-continuation) .article-cta{padding:25px}}
:is(#blog,#blog-continuation){font-family:"Work Sans",sans-serif;padding-top:84px;color:#242120;background:#fff}:is(#blog,#blog-continuation) *{box-sizing:border-box}:is(#blog,#blog-continuation) h1,:is(#blog,#blog-continuation) h2,:is(#blog,#blog-continuation) h3{font-family:inherit}:is(#blog,#blog-continuation) .logo-heading h2{font-size:40px}:is(#blog,#blog-continuation) .logo-lightbox:not([open]){display:none}@media(max-width:700px){:is(#blog,#blog-continuation){padding-top:72px}}