.main-grid{--grid-column-count:12;--grid-column-gap:0;--grid-main:minmax(1rem,1fr)repeat(var(--grid-column-count),minmax(0,9rem))minmax(1rem,1fr);--grid-subgrid:var(--grid-main);grid-template-columns:var(--grid-main);gap:var(--grid-column-gap);display:grid}.main-grid>*{grid-column:1/-1;grid-template-columns:var(--grid-subgrid);display:grid}.main-grid .center{align-content:center;justify-items:center}.main-grid .col-start-1{--grid-column-start:2}.main-grid .col-end-1{--grid-column-end:3}.main-grid .col-width-1{--grid-column-width:span 1}.main-grid .col-start-2{--grid-column-start:3}.main-grid .col-end-2{--grid-column-end:4}.main-grid .col-width-2{--grid-column-width:span 2}.main-grid .col-start-3{--grid-column-start:4}.main-grid .col-end-3{--grid-column-end:5}.main-grid .col-width-3{--grid-column-width:span 3}.main-grid .col-start-4{--grid-column-start:5}.main-grid .col-end-4{--grid-column-end:6}.main-grid .col-width-4{--grid-column-width:span 4}.main-grid .col-start-5{--grid-column-start:6}.main-grid .col-end-5{--grid-column-end:7}.main-grid .col-width-5{--grid-column-width:span 5}.main-grid .col-start-6{--grid-column-start:7}.main-grid .col-end-6{--grid-column-end:8}.main-grid .col-width-6{--grid-column-width:span 6}.main-grid .col-start-7{--grid-column-start:8}.main-grid .col-end-7{--grid-column-end:9}.main-grid .col-width-7{--grid-column-width:span 7}.main-grid .col-start-8{--grid-column-start:9}.main-grid .col-end-8{--grid-column-end:10}.main-grid .col-width-8{--grid-column-width:span 8}.main-grid .col-start-9{--grid-column-start:10}.main-grid .col-end-9{--grid-column-end:11}.main-grid .col-width-9{--grid-column-width:span 9}.main-grid .col-start-10{--grid-column-start:11}.main-grid .col-end-10{--grid-column-end:12}.main-grid .col-width-10{--grid-column-width:span 10}.main-grid .col-start-11{--grid-column-start:12}.main-grid .col-end-11{--grid-column-end:13}.main-grid .col-width-11{--grid-column-width:span 11}.main-grid .col-start-12{--grid-column-start:13}.main-grid .col-end-12{--grid-column-end:14}.main-grid .col-width-12{--grid-column-width:span 12}.main-grid .col{grid-column:var(--grid-column-start,2)/var(--grid-column-end,var(--grid-column-width,-2))}@media only screen and (max-width:768px){.main-grid{--grid-subgrid:minmax(1rem,1fr)repeat(6,minmax(0,9rem))minmax(1rem,1fr)}.main-grid .col{grid-column:2/-2}}.main-grid.template-grid>*{padding:var(--space-8)0;align-content:center;justify-items:center}.main-grid.template-grid h1{margin:5rem 0 var(--space-2)0;text-align:center;max-width:60vw;font-size:6.4vw;font-weight:700;line-height:1em}.main-grid.template-grid h2{font-size:var(--font-size-48);text-align:center;max-width:22ch;padding:0 0 var(--space-2)0;line-height:1}.main-grid.template-grid p{font-size:1.5rem;line-height:var(--font-line-height-large);text-align:center;max-width:45ch;margin:0 0 var(--space-10)0}.main-grid.template-grid .template-section .template-container{gap:var(--space-6);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.main-grid.template-grid .template-section .ad{border-radius:var(--border-radius-2);background-image:var(--background-image-decorative);padding:var(--space-10);background-position:-20px;background-size:.75rem;flex-direction:column;grid-column:1/span 4;align-items:flex-start;display:flex}.main-grid.template-grid .template-section .ad h2{color:var(--color-primary-light);text-align:left;max-width:26ch}.main-grid.template-grid .template-section .ad p{color:var(--color-primary);font-size:var(--font-size-16);text-align:left}.main-grid.template-grid .template-section .ad a{padding:var(--space-3)var(--space-4)}.main-grid.template-grid .template-section .template{background-color:var(--gray-1);border-radius:var(--border-radius-2);border:2px solid var(--border-color-light);position:relative}.main-grid.template-grid .template-section .template:nth-child(odd){grid-column:1/span 2}.main-grid.template-grid .template-section .template:nth-child(2n+12){grid-column:1/span 2!important}.main-grid.template-grid .template-section .template:nth-child(2n){grid-column:3/span 2}.main-grid.template-grid .template-section .template:nth-child(2n+13){grid-column:3/span 2!important}.main-grid.template-grid .template-section .template a:empty{aspect-ratio:8.2/5.12;border-radius:var(--border-radius-2)var(--border-radius-2)0 0;background-color:#f3f6fb;display:flex}.main-grid.template-grid .template-section .template img{aspect-ratio:8.2/5.12;border-radius:var(--border-radius-2)var(--border-radius-2)0 0}.main-grid.template-grid .template-section .template[data-mobiletemplate=true]{grid-column:unset}.main-grid.template-grid .template-section .template[data-mobiletemplate=true]:after{content:"Mobile first template";top:calc(-1*var(--space-3));left:var(--space-2);color:#0969da;border-radius:var(--border-radius-1);font-size:var(--font-size-14);padding:var(--space-1)var(--space-2);background-color:#def4ff;border:1px solid #0969da;line-height:1;position:absolute}.main-grid.template-grid .template-section .template[data-mobiletemplate=true] img{aspect-ratio:unset}.main-grid.template-grid .template-section .template .information{padding:var(--space-2)var(--space-3);border-top:2px solid var(--border-color-light);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.main-grid.template-grid .template-section .template .information a{font-size:var(--font-size-18)}.main-grid.template-grid .template-section .template .information .right{margin-left:auto}@media only screen and (max-width:1012px){.main-grid.template-grid .template-section .template-container{flex-direction:column;display:flex}.main-grid.template-grid .template-section .template{width:100%}}@media only screen and (max-width:768px){.main-grid.template-grid h1{margin-top:var(--space-10);font-size:calc(var(--font-base-unit)*15);max-width:unset}.main-grid.template-grid p{font-size:var(--font-size-18)}}