.page.blog-page{padding-block:var(--space-8) 0;gap:0}.post__category.text{display:none}@media (width>=640px){.post__category.text{display:flex}}.blog-page__banner{padding-top:clamp(var(--space-12), 12vh, var(--space-20));padding-bottom:var(--space-8);min-height:28vh}.blog-cover{cursor:pointer;background:var(--clr-card-bg);border:1px solid var(--clr-border);transition:box-shadow var(--duration-base), border-color var(--duration-base);position:relative;overflow:hidden}.blog-cover:before{z-index:var(--z-above);content:"";background:var(--clr-accent);transform-origin:0;height:2px;transition:transform var(--duration-slower) var(--ease-spring);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.blog-cover__visual{flex:1 0;max-height:100px;position:relative;overflow:hidden}.blog-cover__img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--duration-slower) var(--ease-out);display:block}.blog-cover__pin{z-index:var(--z-above);bottom:var(--space-4);left:var(--space-5);position:absolute}.blog-cover__content{padding:var(--space-6);text-align:start;flex:3}.blog-cover__badges.stack{gap:var(--space-6)}.blog-cover__desc{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--clr-ink-muted);max-width:640px;margin:0}.blog-cover__cta{font-family:var(--font-prose);font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--clr-accent);font-weight:500}@media (hover:hover) and (pointer:fine){.blog-cover:hover{box-shadow:var(--shadow-hover);border-color:rgba(var(--palette-gray-50-rgb), .18)}.blog-cover:hover:before{transform:scaleX(1)}.blog-cover:hover .blog-cover__img{transform:scale(1.02)}}@media (width>=768px){.blog-cover__visual{flex:1;max-height:220px}.blog-cover__content{flex:1}}@media (width>=964px){.blog-cover__badges.stack{gap:var(--space-10)}}.blog-page__grid{padding-top:var(--space-4);padding-bottom:var(--space-16)}.blog-page__empty{padding:var(--space-12) 0}.blog-article__thumbnail{width:100%;height:40vh;transition:height .5s ease-in-out;position:relative;overflow:hidden}.blog-article__thumbnail img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s ease-in-out;display:block}.blog-article__thumbnail-overlay{background:linear-gradient(to bottom, transparent 40%, rgba(var(--clr-canvas-rgb), .8) 100%);pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.blog-article__thumbnail:hover{height:70vh}.blog-article__thumbnail:hover img{transform:scale(1.04)}}.blog-article__header{padding-top:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--clr-border)}.blog-article__header-inner{width:100%;max-width:720px}.blog-article__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--clr-ink);margin:0;font-size:clamp(2.5rem,7vw,5rem);font-weight:400;line-height:1}.blog-article__desc{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--clr-ink-muted);margin:0}.blog-article__tag{padding:var(--space-1) var(--space-3);border:1px solid var(--clr-border)}.blog-article__back{transition:color var(--duration-base);align-self:flex-start}@media (hover:hover) and (pointer:fine){.blog-article__back:hover{color:var(--clr-accent)}}@media (width>=768px){.blog-article__header-inner,.blog-article__prose{max-width:680px}}.page.blog-article-page{padding-inline:0;padding-block:0 var(--space-24)}.blog-article__body{padding-top:var(--space-10)}.blog-article__body *{width:100%!important}.blog-article__loading{padding:var(--space-12) 0}.blog-article__loading-dots:after{content:"";animation:1.2s step-end infinite loading-dots}.blog-article__prose{align-self:center;gap:var(--space-5);text-align:start;flex-direction:column;max-width:680px;display:flex}.blog-article__prose h1,.blog-article__prose h2,.blog-article__prose h3,.blog-article__prose h4,.blog-article__prose h5,.blog-article__prose h6{font-family:var(--font-heading);color:var(--clr-ink);line-height:var(--leading-snug);padding-top:var(--space-6);margin:0}.blog-article__prose h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.blog-article__prose h2{font-size:var(--font-size-xl);font-weight:700}.blog-article__prose h3{font-size:var(--font-size-lg);font-weight:600}.blog-article__prose h4{font-size:var(--font-size-base);font-weight:600}.blog-article__prose h5,.blog-article__prose h6{font-family:var(--font-prose);font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--clr-accent);font-weight:500}.blog-article__prose p{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--clr-ink-soft);margin:0}.blog-article__prose strong{color:var(--clr-ink);font-weight:700}.blog-article__prose em{color:var(--clr-ink-muted);font-style:italic}.blog-article__prose a{font-family:var(--font-body);color:var(--clr-accent);text-underline-offset:3px;transition:opacity var(--duration-base);font-weight:500;text-decoration:underline}.blog-article__prose ul,.blog-article__prose ol{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--clr-ink-muted);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.blog-article__prose ul{padding-left:0;list-style:none}.blog-article__prose ul li{padding-left:var(--space-5);position:relative}.blog-article__prose ul li:before{content:"→";color:var(--clr-accent);font-family:var(--font-prose);font-size:var(--font-size-sm);position:absolute;left:0}.blog-article__prose ol{padding-left:var(--space-6);list-style:decimal}.blog-article__prose ol li::marker{color:var(--clr-accent);font-family:var(--font-prose);font-weight:700}.blog-article__prose blockquote{border-left:2px solid var(--clr-accent);padding:var(--space-4) var(--space-6);background:color-mix(in srgb, var(--clr-accent), transparent 94%);margin:0}.blog-article__prose blockquote p{color:var(--clr-ink);font-style:italic}.blog-article__prose hr{border:none;border-top:1px solid var(--clr-border);margin:var(--space-4) 0}.blog-article__prose code{font-family:var(--font-prose);background:color-mix(in srgb, var(--clr-ink), transparent 88%);color:var(--clr-accent);letter-spacing:.02em;padding:2px 6px;font-size:.875em;font-weight:500}.blog-article__prose pre{background:color-mix(in srgb, var(--clr-ink), transparent 85%);border:1px solid var(--clr-border);padding:var(--space-5) var(--space-6);position:relative;overflow-x:auto}.blog-article__prose pre:before{content:"";background:var(--clr-accent);height:2px;position:absolute;top:0;left:0;right:0}.blog-article__prose pre code{font-size:var(--font-size-sm);color:var(--clr-ink);letter-spacing:normal;background:0 0;padding:0}.blog-article__prose img{border:1px solid var(--clr-border);width:100%;display:block}@media (hover:hover) and (pointer:fine){.blog-article__prose a:hover{opacity:.75}}.page.not-found{z-index:var(--z-base);gap:var(--space-4);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.page.not-found:before{z-index:var(--z-before);content:"";background-color:var(--clr-overlay);position:absolute;inset:0}.not-found__title{font-size:20vw}.page.not-found .not-found__msg{max-width:80%;margin-bottom:var(--space-8)}@media (width>=768px){.not-found__title{font-size:10vw}.page.not-found .not-found__msg{max-width:60%}}@media (width>=1024px){.page.not-found .not-found__msg{max-width:40%}}.cs-teaser{padding-block:var(--space-24)}.card.card--cs-teaser{cursor:pointer;padding:0}.card.card--cs-teaser:before{content:"";background:var(--clr-accent);transform-origin:0;height:2px;transition:transform var(--duration-slower) var(--ease-spring);z-index:var(--z-after);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card.card--cs-teaser .card__image{flex:1;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.cs-teaser__preview{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slower) var(--ease-out);position:absolute;inset:0}.cs-teaser__meta{bottom:var(--space-4);left:var(--space-5);z-index:var(--z-after);position:absolute}.cs-teaser__logo{object-fit:contain;width:auto;height:3rem}.cs-teaser__content{padding:var(--space-6);flex:1;align-self:stretch}.cs-teaser__title{letter-spacing:-.01em;line-height:1.05}.cs-teaser__body{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cs-teaser__stats.grid-4{grid-template-columns:repeat(2,1fr)}.cs-teaser__stat{padding:var(--space-2) var(--space-3);border:1px solid var(--clr-card-border);background-color:var(--clr-surface);transition:all var(--duration-slower) var(--ease-spring)}.cs-teaser__stack{text-align:center}@media (hover:hover) and (pointer:fine){.card--cs-teaser:hover .cs-teaser__stat{background-color:var(--clr-canvas)}.card.card--cs-teaser:hover:before{transform:scaleX(1)}.card.card--cs-teaser:hover .cs-teaser__preview{transform:scale(1.05)}}@media (width>=768px){.card.card--cs-teaser .card__image{align-self:stretch;min-height:575px}}@media (width>=1098px){.card.card--cs-teaser .card__image{min-height:500px}.cs-teaser__body{-webkit-line-clamp:3;line-clamp:3}.cs-teaser__stats.grid-4{grid-template-columns:repeat(4,1fr)}}.page.cs-page{gap:var(--space-6);padding:0}.cs-page section{padding-top:clamp(var(--space-12), 10vh, var(--space-20));text-align:start}.cs-page__section--alt{padding-block:clamp(var(--space-12), 10vh, var(--space-20));background-color:var(--clr-paper)}.cs-page__section--result{padding-block:clamp(var(--space-12), 10vh, var(--space-20));position:relative;overflow:hidden}.cs-page__section--result:before{content:"";background:radial-gradient(ellipse 60% 50% at 50% 100%, color-mix(in srgb, var(--clr-accent), transparent 85%), transparent);pointer-events:none;position:absolute;inset:0}.cs-page__body--accent{color:var(--clr-accent);font-weight:600;font-size:var(--font-size-md);opacity:.8}@media (width>=768px){.cs-page__body{max-width:700px}}.cs-page__hero{text-align:center!important}.cs-page__hero-img{object-fit:cover;width:100%;height:clamp(200px,45vw,520px);display:block}.cs__before-after{background-color:var(--clr-surface);border:1px solid var(--clr-card-border);padding:var(--space-6) var(--space-4);box-shadow:var(--shadow-card)}.cs__ba-item{color:var(--clr-ink-soft)}.cs__ba-bullet{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.cs__ba-bullet--before{background-color:var(--clr-danger)}.cs__ba-bullet--after{background-color:var(--clr-safe)}.cs__metrics{grid-template-columns:repeat(2,1fr);display:grid}.cs__metric{padding:var(--space-4);background-color:var(--clr-surface);border:1px solid var(--clr-card-border);box-shadow:var(--shadow-card)}.cs__metric:before{content:"";background:var(--clr-accent);transform-origin:0;height:2px;transition:transform var(--duration-slow) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.cs__stack-pill{padding:var(--space-2) var(--space-4);border:1px solid var(--clr-ink-faint);background-color:var(--clr-surface);transition:border-color var(--duration-base), color var(--duration-base)}.cs__arch-item{background-color:var(--clr-surface);border:1px solid var(--clr-card-border);padding:var(--space-6);transition:border-color var(--duration-base)}@media (hover:hover) and (pointer:fine){.cs__stack-pill:hover{border-color:var(--clr-accent);color:var(--clr-accent)}.cs__metric:hover:before{transform:scaleX(1)}.cs__arch-item:hover{border-color:rgba(var(--palette-gray-50-rgb), .18)}}@media (width>=640px){.cs__metrics{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.cs__metrics{grid-template-columns:repeat(6,1fr)}}.cs__timeline.stack{gap:0}.cs__timeline-item{gap:var(--space-3);grid-template-columns:70px 28px 1fr;align-items:flex-start;display:grid}.cs__timeline-date-col{text-align:right;padding-top:4px}.cs__timeline-dot{border:2px solid var(--clr-border);background:var(--clr-surface);width:10px;height:10px;transition:border-color var(--duration-base), background var(--duration-base);border-radius:50%;flex-shrink:0;margin-top:5px}.cs__timeline-item--active .cs__timeline-dot{border-color:var(--clr-accent);background:var(--clr-accent);box-shadow:0 0 10px color-mix(in srgb, var(--clr-accent), transparent 50%)}.cs__timeline-line{background:var(--clr-border);flex:1;width:1px;min-height:40px}.cs__timeline-content{padding-bottom:var(--space-6)}.cs__timeline-title{color:var(--clr-ink)}.cs__timeline-item--active .cs__timeline-title{color:var(--clr-accent)}@media (width>=768px){.cs__timeline.stack{gap:var(--space-6)}.cs__timeline-item{gap:var(--space-4);grid-template-columns:130px 32px 1fr}}.cs__challenge{background-color:var(--clr-surface);border:1px solid var(--clr-card-border);padding:var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default);position:relative;overflow:hidden}.cs__challenge:before{content:"";background:var(--clr-warning);transform-origin:0;height:2px;transition:transform var(--duration-slow) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.cs__challenge:hover:before{transform:scaleX(1)}.cs__challenge:hover{box-shadow:var(--shadow-hover);border-color:rgba(var(--palette-gray-50-rgb), .18)}}.cs__result-stat{padding:var(--space-5);border:1px solid var(--clr-card-border);background-color:var(--clr-card-bg)}.cs__bars{width:fit-content;padding-left:var(--space-6);padding-block:var(--space-4)}.page.export-page{padding-block:var(--space-24) var(--space-8)}.export__title{text-align:start}.export-grid-section{z-index:var(--z-above);text-align:start}