.how{grid-template-columns:.7fr 1.3fr}.steps{grid-template-columns:repeat(3,1fr);gap:14px}.steps article{border:1px solid #e4dccd;background:#faf7f0;padding:23px 20px;min-height:195px;transition:transform .25s ease,box-shadow .25s ease}.steps article:last-child{grid-column:auto}.steps article:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(7,27,55,.09)}.steps h3{margin:17px 0 9px;font-size:19px}.steps p+p{margin-top:10px}.how-visuals{padding:0 10% 90px;display:grid;grid-template-columns:1.28fr .72fr;gap:18px;background:#fffdf8}.how-visuals figure{position:relative;margin:0;overflow:hidden;min-height:300px;background:#111}.how-visuals>figure>img:first-child{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;filter:contrast(1.08)}.how-visuals figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 26px 22px;background:linear-gradient(transparent,rgba(0,0,0,.76));color:#fff5d4;font:600 19px 'Playfair Display',serif}.laptop-scene .laptop-logo{position:absolute;left:24.5%;top:18.5%;width:27%;height:39%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.laptop-scene{isolation:isolate}@media(max-width:950px){.steps{grid-template-columns:repeat(2,1fr)}.how-visuals{grid-template-columns:1fr;padding:0 7vw 65px}.how-visuals figure,.how-visuals>figure>img:first-child{min-height:260px}}@media(max-width:600px){.steps{grid-template-columns:1fr}.steps article{min-height:0}.how-visuals figure,.how-visuals>figure>img:first-child{min-height:220px}}
.how-laptop{position:relative;margin:30px 0 0;overflow:hidden;background:#111}.how-laptop>img:first-child{display:block;width:100%;height:215px;object-fit:cover}.how-laptop-logo{position:absolute;left:46%;top:33%;width:18%;height:31%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.how-visuals{display:block}.how-visuals figure{width:100%;min-height:390px}@media(max-width:950px){.how-laptop>img:first-child{height:255px}.how-visuals figure,.how-visuals>figure>img:first-child{min-height:260px}}@media(max-width:600px){.how-laptop>img:first-child{height:220px}.how-visuals figure,.how-visuals>figure>img:first-child{min-height:220px}}