.guides{display:flex;flex-wrap:wrap;gap:clamp(32px,3vw,56px);justify-content:center;margin:auto;max-width:780px}.guide-cover{aspect-ratio:8.5/11;border:2px solid transparent;border-radius:18px;box-shadow:0 0 0 transparent;display:block;font-size:100%;max-width:345px;padding:0;transition:all .25s ease-in-out;width:100%;will-change:transform}.guide-cover__title{color:inherit;font-family:"HubSpot Serif",helvetica neue,sans-serif;font-size:32px;font-weight:500;left:8%;line-height:1.7;line-height:1.35;position:absolute;right:16%;top:13%}.guide-cover__wrap{--dot-color:orange;background:#000;background-color:#000;border-radius:16px;color:#fff;display:block;overflow:hidden;position:relative}.guide-cover__wrap,.guide-cover__wrap:before{height:100%;transition:all .25s ease-in-out;width:100%}.guide-cover__wrap:before{background-color:hsla(0,0%,100%,.06);content:"";left:0;opacity:0;position:absolute;top:0;z-index:2}.guide-cover__img{border-radius:24px 0 0;bottom:-2px;display:block;height:60%;margin:0;object-fit:cover;padding:0;position:absolute;right:-2px;width:80%}.guide-cover:hover{box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-12px)}.guide-cover__wrap:hover:before{border-color:#f9f5ee;opacity:1}.guide-cover__icon{display:block;font-size:0;height:8%;line-height:0;position:absolute;right:6%;text-orientation:upright;top:6%;width:8%;writing-mode:vertical-rl}.guide-cover__icon i{aspect-ratio:1;background:var(--dot-color);border-radius:100px;display:inline-block;margin:0 0 6% 6.5%;padding:0;width:44%}.guide-cover--start-here:after{background-color:#ff4800;border-radius:8px;color:#fff;content:"Start here";font-size:.8889rem;font-weight:500;left:24px;padding:4px 24px;position:absolute;top:0;transform:translateY(-50%);z-index:3}