@media screen and (min-width: 750px){.two-column-page-layout{display:grid;grid-template-columns:48% 42%;gap:2rem 10%}.row-2-image{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3}.row-3-main-description{grid-column-start:2;grid-column-end:3;grid-row-start:3;grid-row-end:4}}@media screen and (max-width: 749px){.two-column-page-layout-v1,.two-column-page-layout-v1 .row-3-main-description{display:flex;flex-direction:column;gap:2.4rem}.two-column-page-layout .row-1-title .h2,.two-column-page-layout-v1 p{margin:0}.two-column-page-layout p{font-size:1.6rem}.two-column-page-layout-v2{display:flex;flex-direction:column;gap:1.6rem}}@media screen and (max-width: 749px){.two-column-page-layout-v1 .row-1-title .h2{font-size:2rem;letter-spacing:1.6px}}@media screen and (min-width: 750px){.two-column-page-layout-v1 .row-1-title .h2{font-size:2.8rem;letter-spacing:2.24px}}.row-1-intro{line-height:1.2;color:rgb(var(--color-foreground))}.row-1-intro.text-medium{font-size:1.8rem}.row-1-intro.text-large{font-size:2rem}.row-1-intro.text-larger{font-size:2.4rem}@media screen and (min-width: 750px){.row-1-intro{padding-right:10%}.row-1-intro.text-medium{font-size:2rem}.row-1-intro.text-large{font-size:2.8rem}.row-1-intro.text-larger{font-size:3.2rem}}.row-2-image img{display:block;max-width:100%;height:auto}.main-description,.more-detail{line-height:1.4;color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.main-description{font-size:2rem}}.more-detail a{color:rgb(var(--color-foreground))}.row-3-main-description .p-button{margin-top:.7rem;margin-bottom:0}.right-col-image img{max-width:100%;height:auto}@media screen and (max-width: 749px){.right-col-image .image-title,.right-col-image .image-description,.right-col-image .more-detail{margin-left:45%}.right-col-image .more-detail{margin-bottom:3rem}}@media screen and (min-width: 750px){.right-col-image{width:90%}.right-col-image .main-description{width:80%}}.right-col-image h2{margin-top:2rem;margin-bottom:0}@media screen and (min-width: 750px){.right-col-image h2{margin-top:2.6rem}}.right-col-image .main-description p:first-of-type{margin-top:0}@media screen and (max-width: 749px){.right-col-image .main-description,.main-detail,.more-detail p{font-size:1.4rem}.main-description.image-description{padding-right:1.2rem}.main-description.image-description p{font-size:1.4rem}}.main-description a:not(.button),.main-detail a:not(.button){color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-two-column-page-layout.css.map */