@layer components{.features{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto 40px;display:flex}.features__inner{--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));flex-direction:column;gap:16px;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.features__inner{--padding:50px}}.features__title{font-size:var(--h2);font-weight:500;font-family:var(--serif-font);text-align:center;justify-content:center;align-items:baseline;gap:16px;margin-top:36px;padding-inline:16px;display:flex}.features__subtitle{font-size:var(--p);text-align:center;margin-bottom:36px;padding-inline:16px}.features__subtitle>code{background-color:var(--grey-000);border-radius:var(--radius-100);padding:2px 4px}.features__item{border-top:var(--layout-border);flex-direction:column;display:flex;position:relative}@media (width>=751px){.features__item:before{content:attr(data-feature);font-size:calc(var(--h1)*6);font-weight:700;font-family:var(--monospace-font);opacity:.1;line-height:1;position:absolute;top:0;left:10px}.features__item:nth-of-type(2n):before{left:unset;right:16px}.features__item{flex-direction:row}}.features__item-content{flex-direction:column;flex:0 0 50%;justify-content:center;gap:12px;padding:16px;display:flex}@media (width>=751px){.features__item:nth-child(2n) .features__item-content{order:1}}.features__item-title{font-family:var(--serif-font);font-size:var(--h4);color:var(--grey-600);align-self:flex-start;font-weight:700}.features__item-description>span{border:var(--layout-border);padding:10px 15px;display:block}.features__item-description>span>code{white-space:nowrap;background-color:var(--grey-000);border-radius:var(--radius-100);padding:3px 5px;font-weight:700}.features__item-image{background-color:var(--black);flex:0 0 50%;align-items:center;display:flex}.features__item-image>picture{width:100%}}