.content-specs{background-color:var(--color-white);padding:1rem auto}.spec{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin:20px 0;@media (min-width:768px){grid-template-columns:80px 1fr 80px 1fr}&.spec-w-add-image{grid-template-rows:200px 1fr;.spec-add-image{grid-column:1/-1;grid-row:1;max-height:200px;@media (min-width:768px){grid-column:1/3;grid-row:1/2}img{height:100%;object-fit:cover;object-position:center;width:100%}}.spec-info{grid-row:2;@media (min-width:768px){grid-column:2/3;grid-row:2/3}}.spec-image{grid-row:3;@media (min-width:768px){grid-column:3/-1;grid-row:1/-1}}}&.spec-invert{@media (min-width:768px){grid-template-columns:1fr 80px 1fr 80px}&.spec-w-add-image{grid-template-rows:200px 1fr;.spec-add-image{grid-column:1/-1;grid-row:1;max-height:200px;@media (min-width:768px){grid-column:3/-1;grid-row:1/2}img{height:100%;object-fit:cover;object-position:center;width:100%}}.spec-info{grid-row:2;@media (min-width:768px){grid-column:3/4;grid-row:2/-1}}.spec-image{grid-row:3;@media (min-width:768px){grid-column:1/3;grid-row:1/-1}}}.spec-info{@media (min-width:768px){grid-column:2/4;grid-row:1/-1;margin-bottom:2rem;margin-left:0;margin-right:0;margin-top:2rem;padding-bottom:2rem;padding-left:3rem;padding-left:9.67rem;padding-right:3rem;padding-top:2rem}}.spec-image{@media (min-width:768px){grid-column:1/3;grid-row:1/-1}}}&.spec-complete{&.spec-invert{.spec-info{@media (min-width:768px){grid-column:3/-1}}}.spec-info{@media (min-width:768px){align-self:stretch;display:flex;flex-direction:column;grid-column:1/3;justify-content:center;justify-self:center;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:2rem;padding-left:4rem;padding-right:4rem;padding-top:2rem}}}.spec-info{align-self:center;grid-column:1/-1;grid-row:1;margin:0;padding:2rem;z-index:2;@media (min-width:768px){grid-column:2/4;grid-row:1/-1;margin-bottom:2rem;margin-left:0;margin-right:0;margin-top:2rem;padding-bottom:2rem;padding-left:3rem;padding-right:3rem;padding-right:9.67rem;padding-top:2rem}.spec-title{font-size:1.1rem;margin-bottom:2rem}}.spec-image{grid-column:1/-1;grid-row:2;height:100%;max-height:400px;width:100%;@media (min-width:768px){grid-column:3/-1;grid-row:1/-1}img{height:100%;object-fit:cover;object-position:center;width:100%}}}