.cpu-layouts{--cpu-layouts-tile-gap:var(--cpu-sp-1);--cpu-ar:12/7;--cpu-layouts-lift:-4px}.cpu-layouts__head{max-width:720px}.cpu-layouts__head .cpu-eyebrow,.cpu-layouts__head .cpu-h2{margin-bottom:var(--cpu-sp-3)}.cpu-layouts__grid{margin-top:var(--cpu-sp-6)}@media (min-width:621px){.cpu-layouts__grid{margin-top:var(--cpu-sp-8)}}.cpu-layouts__cell{display:flex}.cpu-layouts__card{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;padding:0;position:relative}.cpu-layouts__title{margin:0 var(--cpu-sp-4) var(--cpu-sp-2)}.cpu-layouts__text{margin:0 var(--cpu-sp-4) var(--cpu-sp-4)}.cpu-layouts__more{align-self:flex-start;margin-top:auto;padding-top:var(--cpu-sp-3)}.cpu-layouts__card--link .cpu-layouts__more:after{border-radius:var(--cpu-r-xl);content:"";inset:0;position:absolute}.cpu-layouts__kicker{align-items:center;display:flex;gap:var(--cpu-sp-2);margin:var(--cpu-sp-5) var(--cpu-sp-4) var(--cpu-sp-3)}.cpu-layouts__kicker:before{background:currentColor;content:"";flex:0 0 auto;height:1px;width:26px}.cpu-layouts__preview{aspect-ratio:var(--cpu-ar,12/7);background:#fff;border-radius:0;overflow:hidden;padding:9px;position:relative}.cpu-layouts__img{border-radius:0;display:block;height:100%;object-fit:contain;width:100%}.cpu-layouts__mock{inset:0;position:absolute}.cpu-layouts__mock .cpu-ph{border-radius:var(--cpu-r-sm);min-height:0;min-width:0}.cpu-layouts__col,.cpu-layouts__mock--masonry{display:flex;gap:var(--cpu-layouts-tile-gap)}.cpu-layouts__col{flex:1 1 0;flex-direction:column}.cpu-layouts__col .cpu-ph{flex-basis:0}.cpu-layouts__col:first-child .cpu-ph:first-child{flex-grow:72}.cpu-layouts__col:first-child .cpu-ph:nth-child(2){flex-grow:52}.cpu-layouts__col:first-child .cpu-ph:nth-child(3){flex-grow:46}.cpu-layouts__col:nth-child(2) .cpu-ph:first-child{flex-grow:50}.cpu-layouts__col:nth-child(2) .cpu-ph:nth-child(2){flex-grow:84}.cpu-layouts__col:nth-child(2) .cpu-ph:nth-child(3){flex-grow:36}.cpu-layouts__col:nth-child(3) .cpu-ph:first-child{flex-grow:60}.cpu-layouts__col:nth-child(3) .cpu-ph:nth-child(2){flex-grow:44}.cpu-layouts__col:nth-child(3) .cpu-ph:nth-child(3){flex-grow:74}.cpu-layouts__mock--grid{display:grid;gap:var(--cpu-layouts-tile-gap);grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr)}.cpu-layouts__mock--slider{align-items:center;display:flex;gap:var(--cpu-layouts-tile-gap);justify-content:center;overflow:hidden}.cpu-layouts__slide{align-self:center}.cpu-layouts__slide--side{flex:0 0 18%;height:68%;opacity:.5}.cpu-layouts__slide--main{border-radius:var(--cpu-r-md);flex:1 1 auto;height:90%}.cpu-layouts__nav{align-items:center;background:var(--cpu-ink-950);background:color-mix(in srgb,var(--cpu-ink-950) 78%,transparent);border-radius:var(--cpu-r-pill);color:var(--cpu-bright-300);display:flex;height:30px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:30px}.cpu-layouts__nav--prev{left:var(--cpu-sp-1)}.cpu-layouts__nav--next{right:var(--cpu-sp-1)}.cpu-layouts__nav svg{display:block}.cpu-layouts__dots{bottom:var(--cpu-sp-1);display:flex;gap:var(--cpu-sp-1);justify-content:center;left:0;position:absolute;right:0}.cpu-layouts__dot{background:color-mix(in srgb,var(--cpu-bright) 40%,transparent);border-radius:var(--cpu-r-pill);height:4px;width:6px}.cpu-layouts__dot--on{background:var(--cpu-bright);width:18px}@media (hover:hover) and (pointer:fine){.cpu-layouts__card{transition:transform var(--cpu-dur) var(--cpu-ease),box-shadow var(--cpu-dur) var(--cpu-ease),border-color var(--cpu-dur) var(--cpu-ease)}.cpu-layouts__card--link:hover{box-shadow:var(--cpu-sh-lg);transform:translateY(var(--cpu-layouts-lift))}}.cpu-layouts__card--link:focus-within{box-shadow:var(--cpu-sh-lg);transform:translateY(var(--cpu-layouts-lift))}@media (max-width:620px){.cpu-layouts{--cpu-ar:16/9}}@media (prefers-reduced-motion:reduce){.cpu-layouts [data-reveal]{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important}.cpu-layouts__card,.cpu-layouts__card--link:focus-within,.cpu-layouts__card--link:hover{transform:none;transition:none}}