.portfolio-blog .post,.portfolio-blog .blog-index{padding:clamp(118px,15vh,168px) 0 clamp(56px,8vw,96px)}.portfolio-blog .post-wrap{max-width:740px;margin:0 auto;padding:0 22px}.portfolio-blog .blog-wrap{max-width:1080px;margin:0 auto;padding:0 22px}.portfolio-blog .post-crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:12.5px;display:flex}.portfolio-blog .post-crumbs a{color:var(--body);text-decoration:none}.portfolio-blog .post-crumbs a:hover{color:var(--amber)}.portfolio-blog .post-crumbs .here{color:var(--muted)}.portfolio-blog .post-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink);background:var(--amber);border-radius:30px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}.portfolio-blog .post h1{font-family:var(--ff-display);color:var(--cream);letter-spacing:-.02em;text-wrap:balance;margin:18px 0 0;font-size:clamp(32px,5.4vw,52px);font-weight:400;line-height:1.08}.portfolio-blog .post-dek{color:var(--body);margin:18px 0 0;font-size:clamp(17px,2vw,19px);line-height:1.6}.portfolio-blog .post-byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:14px;margin:26px 0 0;padding:18px 0;display:flex}.portfolio-blog .post-byline img{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex:none;width:46px;height:46px}.portfolio-blog .pb-name{color:var(--cream);font-size:15px;font-weight:600;text-decoration:none;display:block}.portfolio-blog .pb-name:hover{color:var(--amber)}.portfolio-blog .pb-meta{color:var(--muted);margin-top:2px;font-size:13px;display:block}.portfolio-blog .post-hero{border:1px solid var(--line);border-radius:16px;width:100%;height:auto;margin-top:30px}.portfolio-blog .post-body{color:var(--body);margin-top:34px;font-size:17px;line-height:1.75}.portfolio-blog .post-body>*+*{margin-top:1.1em}.portfolio-blog .post-body h2{font-family:var(--ff-display);color:var(--cream);letter-spacing:-.01em;text-wrap:balance;margin-top:2.2em;scroll-margin-top:100px;font-size:clamp(25px,3.4vw,32px);font-weight:400;line-height:1.2}.portfolio-blog .post-body h3{font-family:var(--ff-display);color:var(--cream);margin-top:1.8em;font-size:21px;font-weight:500}.portfolio-blog .post-body h2+p,.portfolio-blog .post-body h3+p{margin-top:.6em}.portfolio-blog .post-body strong{color:var(--cream);font-weight:600}.portfolio-blog .post-body a{color:var(--amber);text-underline-offset:3px;-webkit-text-decoration:underline #f5a62373;text-decoration:underline #f5a62373}.portfolio-blog .post-body a:hover{-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber)}.portfolio-blog .post-body ul,.portfolio-blog .post-body ol{padding-left:1.3em}.portfolio-blog .post-body li+li{margin-top:.4em}.portfolio-blog .post-body li::marker{color:var(--amber)}.portfolio-blog .post-body code{background:var(--raised);border:1px solid var(--line);color:var(--cream);border-radius:6px;padding:1px 6px;font-size:.88em}.portfolio-blog .post-body blockquote{border-left:2px solid var(--amber);color:var(--cream);padding-left:18px;font-style:italic}.portfolio-blog .post-body table{border-collapse:collapse;border:1px solid var(--line);border-radius:12px;width:100%;font-size:14.5px;line-height:1.5;display:block;overflow-x:auto}.portfolio-blog .post-body th,.portfolio-blog .post-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:150px;padding:11px 14px}.portfolio-blog .post-body th{color:var(--cream);background:var(--surface);font-weight:600}.portfolio-blog .post-body tr:last-child td{border-bottom:0}.portfolio-blog .post-answer{background:#1e1915b8;border:1px solid #f5a62357;border-radius:16px;padding:22px 24px}.portfolio-blog .post-answer p{margin:0}.portfolio-blog .post-answer-q{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:11.5px;font-weight:600}.portfolio-blog .post-answer-a{color:var(--cream);font-size:16.5px;line-height:1.7;margin-top:10px!important}.portfolio-blog .post-cta{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%, #f5a6231a, transparent 70%), var(--surface);text-align:center;border-radius:20px;margin-top:56px;padding:clamp(26px,5vw,42px)}.portfolio-blog .post-cta h2{font-family:var(--ff-display);color:var(--cream);text-wrap:balance;margin:0;font-size:clamp(24px,3.2vw,30px);font-weight:400;line-height:1.2}.portfolio-blog .post-cta p{max-width:52ch;margin:14px auto 0;line-height:1.65}.portfolio-blog .post-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.portfolio-blog .pc-primary,.portfolio-blog .pc-ghost{min-height:48px;transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;border-radius:100px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.portfolio-blog .pc-primary{background:var(--amber);color:var(--amber-ink)}.portfolio-blog .pc-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #f5a6234d}.portfolio-blog .pc-ghost{border:1px solid var(--line2,var(--line));color:var(--cream)}.portfolio-blog .pc-ghost:hover{border-color:var(--amber);color:var(--amber)}@media (width<=560px){.portfolio-blog .pc-primary,.portfolio-blog .pc-ghost{flex:100%}}.portfolio-blog .blog-index h1{font-family:var(--ff-display);color:var(--cream);letter-spacing:-.02em;margin:16px 0 0;font-size:clamp(34px,5.6vw,56px);font-weight:400;line-height:1.06}.portfolio-blog .blog-lead{max-width:62ch;margin:16px 0 0;font-size:17px;line-height:1.65}.portfolio-blog .blog-sec{margin-top:56px;scroll-margin-top:96px}.portfolio-blog .blog-sec h2{font-family:var(--ff-display);color:var(--cream);margin:0;font-size:clamp(26px,3.6vw,34px);font-weight:400;line-height:1.15}.portfolio-blog .blog-sec-lead{max-width:62ch;margin:10px 0 0;font-size:15.5px;line-height:1.6}.portfolio-blog .blog-sec .blog-grid{margin-top:24px}.portfolio-blog .blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}.portfolio-blog .blog-card{border:1px solid var(--line);background:var(--surface);height:100%;transition:transform .3s var(--ease), border-color .3s, box-shadow .3s;border-radius:18px;flex-direction:column;padding:24px;text-decoration:none;display:flex}.portfolio-blog .blog-card:hover{border-color:#f5a62380;transform:translateY(-4px);box-shadow:0 18px 40px -18px #f5a62366}.portfolio-blog .bc-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:600}.portfolio-blog .bc-title{font-family:var(--ff-display);color:var(--cream);margin:10px 0 0;font-size:22px;font-weight:400;line-height:1.25}.portfolio-blog .bc-desc{color:var(--body);margin:10px 0 0;font-size:14.5px;line-height:1.6}.portfolio-blog .bc-meta{color:var(--muted);margin-top:auto;padding-top:18px;font-size:13px}.portfolio-blog .blog-empty{color:var(--muted);margin-top:40px}@media (prefers-reduced-motion:reduce){.portfolio-blog .blog-card,.portfolio-blog .pc-primary,.portfolio-blog .pc-ghost{transition:none}}.portfolio-blog .author-head{flex-wrap:wrap;align-items:center;gap:clamp(18px,4vw,34px);display:flex}.portfolio-blog .author-head img{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex:none;width:clamp(96px,16vw,148px);height:clamp(96px,16vw,148px)}.portfolio-blog .author-head h1{margin-top:12px}.portfolio-blog .author-role{color:var(--muted);margin:8px 0 0;font-size:15px}.portfolio-blog .author-links{flex-wrap:wrap;gap:18px;margin-top:14px;font-size:15px;display:flex}.portfolio-blog .author-links a,.portfolio-blog .author-facts a{color:var(--amber);text-decoration:none}.portfolio-blog .author-links a:hover,.portfolio-blog .author-facts a:hover{text-underline-offset:3px;text-decoration:underline}.portfolio-blog .author-body{max-width:760px;margin-top:30px}.portfolio-blog .author-facts{gap:12px;margin:24px 0 0;padding:0;font-size:15.5px;line-height:1.65;list-style:none;display:grid}.portfolio-blog .author-facts li{border-left:2px solid var(--amber);padding-left:14px}.portfolio-blog .author-facts b{color:var(--cream)}.portfolio-blog .author-sub{font-family:var(--ff-display);color:var(--cream);margin:56px 0 0;font-size:clamp(24px,3.2vw,30px);font-weight:400}.portfolio-blog .post-author{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:flex-start;gap:16px;margin-top:48px;padding:22px;display:flex}.portfolio-blog .post-author img{object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px}.portfolio-blog .pa-label{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:600}.portfolio-blog .pa-name{color:var(--cream);font-family:var(--ff-display);margin-top:4px;font-size:19px;text-decoration:none;display:block}.portfolio-blog .pa-bio{margin:6px 0 0;font-size:14.5px;line-height:1.6}.portfolio-blog .pa-links{flex-wrap:wrap;gap:16px;margin-top:10px;font-size:14px;display:flex}.portfolio-blog .pa-links a{color:var(--amber);text-decoration:none}.portfolio-blog .post-toc{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:28px}.portfolio-blog .post-toc summary{cursor:pointer;color:var(--cream);justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-size:15px;font-weight:600;list-style:none;display:flex}.portfolio-blog .post-toc summary::-webkit-details-marker{display:none}.portfolio-blog .post-toc summary span{color:var(--muted);font-size:13px;font-weight:400}.portfolio-blog .post-toc summary span:after{content:" +";color:var(--amber)}.portfolio-blog .post-toc[open] summary span:after{content:" −"}.portfolio-blog .post-toc ol{gap:8px;margin:0;padding:0 20px 18px 40px;font-size:14.5px;display:grid}.portfolio-blog .post-toc li::marker{color:var(--amber);font-size:12px}.portfolio-blog .post-toc a{color:var(--body);text-decoration:none}.portfolio-blog .post-toc a:hover{color:var(--amber)}.portfolio-blog .post-fig{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:1.8em 0;overflow:hidden}.portfolio-blog .post-fig img{background:#fff;width:100%;height:auto;display:block}.portfolio-blog .post-fig figcaption{color:var(--body);padding:13px 16px;font-size:14px;line-height:1.55}.portfolio-blog .post-fig figcaption b{color:var(--cream)}.portfolio-blog .metric-stack{gap:10px;margin:1.6em 0;list-style:none;display:grid;padding:0!important}.portfolio-blog .metric-stack>li{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px 18px 16px 22px;position:relative;overflow:hidden;margin:0!important}.portfolio-blog .metric-stack>li:before{content:"";background:var(--tier,var(--amber));width:4px;position:absolute;top:0;bottom:0;left:0}.portfolio-blog .metric-stack>li:after{content:"";height:2px;width:var(--w,50%);background:var(--tier,var(--amber));opacity:.5;transform-origin:0;transition:transform 1.1s var(--ease) .25s;position:absolute;bottom:0;left:0;transform:scaleX(1)}html.js .portfolio-blog .metric-stack:not(.in)>li:after{transform:scaleX(0)}.portfolio-blog .metric-stack .ms-tier{letter-spacing:.12em;text-transform:uppercase;color:var(--tier,var(--amber));font-size:11px;font-weight:600;display:block}.portfolio-blog .metric-stack .ms-name{font-family:var(--ff-display);color:var(--cream);margin-top:4px;font-size:19px;display:block}.portfolio-blog .metric-stack .ms-what{margin-top:4px;font-size:14.5px;line-height:1.55;display:block}.portfolio-blog .metric-stack .t1{--tier:#34d399;--w:100%}.portfolio-blog .metric-stack .t2{--tier:#f5a623;--w:72%}.portfolio-blog .metric-stack .t3{--tier:#8fb3ff;--w:44%}.portfolio-blog .metric-stack .t4{--tier:#f06543;--w:16%}.portfolio-blog .post-note{border-left:2px solid var(--amber);background:#f5a6230f;border-radius:0 12px 12px 0;padding:14px 18px;font-size:15.5px}.portfolio-blog .post-faq{margin-top:52px}.portfolio-blog .post-faq h2{font-family:var(--ff-display);color:var(--cream);margin:0 0 10px;font-size:clamp(25px,3.4vw,32px);font-weight:400}.portfolio-blog .post-faq details{border-bottom:1px solid var(--line)}.portfolio-blog .post-faq summary{cursor:pointer;font-family:var(--ff-display);color:var(--cream);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:18px;list-style:none;display:flex}.portfolio-blog .post-faq summary::-webkit-details-marker{display:none}.portfolio-blog .post-faq .pl{color:var(--amber);transition:transform .3s var(--ease);flex:none;font-size:20px}.portfolio-blog .post-faq details[open] .pl{transform:rotate(45deg)}.portfolio-blog .post-faq p{margin:0 0 20px;font-size:15.5px;line-height:1.7}.portfolio-blog .post-related{margin-top:56px}.portfolio-blog .post-related h2{font-family:var(--ff-display);color:var(--cream);margin:0;font-size:clamp(23px,3vw,28px);font-weight:400}.portfolio-blog .post-related .blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin-top:20px}.portfolio-blog .post-related .bc-title,.portfolio-blog .post-related .bc-desc{display:block}.portfolio-blog .post-related .bc-title{font-size:19px}@media (prefers-reduced-motion:reduce){.portfolio-blog .metric-stack>li:after,.portfolio-blog .post-faq .pl{transition:none}}.portfolio-blog .post-faq+.post-author{margin-top:36px}.portfolio-blog .dropoff{counter-reset:none;gap:8px;margin:1.6em 0;list-style:none;display:grid;padding:0!important}.portfolio-blog .dropoff>li{isolation:isolate;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden;margin:0!important}.portfolio-blog .dropoff>li:before{content:"";z-index:-1;width:var(--w,100%);transform-origin:0;transition:transform 1.1s var(--ease) .2s;background:linear-gradient(90deg,#f5a62338,#f5a62314);position:absolute;inset:0 auto 0 0}html.js .portfolio-blog .dropoff:not(.in)>li:before{transform:scaleX(0)}.portfolio-blog .dropoff>li:first-child{--w:100%}.portfolio-blog .dropoff>li:nth-child(2){--w:82%}.portfolio-blog .dropoff>li:nth-child(3){--w:64%}.portfolio-blog .dropoff>li:nth-child(4){--w:48%}.portfolio-blog .dropoff>li:nth-child(5){--w:34%}.portfolio-blog .dropoff b{color:var(--cream);font-family:var(--ff-display);font-size:18px;font-weight:400;display:block}.portfolio-blog .dropoff span{margin-top:2px;font-size:14.5px;line-height:1.5;display:block}@media (prefers-reduced-motion:reduce){.portfolio-blog .dropoff>li:before{transition:none}}.portfolio-blog .post-answer-q p,.portfolio-blog .post-answer-a p,.portfolio-blog .post-note p,.portfolio-blog .post-fig figcaption p{margin:0}