.letter-image{aspect-ratio:1174/720;cursor:pointer;justify-content:center;align-items:center;width:100%;max-width:1174px;display:flex;position:relative;overflow:hidden}.animated-mail{transform-origin:50%;width:200px;height:150px;transition:transform .4s;position:relative}@media (min-width:1280px){.animated-mail{transform:scale(5.87)}.letter-image:hover .animated-mail{transform:scale(5.87)translateY(50px)}.step-number-badge--outer,.hover-hint{transform:translate(-50%,-65%)scale(5.87)}}@media (max-width:1279px){.animated-mail{transform:scale(3)}.letter-image:hover .animated-mail{transform:scale(3)translateY(40px)}.step-number-badge--outer,.hover-hint{transform:translate(-50%,-65%)scale(3)}}@media (max-width:768px){.animated-mail{transform:scale(2.3)}.letter-image:hover .animated-mail{transform:scale(2.3)translateY(40px)}.step-number-badge--outer,.hover-hint{transform:translate(-50%,-65%)scale(2.3)}}.animated-mail .body{z-index:2;border-top:0 solid #0000;border-bottom:100px solid #de3028;border-left:200px solid #0000;border-right:0 solid #0000;position:absolute;bottom:0}.animated-mail .top-fold{transform-origin:50% 0;z-index:2;border:100px solid #0000;border-top:50px solid #de3028;border-bottom-width:0;transition:transform .4s,z-index .2s;position:absolute;top:50px}.letter-image:hover .top-fold{z-index:0;transform:rotateX(180deg)}.animated-mail .back-fold{z-index:0;background:#de3028;width:200px;height:100px;position:absolute;bottom:0}.animated-mail .left-fold{z-index:2;border:50px solid #0000;border-left:100px solid #de3028;border-right-width:0;position:absolute;bottom:0}.animated-mail .letter{z-index:1;background:#fff;width:160px;height:60px;transition:height .4s .2s;position:absolute;bottom:0;left:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.letter-image:hover .letter{height:180px}.letter-content{height:100%;padding:8px 10px;font-family:system-ui,-apple-system,sans-serif;overflow-y:auto}.step-number-badge{color:#fff;text-align:center;background:linear-gradient(90deg,#de3028,#931718);border-radius:999px;padding:4px;font-size:5px;font-weight:700;line-height:1}.step-number-badge--outer{transform-origin:50%;z-index:5;pointer-events:none;opacity:1;transition:opacity .25s,transform .25s;position:absolute;top:70%;left:50%}.letter-image:hover .step-number-badge--outer{opacity:0}.step-number-badge--inner{margin-bottom:4px;display:inline-block}.step-title{margin-bottom:4px;font-size:5px;font-weight:700}.step-description{margin-bottom:6px;font-size:3px}.deliverables-section{border-top:1px solid #e5e5e5;margin-top:3px;padding-top:3px}.deliverables-title{color:#de3028;margin-bottom:3px;font-size:3px;font-weight:600}.deliverable-item{align-items:flex-start;margin:2px 0;font-size:3px;display:flex}.hover-hint{transform-origin:50%;color:#931718;pointer-events:none;opacity:.6;z-index:6;background:#ffffffe6;border-radius:999px;padding:2px 6px;font-size:4px;font-weight:600;transition:opacity .25s;position:absolute;bottom:50%;left:50%}.letter-image:hover .hover-hint{opacity:0}@media (hover:none){.hover-hint{opacity:1}}