/* The studio notebook: readable pages, real links, no client-side rendering dependency. */
.blog-main{max-width:1440px;padding-bottom:0}.blog-hero{position:relative;padding:88px 0 64px;max-width:1100px}.blog-hero .eyebrow{margin-bottom:26px}.blog-hero h1{font-size:clamp(52px,7.1vw,100px);max-width:970px;line-height:1.01;margin-bottom:30px}.blog-dek{max-width:650px;font-size:clamp(18px,1.65vw,23px);line-height:1.6;color:#bcb8c4;margin:0}.blog-topics{display:flex;align-items:center;gap:9px;margin-top:32px}.blog-topics span{padding:6px 13px;border:1px solid #c8b6ff36;border-radius:30px;font:11px StudioMono,monospace;color:#d2c1ff}.blog-topics span:last-child{border:0;font:24px Arial;margin-left:6px;color:#9ed8ef}
.blog-posts{padding-bottom:80px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.article-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff1b;border-radius:22px;overflow:hidden;background:#29282d;transition:border-color 220ms,transform 250ms,background-color 220ms}.article-card:hover{border-color:#c8b6ff80;transform:translateY(-4px);background:#2d2b32}.article-card-copy{padding:30px;display:flex;flex:1;flex-direction:column}.article-meta{display:flex;align-items:center;gap:16px;color:#9793a1;font:11px/1.5 StudioMono,monospace;letter-spacing:.015em}.article-meta>span:first-child{color:#cdbbff}.article-card h2{font-size:clamp(24px,2.3vw,33px);line-height:1.18;letter-spacing:-.035em;margin:18px 0 15px}.article-card p{font-size:16px;line-height:1.6;color:#b4afbd;margin:0 0 26px;max-width:510px}.article-read{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#ded2fb;gap:20px}.article-read>span{font-size:24px;transition:transform 220ms}.article-card:hover .article-read>span{transform:translate(3px,-3px)}.article-card.featured{display:grid;grid-template-columns:1fr 1.15fr;margin-bottom:26px}.featured .article-card-copy{padding:44px}.featured h2{font-size:clamp(29px,3.2vw,46px)}
.blog-art{position:relative;display:grid;place-items:center;aspect-ratio:2.2;overflow:hidden;color:#cebdff;background:radial-gradient(ellipse at 60% 70%,#7752b13b,transparent 65%),#24232b}.blog-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#c7a8ff26 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(160deg,transparent,#000)}.blog-art svg{position:relative;width:62%;max-height:210px;filter:drop-shadow(0 0 12px #b597ef30);transition:transform 600ms cubic-bezier(.2,.8,.2,1)}.blog-art>span{position:absolute;bottom:18px;left:23px;font:10px StudioMono,monospace;letter-spacing:.2em;opacity:.6}.article-card:hover .blog-art svg{transform:translateY(-4px) rotate(-2deg)}.featured .blog-art{aspect-ratio:auto;min-height:370px}.featured .blog-art svg{width:88%;max-height:320px}.art-aeo{color:#edb4dc;background:radial-gradient(ellipse at 50% 80%,#8b467332,transparent 65%),#2b242c}.art-geo{color:#a9dcea;background:radial-gradient(ellipse at 65% 70%,#3c718d35,transparent 65%),#23282f}
.blog-cta{padding:70px 0 85px;border-top:1px solid #ffffff22}.blog-cta .eyebrow{margin-bottom:18px}.blog-cta h2{font-size:clamp(34px,4.5vw,58px);line-height:1.1;max-width:700px;margin:0 0 20px}.blog-cta>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:610px;color:#bcb8c4}.blog-services{display:block;width:fit-content;font-size:13px;color:#aca4bb;margin-top:24px}.blog-services:hover{color:#e4d7ff}
.article-hero{padding:52px 0 46px;border-bottom:1px solid #ffffff22;max-width:1100px}.blog-back{display:inline-block;font-size:12px;color:#aba5b7;margin-bottom:42px}.blog-back:hover{color:#e0cfff}.article-hero .article-meta{margin-bottom:22px}.article-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.07;max-width:1040px}.article-hero .blog-dek{max-width:800px}.article-byline{display:flex;flex-wrap:wrap;gap:12px 28px;font:11px/1.6 StudioMono,monospace;color:#96929f;margin-top:30px}.article-byline a{color:#d4c5ef}.article-byline a:hover{text-decoration:underline}
.article-layout{display:grid;grid-template-columns:250px minmax(0,740px);gap:7vw;padding:48px 0 85px}.article-toc{position:sticky;top:32px;align-self:start}.article-toc>p{font:10px StudioMono,monospace;color:#9f93b5;text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px}.article-toc nav{display:grid;gap:15px}.article-toc a{display:flex;gap:11px;font-size:13px;line-height:1.5;color:#a6a0b0}.article-toc a>span{font:10px/2 StudioMono,monospace;color:#776c8c;flex-shrink:0}.article-toc a:hover{color:#e0cfff}.article-prose{min-width:0;max-width:740px}.article-prose>section{scroll-margin-top:34px}.article-prose h2{font-size:clamp(25px,2.6vw,34px);line-height:1.2;margin:44px 0 20px;letter-spacing:-.03em}.article-prose p,.article-prose li{font-size:17px;line-height:1.85;color:#c5c0cc}.article-prose p{margin:0 0 20px}.article-prose ul{padding-left:22px;margin:15px 0 26px}.article-prose li+li{margin-top:8px}.article-prose a{color:#d3beff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c8b6ff66;overflow-wrap:anywhere}.article-prose a:hover{text-decoration-color:currentColor}.article-prose code{font:13px StudioMono,monospace;background:#c8b6ff12;border-radius:4px;padding:3px 5px;color:#decfff}.article-answer{padding:26px 29px;border-left:2px solid #c8b6ff;border-radius:0 17px 17px 0;background:linear-gradient(110deg,#c8b6ff13,#c8b6ff04)}.article-answer .eyebrow,.article-takeaway .eyebrow{font-size:10px;margin-bottom:12px;color:#c8b6ff}.article-answer p:last-child{margin:0;font-size:18px;line-height:1.7;color:#e0d8ed}.editorial-example{padding:24px 27px;border:1px solid #b4dbea28;border-radius:14px;background:#a9dcea06;margin:26px 0}.editorial-example strong{font:10px/1.6 StudioMono,monospace;color:#a9dcea}.editorial-example p{margin:14px 0 0;font-size:16px}.article-takeaway{padding:28px 0 16px;margin-top:35px;border-top:1px solid #c8b6ff40}.article-sources{margin-top:24px;padding-top:5px;border-top:1px solid #ffffff20}.article-sources h2{font-size:21px;margin-top:30px}.article-sources li{font-size:13px}.article-sources>p{font-size:12px;color:#918b9c}.blog-related{border-top:1px solid #ffffff20;padding:50px 0 70px}.blog-related>.eyebrow{margin-bottom:24px}.blog-related .blog-art{aspect-ratio:2.5}.blog-related .article-card h2{font-size:26px}
@media(max-width:1000px){.article-layout{grid-template-columns:190px minmax(0,1fr);gap:4vw}.article-card-copy,.featured .article-card-copy{padding:26px}.featured .blog-art{min-height:330px}.article-hero h1{font-size:clamp(38px,5.4vw,62px)}}
@media(max-width:700px){.blog-hero{padding:50px 0 40px}.blog-hero h1{font-size:clamp(46px,10.5vw,66px)}.blog-dek{font-size:18px}.article-card.featured{grid-template-columns:1fr}.featured .blog-art{min-height:0;aspect-ratio:1.7}.featured .blog-art svg{width:74%;max-height:240px}.article-grid{grid-template-columns:1fr;gap:20px}.article-card.featured{margin-bottom:20px}.article-card-copy,.featured .article-card-copy{padding:25px}.article-card h2,.featured h2{font-size:29px}.blog-posts{padding-bottom:48px}.blog-cta{padding:48px 0 58px}.blog-cta .contact-button{font-size:15px;gap:24px}.article-hero{padding:34px 0}.blog-back{margin-bottom:30px}.article-hero h1{font-size:clamp(36px,8.2vw,52px);letter-spacing:-.045em}.article-byline{gap:7px;font-size:10px;flex-direction:column}.article-layout{display:block;padding:28px 0 45px}.article-toc{position:static;padding:0 0 26px;margin:0 0 28px;border-bottom:1px solid #ffffff20}.article-toc nav{gap:10px}.article-toc a{font-size:12px}.article-toc>p{margin-bottom:14px}.article-answer{padding:22px}.article-answer p:last-child{font-size:17px}.article-prose p,.article-prose li{font-size:16px;line-height:1.8}.article-prose h2{font-size:27px;margin-top:34px}.editorial-example{padding:21px}.blog-related{padding:35px 0 45px}}
@media(prefers-reduced-motion:reduce){.article-card:hover,.article-card:hover .article-read>span,.article-card:hover .blog-art svg{transform:none}}