.article {margin-bottom: 1.2777777778rem; } .article .article-content {padding: 2rem 0;background: transparent;border: 0; } .article .article-content.has-white-background {padding: 0; } .article .article-content.has-white-background .col-content {justify-content: flex-start; } .article .article-content.has-white-background .col-content .content {flex: 1 1 auto;width: 100%;height: 100%;padding: 2rem;background: var(--white); } .article .article-content.has-white-background .col-image .img-fluid {width: 100%;height: 100%; } .article > .container .article-content {padding: 2rem 0;background: transparent;border: 0;border-radius: 0; } .article > .container .article-content.bg-light {background: rgba(248, 255, 0, 0.13) !important;border-color: var(--secondary); } .article .col-content {display: flex;flex-direction: column;justify-content: center;padding-top: 1.5rem;padding-bottom: 1.5rem; } @media (min-width: 768px) {.article .col-content {padding-top: 0;padding-bottom: 0;} } .article .col-content h2, .article .col-content .h2 {margin-top: -0.4444444444rem;margin-bottom: 0.5rem;font-size: 1.5555555556rem;line-height: 1.2; } .article .col-content h3, .article .col-content .h3 {margin-bottom: 0.0555555556rem; } .article .col-content .content *:last-child {margin-bottom: 0; } .article .col-image .img-fluid {aspect-ratio: 732/412;object-fit: cover; } .article .image-left .col-content {order: 2; } .article .image-left .col-image {order: 1; } .section.article {width: 100%;max-width: 106.6666666667rem;margin-left: auto;margin-right: auto; } .section.article.section-last {margin-bottom: 0; } .section.article.style-italian {max-width: none;margin-bottom: 0;padding: 2.2222222222rem 0;background: var(--body-bg); } .section.article.style-italian > .container {width: calc(100% - 3.5555555556rem);max-width: 1452px;padding-right: 0;padding-left: 0; } .section.article.style-italian .article-content {padding: 0; } .section.article.style-italian .row {margin: 0; } .section.article.style-italian .col-content {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);grid-template-rows: auto 1fr;gap: 0.7777777778rem 2.6666666667rem;width: 100%;max-width: none;padding: 2.6666666667rem;background: var(--white);border: 0.0555555556rem solid var(--gray-300); } .section.article.style-italian .col-content > h2, .section.article.style-italian .col-content > .h2 {grid-column: 1;grid-row: 1;margin: 0;color: var(--primary);font-size: 2rem;font-style: normal;font-weight: 800;line-height: 1.2;text-transform: none; } .section.article.style-italian .col-content > .content {display: contents; } .section.article.style-italian .col-content > .content > p {grid-column: 1;margin: 0;color: var(--gray-600);font-size: 0.7777777778rem;line-height: 1.65; } .section.article.style-italian .col-content > .content > ul {display: grid;grid-column: 2;grid-row: 1/span 2;grid-template-columns: repeat(2, minmax(0, 1fr));align-self: center;gap: 0.6666666667rem;margin: 0;padding: 0;list-style: none; } .section.article.style-italian .col-content > .content > ul > li {margin: 0;padding: 0.8888888889rem 1.1111111111rem;color: var(--primary);background: var(--gray-100);font-size: 0.7777777778rem;font-weight: 600;line-height: 1.35; } .section.article.style-italian .col-image {display: none; } @media (max-width: 991.98px) {.section.article.style-italian > .container {width: calc(100% - 1.7777777778rem);}.section.article.style-italian .col-content {grid-template-columns: 1fr;padding: 1.7777777778rem 1.3333333333rem;}.section.article.style-italian .col-content > h2,.section.article.style-italian .col-content > .h2,.section.article.style-italian .col-content > .content > p,.section.article.style-italian .col-content > .content > ul {grid-column: 1;grid-row: auto;}.section.article.style-italian .col-content > .content > ul {margin-top: 0.6666666667rem;} } @media (max-width: 575.98px) {.section.article.style-italian .col-content > .content > ul {grid-template-columns: 1fr;} } .section.article.style-black .article-content, .section.article.style-yellow .article-content {padding: 2.3333333333rem 2.6666666667rem; } .section.article.style-black .article-content.has-white-background .col-content .content, .section.article.style-yellow .article-content.has-white-background .col-content .content {padding: 0;background: transparent; } .section.article.style-black .col-content, .section.article.style-yellow .col-content {display: block;padding-top: 0;padding-bottom: 0; } .section.article.style-black h2, .section.article.style-black .h2, .section.article.style-black .content, .section.article.style-black .content p, .section.article.style-yellow h2, .section.article.style-yellow .h2, .section.article.style-yellow .content, .section.article.style-yellow .content p {color: var(--primary); } .section.article.style-black .article-content {background: var(--primary); } .section.article.style-black h2, .section.article.style-black .h2, .section.article.style-black .content, .section.article.style-black .content p {color: var(--white); } .section.article.style-yellow .article-content {background: var(--secondary); } @media (max-width: 575.98px) {.section.article.style-black .article-content,.section.article.style-yellow .article-content {padding: 1.5555555556rem 1.3333333333rem;} } .section.article:has(.about-copy) {max-width: none;margin-bottom: 4rem; } .section.article:has(.about-copy) > .container {width: calc(100% - 3.5555555556rem);max-width: 1452px;padding-right: 0;padding-left: 0; } .section.article:has(.about-copy) .article-content {padding: 0; } .section.article:has(.about-copy) .article-content > .row {margin: 0; } .section.article:has(.about-copy) .col-content {display: block;padding: 0; } .section.article:has(.about-copy) .about-hero {position: relative;margin-bottom: 2.2222222222rem;overflow: hidden;background: var(--primary); } .section.article:has(.about-copy) .about-hero .img-fluid {display: block;width: 100%;height: 23.3333333333rem;object-fit: cover; } .section.article:has(.about-copy) .about-hero::after {position: absolute;inset: 0;background: linear-gradient(90deg, rgba(9, 9, 9, 0.58), rgba(9, 9, 9, 0) 58%);content: ""; } .section.article:has(.about-copy) .about-hero-label {position: absolute;bottom: 2.6666666667rem;left: 2.6666666667rem;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;color: var(--white); } .section.article:has(.about-copy) .about-hero-label span {margin-bottom: 0.5555555556rem;color: var(--secondary);font-size: 2.3333333333rem;font-weight: 800;line-height: 1; } .section.article:has(.about-copy) .about-hero-label strong {font-size: 0.7222222222rem;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase; } .section.article:has(.about-copy) .about-copy h2, .section.article:has(.about-copy) .about-copy h3 {margin: 0 0 1rem;color: var(--primary);font-weight: 700;text-transform: none; } .section.article:has(.about-copy) .about-copy h2 {font-size: 1.5555555556rem; } .section.article:has(.about-copy) .about-copy p {margin: 0 0 1rem;color: var(--gray-600);line-height: 1.7; } .section.article:has(.about-copy) .about-copy p:last-child {margin-bottom: 0; } .section.article:has(.about-copy) .about-copy .about-content-block {height: 100%;padding: 2.2222222222rem;background: var(--white);border: 0.0555555556rem solid var(--gray-300); } .section.article:has(.about-copy) .about-copy .about-intro {margin-bottom: 1.1111111111rem;padding: 2.1111111111rem 2.4444444444rem;border-left: 0.2777777778rem solid var(--secondary); } .section.article:has(.about-copy) .about-copy .about-intro p:first-child {color: var(--primary);font-size: 1.1666666667rem;font-weight: 500;line-height: 1.55; } .section.article:has(.about-copy) .about-copy .about-split {margin-right: -0.5555555556rem;margin-bottom: 1.1111111111rem;margin-left: -0.5555555556rem; } .section.article:has(.about-copy) .about-copy .about-split > .col {padding: 0 0.5555555556rem; } .section.article:has(.about-copy) .about-copy .about-split-image {min-height: 25.5555555556rem; } .section.article:has(.about-copy) .about-copy .about-split-image img {display: block;width: 100%;height: 100%;object-fit: cover; } .section.article:has(.about-copy) .about-copy .about-milestone {display: grid;grid-template-columns: 12.2222222222rem minmax(0, 1fr);align-items: center;gap: 2.2222222222rem;margin-bottom: 1.1111111111rem;padding: 2.2222222222rem 2.6666666667rem;color: var(--primary);background: var(--secondary); } .section.article:has(.about-copy) .about-copy .about-milestone .about-milestone-number {font-size: 3.5555555556rem;font-weight: 800;line-height: 1; } .section.article:has(.about-copy) .about-copy .about-milestone p {margin: 0;color: var(--primary);font-size: 1rem;font-weight: 600; } .section.article:has(.about-copy) .about-copy .about-closing {padding: 2.3333333333rem 2.6666666667rem;background: var(--primary); } .section.article:has(.about-copy) .about-copy .about-closing p {color: var(--white);font-size: 1rem;font-weight: 500; } @media (max-width: 991.98px) {.section.article:has(.about-copy) {margin-bottom: 2.6666666667rem;}.section.article:has(.about-copy) > .container {width: calc(100% - 1.7777777778rem);}.section.article:has(.about-copy) .about-hero {margin-bottom: 1.5555555556rem;}.section.article:has(.about-copy) .about-hero .img-fluid {height: 18.8888888889rem;}.section.article:has(.about-copy) .about-copy .about-split {margin-right: 0;margin-left: 0;}.section.article:has(.about-copy) .about-copy .about-split > .col {padding: 0;}.section.article:has(.about-copy) .about-copy .about-split-image {min-height: 18.8888888889rem;margin-bottom: 1.1111111111rem;}.section.article:has(.about-copy) .about-copy .about-milestone {grid-template-columns: 1fr;gap: 1rem;} } @media (max-width: 575.98px) {.section.article:has(.about-copy) > .container {width: calc(100% - 0.8888888889rem);}.section.article:has(.about-copy) .about-hero {margin-bottom: 1.1111111111rem;}.section.article:has(.about-copy) .about-hero .img-fluid {height: 13.8888888889rem;}.section.article:has(.about-copy) .about-hero-label {bottom: 1.3333333333rem;left: 1.3333333333rem;}.section.article:has(.about-copy) .about-hero-label span {font-size: 1.7777777778rem;}.section.article:has(.about-copy) .about-copy .about-content-block,.section.article:has(.about-copy) .about-copy .about-intro,.section.article:has(.about-copy) .about-copy .about-closing,.section.article:has(.about-copy) .about-copy .about-milestone {padding: 1.4444444444rem 1.2222222222rem;}.section.article:has(.about-copy) .about-copy .about-intro p:first-child {font-size: 1rem;}.section.article:has(.about-copy) .about-copy .about-split {margin-bottom: 0.6666666667rem;}.section.article:has(.about-copy) .about-copy .about-split-image {min-height: 13.8888888889rem;margin-bottom: 0.6666666667rem;}.section.article:has(.about-copy) .about-copy .about-milestone {margin-bottom: 0.6666666667rem;}.section.article:has(.about-copy) .about-copy .about-milestone .about-milestone-number {font-size: 2.6666666667rem;}.section.article:has(.about-copy) .about-copy .about-milestone p {font-size: 1.2307692308rem;}.section.article:has(.about-copy) .about-copy .about-closing p {font-size: 1.2307692308rem;} }