.o-hero-post{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;margin-bottom:calc(var(--size-gap-section) / 2);padding-top:calc(var(--header-height) + 2.5vw);color:var(--c-text-inverse);background-color:var(--c-bg-dark)}@media(min-width:1023px){.o-hero-post{min-height:560px}}.hero-post__bg-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.hero-post__overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(to top,var(--c-bg-dark) 0%,transparent 60%),linear-gradient(to right,oklch(21.2% .009 64.7deg / 70%) 30%,transparent 75%)}.c-hero-post{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;justify-content:flex-end;width:var(--size-boxed-width);max-width:var(--size-max-boxed);margin-inline:auto;padding-block:var(--size-gap-xl)}.hero-post__copy{display:flex;flex-direction:column;gap:var(--size-gap-lg);max-width:62em}.hero-post__copy .a-title,.hero-post__copy h1{font-family:var(--ff-display);font-size:clamp(var(--fs-title-m),2vw,var(--fs-8xl));font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:inherit;text-wrap:balance;letter-spacing:var(--ls-tight)}.hero-post__copy p{font-family:var(--ff-main);font-size:var(--fs-body-lg);line-height:var(--lh-normal);color:inherit;text-wrap:pretty;opacity:.85}.hero-post__meta{display:flex;gap:var(--size-gap-md);align-items:center}.hero-post__date{font-family:var(--ff-main);font-size:var(--fs-label);color:var(--c-text-inverse);opacity:.75}.o-content-post{padding-block:var(--size-gap-xl);color:var(--c-text-page);background-color:var(--c-bg-page)}.c-content-post{display:flex;flex-direction:column;gap:var(--size-gap-atom);width:var(--size-boxed-width);max-width:var(--size-boxed-documents);margin-inline:auto}.content-post__body{display:flex;flex-direction:column;gap:var(--size-gap-atom);font-family:var(--ff-main);font-size:var(--fs-body-lg);line-height:var(--lh-normal);color:var(--c-text-page)}.content-post__body h2{margin-block-start:var(--size-gap-lg);font-family:var(--ff-display);font-size:clamp(var(--fs-2xl),3vw,var(--fs-4xl));font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--c-text-page);letter-spacing:var(--ls-tight)}.content-post__body h3{margin-block-start:var(--size-gap-md);font-family:var(--ff-display);font-size:clamp(var(--fs-xl),2vw,var(--fs-2xl));font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--c-text-page)}.content-post__body p{color:var(--c-text-page)}.content-post__body strong{font-weight:var(--fw-bold)}.content-post__body em{font-style:italic}.content-post__body a{color:var(--c-text-brand);text-decoration:underline;text-underline-offset:3px}:is(.content-post__body a):hover{color:var(--c-brand-primary-hover)}.content-post__body ul,.content-post__body ol{display:flex;flex-direction:column;gap:var(--size-4);padding-inline-start:1.5em}.content-post__body ul{list-style:disc}.content-post__body ol{list-style:decimal}.content-post__body blockquote{position:relative;padding-block:var(--size-gap-md);padding-inline-start:var(--size-gap-lg);font-size:var(--fs-body-lg);font-style:italic;color:var(--c-text-page);border-inline-start:4px solid var(--c-brand-primary)}.content-post__body img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.content-post__body figure{display:flex;flex-direction:column;gap:var(--size-4);margin:0}.content-post__body figcaption{display:flex;gap:var(--size-4);align-items:center;font-size:var(--fs-body-xs);color:var(--c-text-secondary)}:is(.content-post__body figcaption):before{content:"";display:inline-block;flex-shrink:0;width:7px;height:7px;background-color:var(--c-brand-primary);border-radius:50%}.content-post__body hr{border:none;border-block-start:1px solid var(--c-border-default)}.content-post__footer{display:flex;gap:var(--size-gap-xl);align-items:center;justify-content:center;padding-block-start:var(--size-gap-lg)}.content-post__share-btn{display:inline-flex;gap:var(--size-gap-sm);align-items:center;width:-moz-fit-content;width:fit-content;font-family:var(--ff-main);font-size:var(--fs-body-lg);font-weight:var(--fw-bold);color:var(--c-text-page);text-decoration:none;transition:color .2s ease}.content-post__share-btn:hover{color:var(--c-brand-primary)}.content-post__share-btn svg{flex-shrink:0}