@layer zypp-base,zypp-components;@layer zypp-page{.blogs-hero__title{color:var(--zypp-ink);letter-spacing:-.04em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(40px,4.8vw,84px);font-weight:800;line-height:1.03}.cc-title{max-width:var(--w-lead);color:var(--zypp-cream);letter-spacing:-.03em;text-wrap:balance;margin:0;font-family:Manrope,sans-serif;font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.05}.cc-grid{grid-template-columns:repeat(3,1fr)}.cc-grid--single{grid-template-columns:1fr}.cc-card{min-height:520px;transition:transform .28s var(--easing-standard), background-color .28s var(--easing-standard), border-color .28s var(--easing-standard);backdrop-filter:blur(var(--g-blur)) saturate(var(--g-sat));background:#ffffff0e;border:1px solid #ffffff1f;flex-direction:column;display:flex}.cc-card:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-4px)}.cc-grid--single .cc-card{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:390px;display:grid}.cc-card-image{-o-object-position:center;object-position:center;height:240px;transition:transform .42s var(--easing-standard);background:#ffffff14}.cc-grid--single .cc-card-image{height:100%;min-height:390px}.cc-card:hover .cc-card-image{transform:scale(1.025)}.cc-card-body{background:linear-gradient(#ffffff0b 0%,#ffffff05 100%)}.cc-meta{font-family:Manrope,sans-serif}.cc-cat{color:var(--zypp-yellow);letter-spacing:.08em;text-transform:uppercase;border:1px solid #f0b62e6b;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.cc-date{color:#ffffff8c;font-size:13px;font-weight:600}.cc-card-title{color:var(--zypp-cream);letter-spacing:-.02em;text-wrap:balance;font-family:Manrope,sans-serif;font-size:19px;font-weight:700;line-height:1.24}.cc-card-excerpt{color:#ffffffa6;text-wrap:pretty;font-family:Roboto,sans-serif;font-size:14px;line-height:1.55}.cc-read{border-top:1px solid #ffffff1a;font-family:Manrope,sans-serif;font-size:13.5px;font-weight:700}.cc-read span,.cc-all span{transition:transform .22s var(--easing-standard)}.cc-card:hover .cc-read span,.cc-all:hover span{transform:translate(4px)}.cc-all{transition:filter .2s var(--easing-standard), transform .12s var(--easing-standard);font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.cc-all:hover{filter:brightness(.96)}.cc-all:active{transform:scale(.98)}.blogs-list__title{color:var(--zypp-ink);letter-spacing:-.04em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(34px,3.4vw,52px);font-weight:800;line-height:1}.blog-filter{color:#222222b8;letter-spacing:.005em;transition:border-color .2s var(--easing-standard), background-color .2s var(--easing-standard), color .2s var(--easing-standard);background:0 0;border:1.5px solid #0000001f;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.blog-filter:hover{border-color:#00667373}.blog-filter.is-active{background:var(--zypp-blue);color:var(--zypp-cream);border-color:#0000}.blog-filter-count{color:#222222a6;font-variant-numeric:tabular-nums;font-family:Roboto,sans-serif;font-size:12px;font-weight:500}.blog-filter.is-active .blog-filter-count{color:#fffc}.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card{border:1px solid var(--g-border-light);background:var(--g-bg-light);transition:transform .28s var(--easing-standard), box-shadow .28s var(--easing-standard);backdrop-filter:blur(var(--g-blur)) saturate(var(--g-sat));flex-direction:column;display:flex;box-shadow:0 26px 60px -34px #00283238,inset 0 1px #ffffff8c}.blog-card[hidden]{display:none}.blog-card:hover{transform:translateY(-4px);box-shadow:0 40px 80px -36px #0028324d,inset 0 1px #fff9}.blog-card-link{text-indent:-9999px}.blog-card--external{border-color:#00667338}.blog-external-flag{color:var(--zypp-cream);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(6px);background:#003d47d1;border:1px solid #ffffff59;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.blog-publisher-logo{background:#fff;border:1px solid #2222221a;padding:4px}.blog-cat{color:var(--zypp-blue);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#00667314;border:1px solid #00667329;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.blog-date{color:#222222a6;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:Roboto,sans-serif;font-size:12px;font-weight:500}.blog-title{color:var(--zypp-ink);letter-spacing:-.02em;text-wrap:balance;transition:color .2s var(--easing-standard);font-family:Manrope,sans-serif;font-size:19px;font-weight:700;line-height:1.24}.blog-card:hover .blog-title{color:var(--zypp-blue)}.blog-excerpt{color:#222222a6;text-wrap:pretty;font-family:Roboto,sans-serif;font-size:14px;line-height:1.55}.blog-author-name{color:var(--zypp-ink);letter-spacing:-.01em;font-family:Manrope,sans-serif;font-size:13.5px;font-weight:700}.blog-author-role{color:var(--zypp-blue);font-family:Roboto,sans-serif;font-size:12px}.blogs-page .reveal{opacity:1}@media (prefers-reduced-motion:no-preference){.blogs-page .reveal{animation:blogs-rise .7s 40ms var(--easing-standard) both}}@keyframes blogs-rise{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media (width<=1080px){.cc-grid{grid-template-columns:repeat(2,1fr)}.cc-grid--single,.cc-grid--single .cc-card{grid-template-columns:1fr}.cc-grid--single .cc-card-image{height:280px;min-height:0}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.cc-grid,.blog-grid{grid-template-columns:1fr}.cc-grid--single .cc-card-image{height:240px}}}