[data-page=article]{background:var(--color-white);min-height:100vh}.section-article .container{max-width:100%;padding:0}@media(min-width:992px){.section-article .container{padding:0}}.article-layout{min-height:100vh}.col-hero{position:relative}@media(min-width:992px){.col-hero{height:100vh;position:sticky;top:0}}@keyframes arrow-slide-back{0%{opacity:1;transform:translate(0)}40%{opacity:0;transform:translate(-8px)}41%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.article-hero{height:60vh;overflow:hidden;position:relative;width:100%}@media(min-width:992px){.article-hero{height:100vh}}.article-hero .article-hero-inner{height:100%;position:relative;width:100%}.article-hero .article-hero-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-hero .article-hero-placeholder{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);height:100%;width:100%}.article-hero .article-hero-overlay{background:linear-gradient(0deg,#000000d9 0,#00000026 50%,#0000004d);inset:0;position:absolute}.article-hero .article-back{align-items:center;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#ffffff08;border-radius:5px;color:var(--color-white);display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;height:40px;left:1.5rem;letter-spacing:.05em;padding:0 1rem 0 .65rem;position:absolute;text-decoration:none;top:1.5rem;transition:background 1s ease;z-index:2}@media(min-width:992px){.article-hero .article-back{left:2rem;top:2rem}}@media(max-width:991.98px){.article-hero .article-back{left:auto;right:2rem;top:10px}}.article-hero .article-back:hover{background:#0009}.article-hero .article-back:hover .article-back-arrow .material-symbols-outlined{animation:arrow-slide-back .5s cubic-bezier(.76,0,.24,1) forwards}.article-hero .article-back-arrow{align-items:center;display:flex;overflow:hidden}.article-hero .article-back-arrow .material-symbols-outlined{font-size:1.1rem}.article-hero .article-back-label{line-height:1}.article-hero .article-hero-content{bottom:0;left:0;padding:2rem 1.5rem;position:absolute;right:0;z-index:1}@media(min-width:992px){.article-hero .article-hero-content{padding:3rem 2rem}}.article-hero .article-hero-content h1{color:var(--color-white)!important;font-family:var(--font-secondary);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;line-height:1.15;margin-bottom:.75rem}.article-hero .article-tags{display:flex;gap:.4rem;margin-bottom:1rem}.article-hero .article-tag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border-radius:var(--radius-5);color:var(--color-white);display:inline-flex;font-size:.65rem;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase}.article-hero .article-date{color:#ffffff80!important;font-size:.75rem;letter-spacing:.05em}.col-content{background:var(--color-white);display:flex;justify-content:center;position:relative;z-index:1}.col-content .col-content-inner{max-width:700px;padding:3rem 1.5rem;width:100%}@media(min-width:992px){.col-content .col-content-inner{padding:4rem 2rem}}@media(min-width:1200px){.col-content .col-content-inner{padding:5rem 2rem}}.col-content .col-content-inner .article-body>*,.col-content .col-content-inner .article-chapo p,.col-content .col-content-inner .article-cta,.col-content .col-content-inner .article-footer{opacity:0}.section-article[data-animated] .col-content-inner .article-body>*,.section-article[data-animated] .col-content-inner .article-chapo p,.section-article[data-animated] .col-content-inner .article-cta,.section-article[data-animated] .col-content-inner .article-footer{opacity:1!important}.article-chapo{border-bottom:1px solid #eee;margin-bottom:2.5rem}.article-chapo p{color:#222;font-size:1.15rem;font-weight:400;line-height:1.7;margin:0;padding-bottom:2rem}.article-body h2{color:var(--color-black);font-size:1.5rem;font-weight:500;margin:2.5rem 0 1rem}.article-body h2:first-child{margin-top:0}.article-body h3{color:var(--color-black);font-size:1.2rem;font-weight:500;margin:2rem 0 .75rem}.article-body p{color:#333;font-size:1rem;line-height:1.8;margin-bottom:1.25rem}.article-body strong{color:var(--color-black)!important;font-weight:600}.article-body ol,.article-body ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-body ol li,.article-body ul li{color:#333!important;font-size:1rem;line-height:1.8;margin-bottom:.35rem}.article-body ol{list-style-type:decimal}.article-body ul{list-style-type:disc}.article-body blockquote{background:#f8f8f8;border-left:3px solid var(--color-black);border-radius:0 var(--radius-5) var(--radius-5) 0;margin:2rem 0;padding:1rem 1.5rem}.article-body blockquote p{color:#444;font-size:1.05rem;font-style:italic;margin:0}.article-body code{background:#f4f4f4;border-radius:3px;font-size:.875rem;padding:.15rem .4rem}.article-body a{color:var(--color-black);text-decoration:underline;text-underline-offset:3px;transition:opacity .3s ease}.article-body a:hover{opacity:.6}.article-body img{border-radius:var(--radius-5);margin:1.5rem 0;width:100%}.article-body hr{border:none;border-top:1px solid #eee;margin:2.5rem 0}.article-cta-inner{align-items:center;background:#f8f8f8;border-radius:var(--radius-5);display:flex;flex-direction:column;gap:1rem;padding:2.5rem;text-align:center}.article-cta-inner .emoji{height:2.5rem;width:2.5rem}.article-cta-text{color:#333;font-size:1.1rem;font-weight:400}.article-footer{padding-top:2.5rem}