.article{--title-offset: 2.77rem;position:relative;min-width:100%;overflow:none}.article__header{position:relative;margin-bottom:3rem;width:100%;text-align:center}.article__header .collection__title{position:absolute;transition-duration:var(--transition-duration);transition-property:opacity;transition-timing-function:var(--transition-timing-function);top:0;right:0;bottom:0;left:0;padding:0}@media screen and (min-width: 640px){.article__header:has(.skill-graph:hover,.skill-graph:active,.skill-graph:focus-visible,.skill-graph:focus) .article__title__text{transform:scale(.5) translateY(calc((100% + var(--title-offset)) * -1));transition-duration:var(--transition-duration-faster)}.article__header:has(.skill-graph:hover,.skill-graph:active,.skill-graph:focus-visible,.skill-graph:focus) .collection__title{opacity:0}}.article__title{padding-top:var(--title-offset)}.meat .article__title{display:flex;justify-content:center;margin-top:0;font-size:2.5rem}.article__title span{display:block;max-width:480px;line-height:1}.article__title__text{position:absolute;transition-duration:var(--transition-duration);transition-property:transform,top;transition-timing-function:var(--transition-timing-function)}.article__body{min-width:75%}@media screen and (min-width: 768px){.article{padding:1rem 2.33rem 0}}