:root{--bg:#f3f1ec;--ink:#101112;--muted:#60656a;--line:rgba(16,17,18,.16);--panel:#fff;--signal:#ff315c;--cyan:#12c9f4;--header:rgba(243,241,236,.88);--shadow:0 24px 70px rgba(13,16,18,.10)}
html[data-theme="dark"]{--bg:#0a0c0e;--ink:#f3f5f4;--muted:#9ca4aa;--line:rgba(255,255,255,.15);--panel:#111519;--signal:#ff315c;--cyan:#49ddf7;--header:rgba(10,12,14,.88);--shadow:0 26px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;transition:background .25s,color .25s}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Header + language component mirrors the home control */
.blog-head{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(20px)}.blog-head>a{text-decoration:none;font-size:11px;font-weight:750;letter-spacing:.04em}.blog-head .brand{justify-self:center}.blog-tools{justify-self:end;display:flex;align-items:center;gap:9px}.theme{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink);cursor:pointer}.lang-switch{position:relative;z-index:70}.lang-current{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}.flag{display:inline-block;width:27px;height:27px;min-width:27px;border-radius:50%;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.flag-br{background:radial-gradient(circle at 50% 50%,#002776 0 24%,#ffdf00 25% 44%,#009b3a 45%)}.flag-pt{background:linear-gradient(90deg,#046a38 0 40%,#da291c 40%)}.flag-us{background:linear-gradient(#b22234 0 8%,#fff 8% 16%,#b22234 16% 24%,#fff 24% 32%,#b22234 32% 40%,#fff 40% 48%,#b22234 48% 56%,#fff 56% 64%,#b22234 64% 72%,#fff 72% 80%,#b22234 80% 88%,#fff 88%)}.flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}.lang-menu{position:absolute;right:0;top:42px;display:grid;min-width:126px;padding:6px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow);opacity:0;transform:translateY(-7px);pointer-events:none;transition:.2s}.lang-switch.open .lang-menu{opacity:1;transform:none;pointer-events:auto}.lang-menu button{display:flex;align-items:center;gap:9px;border:0;border-radius:10px;padding:8px;background:transparent;color:var(--ink);font-size:10px;font-weight:750;cursor:pointer}.lang-menu button:hover,.lang-menu button.active{background:var(--bg)}.lang-menu .flag{width:20px;height:20px;min-width:20px}

/* Blog index */
.blog-index{width:min(1500px,100%);margin:auto;padding:0 28px 130px}.index-hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:64px;align-items:end;padding:clamp(80px,12vw,180px) 0 56px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.index-hero::after{content:"";position:absolute;right:-12vw;top:2vw;width:42vw;height:42vw;border:1px solid var(--line);border-radius:50%;opacity:.6}.hero-copy{position:relative;z-index:1}.eyebrow,.meta{display:block;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.index-hero h1{font-size:clamp(70px,11.2vw,174px);line-height:.79;letter-spacing:-.075em;margin:16px 0 0;max-width:9.4ch}.index-hero h1 em{font-style:normal;color:var(--signal)}.hero-side{position:relative;z-index:2;max-width:540px}.hero-side p{font-size:clamp(18px,2vw,28px);line-height:1.25;color:var(--muted);margin:0 0 32px}.hero-cta,.story-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:999px;padding:16px 20px;background:var(--ink);color:var(--bg);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em}.hero-cta span,.story-cta span{font-size:20px}.index-manifesto{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:54px 0;border-bottom:1px solid var(--line)}.index-manifesto p{margin:0;font-size:clamp(25px,4vw,56px);line-height:1.02;letter-spacing:-.045em}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 54px}.filters button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;border-radius:999px;cursor:pointer;font-size:10px;font-weight:750}.filters button.active{background:var(--ink);color:var(--bg)}.post-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 24px}.post-card{grid-column:span 4;text-decoration:none;min-width:0;opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.post-card.is-visible{opacity:1;transform:none}.post-card:nth-child(6n+1),.post-card:nth-child(6n+5){grid-column:span 7}.post-card:nth-child(6n+2),.post-card:nth-child(6n+6){grid-column:span 5}.post-card figure{margin:0;overflow:hidden;background:#151719;aspect-ratio:4/3;position:relative}.post-card:nth-child(6n+1) figure,.post-card:nth-child(6n+5) figure{aspect-ratio:16/9}.post-card img{width:100%;height:112%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.post-card:hover img{transform:scale(1.035)}.post-card .meta{margin:17px 0 10px}.post-card h2{font-size:clamp(28px,3.2vw,56px);line-height:.93;letter-spacing:-.05em;margin:0;max-width:15ch}.post-card p{color:var(--muted);font-size:14px;line-height:1.55;max-width:58ch;margin:14px 0 0}.real-badge{position:absolute;left:12px;top:12px;padding:7px 9px;background:rgba(10,12,14,.78);color:#fff;font-size:9px;letter-spacing:.12em;border-radius:999px;backdrop-filter:blur(10px)}

/* Article */
.article{width:min(1540px,100%);margin:auto;padding:0 28px 130px}.article-intro{min-height:calc(88vh - 72px);display:grid;grid-template-columns:minmax(0,1.36fr) minmax(300px,.64fr);gap:60px;align-items:end;padding:clamp(70px,10vw,150px) 0 48px}.article-intro h1{font-size:clamp(64px,9.4vw,148px);line-height:.82;letter-spacing:-.075em;margin:15px 0 0;max-width:11ch;overflow-wrap:normal}.article-intro .dek{font-size:clamp(20px,2.2vw,32px);line-height:1.22;color:var(--muted);margin:0 0 5px}.hero{margin:0 0 86px;overflow:hidden;background:#151719;min-height:min(74vh,850px);position:relative}.hero img{width:100%;height:min(74vh,850px);object-fit:cover;will-change:transform;transform:scale(1.06)}.hero figcaption{position:absolute;left:18px;bottom:18px;background:rgba(10,12,14,.75);color:#fff;padding:9px 12px;border-radius:999px;font-size:9px;letter-spacing:.13em;backdrop-filter:blur(12px)}.article-shell{display:grid;grid-template-columns:300px minmax(0,860px);justify-content:center;gap:clamp(44px,7vw,112px)}.toc{position:sticky;top:104px;align-self:start;padding:8px 0 8px 28px}.toc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--line)}.toc-label{margin-bottom:22px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:11px 0;position:relative;transition:color .25s}.toc a::before{content:"";position:absolute;left:-28px;top:10px;width:2px;height:calc(100% - 10px);background:var(--signal);transform:scaleY(0);transform-origin:top;transition:transform .25s}.toc a.active{color:var(--ink)}.toc a.active::before{transform:scaleY(1)}.toc strong{display:block;font-size:18px;line-height:1.05;letter-spacing:-.025em}.toc span{display:block;font-size:11px;line-height:1.4;margin-top:5px}.article-body{max-width:860px}.article-body>section{padding:72px 0;border-top:1px solid var(--line);opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.article-body>section:first-child{border-top:0;padding-top:0}.article-body>section.is-visible{opacity:1;transform:none}.article-body h2{font-size:clamp(42px,5.3vw,78px);line-height:.91;letter-spacing:-.055em;margin:0 0 26px;max-width:13ch}.article-body h3{font-size:clamp(24px,3vw,38px);line-height:1;margin:44px 0 17px}.article-body p{font-size:18px;line-height:1.72;margin:0 0 25px;max-width:70ch}.article-body .lead{font-size:clamp(25px,3vw,40px);line-height:1.28;letter-spacing:-.025em}.dropcap::first-letter{float:left;font-size:5.5em;line-height:.7;padding:.09em .1em 0 0;color:var(--signal);font-weight:800}.pullquote{margin:46px 0;padding:22px 0 22px 26px;border-left:3px solid var(--signal);font-size:clamp(27px,3.7vw,51px);line-height:1.02;letter-spacing:-.04em;max-width:18ch}.brand-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);margin-top:34px;border:1px solid var(--line)}.brand-example{padding:28px;background:var(--panel)}.brand-example b{font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}.brand-example p{font-size:14px;margin:12px 0 0;color:var(--muted)}.framework{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);counter-reset:step}.framework li{list-style:none;counter-increment:step;background:var(--bg);padding:22px;display:grid;grid-template-columns:45px 1fr;gap:15px;font-size:17px;line-height:1.4}.framework li::before{content:counter(step,decimal-leading-zero);font-size:11px;color:var(--muted)}.project-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin:36px 0}.project-gallery figure{margin:0;overflow:hidden;background:#151719}.project-gallery figure:first-child{grid-row:span 2}.project-gallery img{width:100%;height:100%;object-fit:cover}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-grid a{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--line);text-decoration:none;background:var(--panel);transition:transform .2s}.source-grid a:hover{transform:translateY(-3px)}.source-grid strong{font-size:18px}.source-grid span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.source-note{font-size:12px!important;color:var(--muted);margin-top:18px!important}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750;font-size:17px}.faq details p{font-size:15px;padding-top:12px;color:var(--muted)}.article-cta{margin-top:72px;padding:clamp(34px,6vw,72px);background:var(--ink);color:var(--bg);display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.article-cta h2{font-size:clamp(45px,7vw,100px);line-height:.83;letter-spacing:-.06em;margin:12px 0 0;max-width:9ch}.article-cta .story-cta{background:var(--signal);color:#fff}.next{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;margin-top:82px;padding-top:28px;border-top:1px solid var(--line);text-decoration:none}.next strong{font-size:clamp(38px,5vw,72px);line-height:.9;letter-spacing:-.05em;max-width:14ch}.next span{font-size:34px}.blog-foot{display:flex;justify-content:space-between;gap:24px;padding:28px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}

/* Four distinct editorial rhythms */
.layout-cover .article-intro{grid-template-columns:1fr;max-width:1220px}.layout-cover .article-intro .dek{max-width:29ch}.layout-cover .hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.layout-dossier .hero{width:72%;margin-left:auto}.layout-dossier .article-body>section:nth-child(even){padding:58px;background:var(--panel);border:1px solid var(--line);margin:30px 0}.layout-gallery .hero{width:58%;min-height:68vh}.layout-gallery .hero img{height:68vh}.layout-gallery .article-intro h1{max-width:9ch}.layout-split .article-intro{border-bottom:1px solid var(--line)}

@media(max-width:980px){.index-hero,.article-intro{grid-template-columns:1fr;gap:32px}.index-hero{align-items:end}.hero-side{max-width:660px}.index-manifesto{grid-template-columns:1fr;gap:20px}.article-shell{grid-template-columns:220px minmax(0,1fr);gap:38px}.post-card{grid-column:span 6!important}.layout-dossier .hero,.layout-gallery .hero{width:100%}}
@media(max-width:760px){html{scroll-padding-top:82px}.blog-head{height:62px;padding:0 14px}.blog-head .brand{font-size:10px}.blog-head>a:first-child{font-size:0}.blog-head>a:first-child::before{content:"←";font-size:20px}.lang-current,.theme{width:30px;height:30px}.flag{width:24px;height:24px;min-width:24px}.blog-index,.article{padding-left:15px;padding-right:15px;padding-bottom:90px}.index-hero{min-height:auto;padding:82px 0 45px}.index-hero h1{font-size:21vw;line-height:.8}.index-hero::after{width:80vw;height:80vw}.index-manifesto{padding:38px 0}.post-grid{display:block}.post-card{display:block;margin-bottom:54px}.post-card h2{font-size:38px}.article-intro{min-height:auto;padding:74px 0 36px}.article-intro h1{font-size:16vw;line-height:.84;max-width:100%}.article-intro .dek{font-size:20px}.hero,.layout-cover .hero{margin:0 -15px 54px;min-height:58vh}.hero img,.layout-gallery .hero img{height:58vh}.article-shell{display:block}.toc{position:relative;top:auto;margin:0 0 42px;padding:18px 16px;border:1px solid var(--line);background:var(--panel)}.toc::before{display:none}.toc-links{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.toc a{min-width:210px;padding:12px;border-left:2px solid var(--line)}.toc a::before{left:-2px;top:0;height:100%}.toc strong{font-size:15px}.article-body>section{padding:54px 0}.article-body h2{font-size:13vw}.article-body p{font-size:16px}.article-body .lead{font-size:24px}.brand-examples,.project-gallery,.source-grid{grid-template-columns:1fr}.project-gallery figure:first-child{grid-row:auto}.project-gallery figure{aspect-ratio:16/10}.layout-dossier .article-body>section:nth-child(even){padding:26px 18px;margin:20px -8px}.article-cta{grid-template-columns:1fr}.article-cta h2{font-size:14vw}.blog-foot{flex-direction:column;padding:24px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-card,.article-body>section{opacity:1;transform:none;transition:none}.post-card img,.hero img{transform:none!important}}

/* Progressive enhancement: content stays visible if JavaScript is unavailable. */
.post-card,.article-body>section{opacity:1;transform:none}
.has-js .post-card{opacity:0;transform:translateY(28px)}
.has-js .article-body>section{opacity:0;transform:translateY(22px)}
.has-js .post-card.is-visible,.has-js .article-body>section.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.has-js .post-card,.has-js .article-body>section{opacity:1;transform:none;transition:none}}
.article-intro h1,.article-body h2,.index-hero h1,.post-card h2{overflow-wrap:anywhere;word-break:normal}
.editorial-notes{margin:42px 0;padding:clamp(24px,4vw,42px);border:1px solid var(--line);background:var(--panel)}
.editorial-notes h3{margin-top:0}.editorial-notes p:last-child{margin-bottom:0}.framework li strong{font-size:18px}.framework li p{font-size:14px;line-height:1.55;color:var(--muted);margin:8px 0 0}