/* Blog-only styles. The existing site's stylesheet is kept byte-for-byte. */
.blog-page{--blog-paper:#faf8f5}
.blog-page [hidden]{display:none!important}
.blog-page .desktop-nav>a[href="/blog/"]{text-decoration:underline;text-underline-offset:5px}
.blog-kicker{display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.blog-kicker>span{font-size:11px;letter-spacing:0;text-transform:none}
.blog-hero{background:var(--pink)}
.blog-hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;align-items:center;min-height:530px;padding-block:62px 56px}
.blog-hero h1{font-size:clamp(60px,6.8vw,98px);letter-spacing:-.075em;line-height:1;max-width:780px;margin-top:25px}
.blog-hero h1 em{display:inline-block;font-size:1.1em;line-height:.95}
.blog-hero-layout>div>p:not(.blog-kicker){max-width:520px;font-size:20px;line-height:1.5;margin-top:27px}
.blog-hero .text-link{margin-top:29px;gap:35px}
.blog-buddy-stage{position:relative;width:100%;max-width:450px;aspect-ratio:500/455;justify-self:end;isolation:isolate}
.blog-buddy-props{position:absolute;left:0;top:0;width:100%;height:92.3%;overflow:visible;z-index:3;pointer-events:none}
.motif-website .blog-buddy-props,.motif-ai .blog-buddy-props,.motif-team .blog-buddy-props{z-index:1}
.blog-buddy{position:absolute;left:16.4%;top:4%;width:72%;aspect-ratio:1;background:transparent;padding:0;z-index:2;border-radius:45%;touch-action:manipulation}
.blog-buddy .mascot{display:block;width:100%;height:100%;margin:0;max-width:none;color:var(--ink);--character-angle:-8deg}
.blog-buddy .mascot-eyes{gap:17px}
.blog-buddy:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
.blog-buddy-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:var(--serif);font-style:italic;font-size:23px;letter-spacing:-.03em}
.blog-buddy-reply{position:absolute;z-index:4;top:-4%;right:0;max-width:210px;background:white;border:1px solid var(--ink);padding:13px 17px;border-radius:18px 18px 2px 18px;font-size:15px;line-height:1.4;box-shadow:0 5px 0 #0d0d0d0d;pointer-events:none}
.blog-buddy-reply:empty{display:none}
.blog-collection{padding-block:76px 85px}
.blog-collection-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.blog-collection-top h2{font-size:clamp(45px,4.8vw,65px);letter-spacing:-.06em}
.blog-filters{display:flex;gap:8px;flex-wrap:wrap}
.blog-filters button{min-height:44px;background:white;border:1px solid var(--ink);border-radius:40px;padding:11px 18px;font-size:14px;transition:background .15s,color .15s}
.blog-filters button:hover{background:#f4e8fa}
.blog-filters button[aria-pressed="true"]{background:var(--ink);color:white}
.blog-count{font-size:12px;margin-top:14px;color:#545454;text-align:right}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}
.blog-card{min-width:0}
.blog-card-art{display:block;position:relative;overflow:hidden;aspect-ratio:1.48;background:var(--pink)}
.blog-card-art>img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.blog-card-art:hover>img,.blog-card:focus-within .blog-card-art>img{transform:rotate(-3deg) scale(1.025)}
.blog-card-art.art-ai{background:#e8e2ff}
.blog-card-art.art-search{background:#f0e9df}
.blog-card-art.art-team{background:#f4eee8}
.blog-card-art.art-shop{background:#e8e2ff}
.blog-card-art.art-choice{background:#f4eee8}
.card-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:white;color:var(--ink);font-size:26px}
.blog-card-copy{padding-top:21px}
.blog-card .blog-kicker{justify-content:space-between;font-size:11px;margin-bottom:14px}
.blog-card h3{font-size:29px;line-height:1.13;letter-spacing:-.035em;margin-bottom:15px}
.blog-card h3 a:hover{color:var(--purple)}
.blog-card-copy>p:not(.blog-kicker){font-size:16px;line-height:1.5;max-width:560px}
.blog-card .card-read{font-size:13px;margin-top:22px;gap:20px}
.blog-card .card-read>.sr-only{font-size:inherit}
.blog-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;background:var(--blog-paper);padding:30px;margin-bottom:8px}
.blog-card-featured .blog-card-art{aspect-ratio:1.45;background:#e8e2ff}
.blog-card-featured .blog-card-copy{padding:15px 22px 15px 0}
.blog-card-featured h3{font-size:clamp(33px,3.4vw,47px);line-height:1.08;letter-spacing:-.05em;margin-top:23px}
.blog-card-featured .blog-kicker{justify-content:start;gap:22px}
.blog-card-featured .card-read{margin-top:27px}
.blog-cta{background:var(--ink);color:white;overflow:hidden}
.blog-cta-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;padding-block:64px 65px}
.blog-cta h2{font-size:clamp(45px,5.5vw,76px);line-height:1.04;letter-spacing:-.055em;max-width:750px;margin-top:22px}
.blog-cta-layout>div>p:not(.blog-kicker){font-size:18px;line-height:1.5;max-width:570px;margin-top:24px;color:#dedede}
.blog-cta .button{margin-top:27px}
.blog-service-link{display:block;width:max-content;max-width:100%;font-size:14px;margin-top:19px;border-bottom:1px solid #777;padding-bottom:4px}
.blog-service-link:hover{color:var(--pink)}
.blog-cta-art{justify-self:end;width:100%;max-width:380px;transform:rotate(8deg)}
.blog-cta-art svg{display:block;width:100%;height:auto}
.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:13px;font-size:12px;line-height:1.5;padding-block:26px 30px}
.blog-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.article-hero{background:var(--pink);padding-bottom:48px}
.article-hero-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:45px;align-items:center}
.article-hero h1{font-size:clamp(46px,5.2vw,73px);line-height:1.04;letter-spacing:-.06em;max-width:880px;margin-top:20px;text-wrap:balance}
.article-deck{font-size:21px;line-height:1.45;max-width:640px;margin-top:25px}
.article-meta{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;margin-top:25px}
.article-meta>a{text-decoration:underline;text-underline-offset:3px}
.article-hero .blog-buddy-stage{max-width:375px}
.article-hero .blog-buddy-caption{font-size:21px}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:20;border:0;border-radius:0;appearance:none;background:transparent;color:var(--purple)}
.reading-progress::-webkit-progress-bar{background:transparent}
.reading-progress::-webkit-progress-value{background:var(--purple)}
.reading-progress::-moz-progress-bar{background:var(--purple)}
.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;justify-content:space-between;padding-block:58px 65px}
.article-sidebar{align-self:start;position:sticky;top:32px;max-height:calc(100vh - 60px);overflow:auto;padding:3px 5px 10px}
.article-toc summary{font-size:14px;line-height:1.5;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding-block:0 16px;border-bottom:1px solid var(--ink);list-style:none}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc:not([open]) summary>span{transform:rotate(-90deg)}
.article-toc nav{display:flex;flex-direction:column;gap:15px;padding-top:20px}
.article-toc nav>a{font-size:13px;line-height:1.45;color:#4a4a4a;padding-left:12px;border-left:2px solid transparent}
.article-toc nav>a:hover,.article-toc nav>a[aria-current="location"]{color:var(--ink);border-left-color:var(--purple)}
.article-sidebar-cta{display:block;font-size:13px;line-height:1.5;margin-top:29px;padding-top:17px;border-top:1px solid #ccc}
.article-sidebar-cta>span{float:right}
.article-content{min-width:0}
.article-takeaway{background:var(--blog-paper);padding:26px 29px 28px;border-left:3px solid var(--purple);margin-bottom:35px}
.article-takeaway .blog-kicker{font-size:11px;margin-bottom:12px}
.article-takeaway>p:last-child{font-size:21px;line-height:1.4;letter-spacing:-.015em}
.article-body{font-size:18px;line-height:1.7}
.article-body p{font-size:18px;line-height:1.7;margin-block:0 21px}
.article-body>section{margin-top:39px;scroll-margin-top:32px}
.article-body h2{font-size:33px;line-height:1.16;letter-spacing:-.035em;margin-bottom:21px}
.article-body h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px}
.article-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-content a:hover{color:var(--purple)}
.article-body ul{padding-left:23px;margin-block:18px 24px}
.article-body li{padding-left:6px;margin-bottom:10px}
.article-table{overflow-x:auto;overscroll-behavior-inline:contain;margin-block:26px 28px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.article-table:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.article-table table{width:100%;min-width:420px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.55}
.article-table th{font-weight:700;background:#f4e8fa}
.article-table th,.article-table td{vertical-align:top;padding:14px 17px;border-bottom:1px solid #dedede}
.article-table tr:last-child td{border-bottom:0}
.article-table td:first-child{width:31%}
.article-sources{border-top:1px solid #ccc;padding-top:27px;margin-top:42px}
.article-sources h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin-bottom:16px}
.article-sources ul{padding:0;list-style:none;margin:0 0 17px;display:flex;flex-direction:column;gap:11px}
.article-sources li{font-size:13px;line-height:1.5}
.article-sources p{font-size:12px;line-height:1.6;color:#555;max-width:620px}
.article-author{display:flex;align-items:center;gap:20px;border-top:1px solid #ccc;margin-top:30px;padding-top:29px}
.article-author>img{width:75px;height:85px;object-fit:contain;object-position:bottom;background:var(--pink);border-radius:40px 40px 0 0;flex-shrink:0}
.article-author p{font-size:20px;line-height:1.3;margin-bottom:8px;letter-spacing:-.02em}
.article-author span{font-size:13px;line-height:1.5;display:block;max-width:510px;color:#444}
.article-author a{font-size:13px;display:inline-flex;gap:15px;margin-top:10px}
.article-author a span{color:inherit}
.blog-related{padding-block:64px 79px}
.blog-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px}
.blog-section-heading h2{font-size:clamp(44px,4.5vw,61px)}
.blog-section-heading .text-link{flex-shrink:0}
.budget-calculator{background:var(--pink);padding:26px 28px 23px;margin-block:28px}
.budget-calculator>p{font-size:15px;line-height:1.55;margin-bottom:20px}
.calculator-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.calculator-inputs label{font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:9px;justify-content:space-between}
.calculator-inputs input{font:inherit;font-size:18px;color:var(--ink);width:100%;min-width:0;background:white;border:1px solid var(--ink);border-radius:0;padding:11px 12px;min-height:46px}
.calculator-inputs input:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.calculator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px;padding-top:20px;border-top:1px solid #a48db2}
.calculator-results p{font-size:12px;line-height:1.5;margin:0}
.calculator-results span{display:block;font-size:32px;letter-spacing:-.04em;line-height:1.2;margin-bottom:6px;overflow-wrap:anywhere}
.budget-calculator .calculator-note{font-size:11px;line-height:1.55;margin:17px 0 0}
@media(min-width:1500px){.article-hero-layout{gap:70px}.article-layout{grid-template-columns:235px minmax(0,800px);gap:100px}}
@media(max-width:1100px){.blog-hero-layout{min-height:460px}.blog-hero h1{font-size:7.5vw}.blog-hero-layout>div>p:not(.blog-kicker){font-size:18px}.blog-collection-top{align-items:start}.blog-filters{justify-content:end;max-width:400px}.blog-count{max-width:400px}.blog-grid{gap:40px 23px}.blog-card h3{font-size:25px}.blog-card-featured{gap:28px;padding:24px}.blog-card-featured h3{font-size:36px}.article-hero-layout{gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.article-hero h1{font-size:5.5vw}.article-deck{font-size:19px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.article-body p{font-size:17px}.blog-cta-layout{gap:35px}.blog-cta h2{font-size:58px}.blog-cta-layout>div>p:not(.blog-kicker){font-size:17px}}
@media(max-width:900px){.article-layout{display:block;padding-top:32px}.article-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:28px;padding:0}.article-sidebar-cta{display:none}.article-toc{background:var(--blog-paper);padding:17px 20px}.article-toc summary{border:0;padding:0}.article-toc nav{padding-top:18px;padding-bottom:3px;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.article-content{max-width:760px;margin-inline:auto}.article-hero .blog-buddy-caption{font-size:18px}.blog-cta h2{font-size:48px}}
@media(max-width:760px){.blog-hero-layout{display:block;min-height:0;padding-block:32px 31px}.blog-hero h1{font-size:clamp(48px,12vw,76px);margin-top:20px}.blog-hero-layout>div>p:not(.blog-kicker){font-size:17px;margin-top:23px}.blog-hero .text-link{font-size:13px;margin-top:23px}.blog-buddy-stage{max-width:310px;margin:23px auto 0;aspect-ratio:500/445}.blog-buddy-props{height:94.4%}.blog-buddy-caption{font-size:21px}.blog-buddy-reply{font-size:13px;max-width:170px;padding:10px 13px}.blog-collection{padding-block:41px 49px}.blog-collection-top{display:block;margin-bottom:29px}.blog-collection-top h2{font-size:44px;margin-bottom:25px}.blog-filters{justify-content:start;gap:7px;max-width:none}.blog-filters button{font-size:12px;padding:10px 14px;min-height:44px}.blog-count{text-align:left;font-size:11px;margin-top:13px;max-width:none}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}.blog-card h3{font-size:23px;line-height:1.15;margin-bottom:12px}.blog-card .blog-kicker{display:block;font-size:10px;margin-bottom:12px}.blog-card .blog-kicker>span{display:block;margin-top:4px;font-size:10px}.blog-card-copy>p:not(.blog-kicker){font-size:14px;line-height:1.5}.blog-card .card-read{font-size:12px;margin-top:17px;gap:13px}.blog-card-art{aspect-ratio:1.2}.card-arrow{height:33px;width:33px;font-size:23px;right:12px;bottom:12px}.blog-card-featured{display:block;grid-column:1/-1;padding:19px;margin-bottom:3px}.blog-card-featured .blog-card-art{aspect-ratio:1.65}.blog-card-featured .blog-card-copy{padding:22px 4px 5px}.blog-card-featured h3{font-size:32px;margin-top:17px}.blog-card-featured .blog-kicker{display:flex;gap:18px}.blog-card-featured .blog-kicker>span{margin:0}.blog-card-featured .blog-card-copy>p:not(.blog-kicker){font-size:16px}.blog-cta-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;padding-block:40px 33px}.blog-cta h2{font-size:46px;margin-top:20px}.blog-cta-layout>div>p:not(.blog-kicker){font-size:17px;margin-top:21px}.blog-cta .button{font-size:14px;gap:30px;margin-top:23px}.blog-service-link{font-size:13px}.blog-cta-art{max-width:235px;justify-self:end;margin-right:12px}.blog-breadcrumb{font-size:11px;gap:10px;padding-block:21px 25px}.article-hero{padding-bottom:27px}.article-hero-layout{display:block}.article-hero h1{font-size:clamp(37px,9.9vw,61px);line-height:1.08;letter-spacing:-.045em;margin-top:17px;text-wrap:initial}.article-hero .blog-kicker{font-size:11px}.article-deck{font-size:17px;line-height:1.5;margin-top:21px}.article-meta{font-size:11px;gap:7px;margin-top:21px}.article-hero .blog-buddy-stage{max-width:245px;margin:20px auto 0}.article-hero .blog-buddy-caption{font-size:19px}.article-layout{padding-block:26px 39px}.article-toc nav{grid-template-columns:1fr;gap:14px}.article-toc summary{font-size:13px}.article-takeaway{padding:22px 23px;margin-bottom:26px}.article-takeaway>p:last-child{font-size:19px;line-height:1.45}.article-body p{font-size:17px;line-height:1.65;margin-bottom:19px}.article-body>section{margin-top:32px}.article-body h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin-bottom:18px}.article-body h3{font-size:23px}.article-table table{font-size:14px}.article-table th,.article-table td{padding:12px 14px}.article-table{margin-block:22px}.article-sources{margin-top:30px;padding-top:23px}.article-sources h2{font-size:20px}.article-sources li{font-size:12px}.article-author{gap:16px}.article-author>img{width:65px;height:77px}.article-author p{font-size:18px}.article-author span{font-size:12px}.blog-related{padding-block:42px 49px}.blog-section-heading{gap:20px;align-items:end;margin-bottom:28px}.blog-section-heading h2{font-size:39px}.blog-section-heading .text-link{font-size:12px;gap:13px}.blog-related .blog-grid{grid-template-columns:1fr}.blog-related .blog-card{display:grid;grid-template-columns:115px minmax(0,1fr);gap:18px;padding-bottom:26px;border-bottom:1px solid #ddd}.blog-related .blog-card-art{height:115px;aspect-ratio:1}.blog-related .card-arrow{display:none}.blog-related .blog-card-copy{padding:0}.blog-related .blog-card h3{font-size:23px;margin-top:12px}.blog-related .blog-kicker{display:flex;justify-content:start;gap:15px;margin-bottom:0}.blog-related .blog-kicker>span{margin:0}.blog-related .blog-card-copy>p:not(.blog-kicker){display:none}.blog-related .card-read{margin-top:5px}.budget-calculator{padding:22px 20px}.calculator-inputs{grid-template-columns:1fr;gap:15px}.calculator-inputs label{gap:6px}.calculator-results{gap:12px}.calculator-results span{font-size:26px}.calculator-results p{font-size:11px;line-height:1.5;margin:0}.budget-calculator .calculator-note{font-size:11px}}
@media(max-width:440px){.blog-hub .blog-grid{grid-template-columns:1fr}.blog-card-art{aspect-ratio:1.65}.blog-card h3{font-size:28px}.blog-card-copy>p:not(.blog-kicker){font-size:16px}.blog-card .blog-kicker{display:flex;justify-content:start;gap:18px;font-size:11px}.blog-card .blog-kicker>span{margin:0;font-size:11px}.blog-card .card-read{font-size:13px}.blog-card-copy{padding-top:19px}.blog-card-featured h3{font-size:31px}.blog-cta h2{font-size:41px}.calculator-results{grid-template-columns:1fr;gap:16px}.calculator-results p{font-size:12px}.calculator-results span{font-size:32px}.blog-section-heading h2{font-size:35px}.blog-related .blog-card{grid-template-columns:95px minmax(0,1fr);gap:16px}.blog-related .blog-card-art{height:95px}.blog-related .blog-card h3{font-size:22px}.blog-related .blog-kicker{flex-wrap:wrap;gap:5px 12px}}
@media(prefers-reduced-motion:reduce){.blog-page .blog-card-art>img,.blog-filters button{transition:none}.blog-buddy .mascot{animation:none!important}}