.block-letter-columns .grid{gap:2rem}.block-letter-columns .col{padding:3rem;text-align:center;border-radius:2rem;color:#fff;background:var(--brand-1);overflow:hidden;position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.block-letter-columns .col:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.block-letter-columns .column-letter{font-size:12rem;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.block-letter-columns .col:hover .column-letter{transform:translate(-50%,-150%);opacity:0}.block-letter-columns .column-word{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;opacity:0;transform:translateY(-100%);transition:all .5s cubic-bezier(.4,0,.2,1)}.block-letter-columns .col:hover .column-word{opacity:1;transform:translateY(0)}.block-letter-columns .column-content{opacity:0;transform:translateY(50px);transition:all .5s cubic-bezier(.4,0,.2,1) .1s}.block-letter-columns .col:hover .column-content{opacity:1;transform:translateY(0)}.block-letter-columns .column-content p{font-size:1.5rem;line-height:1.6;font-weight:400}@media screen and (max-width:768px){.block-letter-columns .grid{gap:1.5rem}.block-letter-columns .col{min-height:300px;padding:2rem}.block-letter-columns .column-letter{font-size:8rem}.block-letter-columns .column-word{font-size:2rem}.block-letter-columns .column-content p{font-size:1rem}}@media screen and (max-width:576px){.block-letter-columns .grid{grid-template-columns:1fr}.block-letter-columns .col{min-height:280px}.block-letter-columns .column-letter{font-size:7rem}}