.design-page{position:relative}@media (min-width:1200px){.design-page{background-image:url(/img/shared/desktop/bg-pattern-leaf.svg);background-position-y:top 12rem;background-repeat:no-repeat}}.design-page__card-grid-section{padding-bottom:6.4rem;padding-top:6.4rem}@media (min-width:768px){.design-page__card-grid-section{padding-bottom:8rem;padding-top:8rem}}.design-page__more-categories-section{margin-bottom:6.4rem}.hero-2{background-color:var(--peach);background-image:url(/img/shared/mobile/bg-pattern-design-pages-intro-mobile.svg);background-position:-14rem 1rem;background-repeat:no-repeat;border-radius:0;color:#fff;font-size:1rem;padding:7rem 1.6rem;text-align:center}.hero-2__body,.hero-2__title{margin:0 auto;max-width:26rem}.hero-2__title{margin-bottom:1.6rem}@media (min-width:768px){.hero-2{background-image:url(/img/shared/tablet/bg-pattern-design-pages-intro-tablet.svg);background-position:left 9rem top -6rem;border-radius:1rem}.hero-2__body{font-size:1.06em}}@media (min-width:1200px){.hero-2{background-image:url(/img/web-design/desktop/bg-pattern-intro-web.svg);background-position:right 60rem top -8rem}.hero-2--app-design{background-image:url(/img/app-design/desktop/bg-pattern-intro-app.svg);background-position-x:-20rem;--force:background-position-x}}.card-2{font-size:1.066rem}.card-2__img{border-top-left-radius:1rem;border-top-right-radius:1rem;display:block;height:min(21.3rem);object-fit:cover;width:min(100%)}.card-2__content{background-color:var(--cream);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;display:grid;padding:2.13rem 2rem;place-content:center;text-align:center;transition:background-color .3s}.card-2:active .card-2__content,.card-2:hover .card-2__content{background-color:var(--peach)}.card-2__title{color:var(--peach);font-size:1.25em;font-weight:500;letter-spacing:.25em;margin-bottom:1.06rem;text-transform:uppercase;transition:color .3s}.card-2__body{color:var(--dark);transition:color .3s}.card-2:active .card-2__body,.card-2:active .card-2__title,.card-2:hover .card-2__body,.card-2:hover .card-2__title{color:#fff}@media (min-width:768px){.card-2{display:flex;height:20.6rem}.card-2__img{border-radius:0;border-bottom-left-radius:1rem;border-top-left-radius:1rem}.card-2__content{border-radius:0;border-bottom-right-radius:1rem;border-top-right-radius:1rem;padding-left:2.13rem;padding-right:2.13rem}.card-2__content,.card-2__img{height:100%;width:50%}.card-2__title{font-size:1.33em}}@media (min-width:1200px){.card-2{border-radius:1rem;flex-direction:column;height:auto}.card-2__content,.card-2__img{border-radius:0;width:100%}.card-2__img{border-top-left-radius:1rem;border-top-right-radius:1rem;height:21.3rem}.card-2__content{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.card-grid-2{column-gap:1rem;display:grid;grid-template-columns:min(100%);list-style:none;padding-left:0;row-gap:2.66rem}@media (min-width:1200px){.card-grid-2{grid-template-columns:repeat(3,min(30%,23.3rem));justify-content:space-between}}.block-row{display:flex;flex-direction:column;list-style:none;padding-left:0;row-gap:1.6rem}.block-row__row-item{height:16.6rem}@media (min-width:768px){.block-row__row-item{height:13.3rem}}@media (min-width:1200px){.block-row{column-gap:2rem;flex-direction:row}.block-row__row-item{height:20.5rem;width:50%}}