:root{--sans:"Cause", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#262626;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f3}*,:before,:after{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:68px 40px}.header{flex-direction:column;align-items:flex-start;gap:28px;max-width:485px;margin-bottom:80px;display:flex}.logo{width:auto;height:110px}.tagline{color:#262626;letter-spacing:-.32px;margin:0;font-size:32px;font-weight:600;line-height:1.2}.grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=900px){.page{padding:40px 20px}.grid{grid-template-columns:1fr}.header{margin-bottom:48px}.logo{height:72px}.tagline{font-size:24px}}.card{height:500px;color:inherit;cursor:pointer;background:#ccccca;padding:1px;text-decoration:none;transition:padding .3s;display:block;position:relative}.card:hover{padding:2px}.card:before{content:"";opacity:0;background:repeating-linear-gradient(-45deg,#ff58d5 0 10px,#337be6 10px 20px,#24b646 20px 30px,#ef3333 30px 40px);transition:opacity .3s;animation:3s linear infinite stripe-move;position:absolute;inset:0}.card:hover:before{opacity:1}@keyframes stripe-move{0%{background-position:0 0}to{background-position:56.57px 0}}.card-inner{z-index:1;background:#f5f5f3;flex-direction:column;height:100%;padding:32px 32px 0;display:flex;position:relative;overflow:hidden}.card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-text{flex-direction:column;gap:8px;max-width:405px;display:flex}.card-date{text-transform:uppercase;color:#262626;letter-spacing:-.14px;font-size:14px;line-height:1.2}.card-title{letter-spacing:-.32px;margin:0;font-size:32px;font-weight:700;line-height:1.1}.card-description{color:#262626;letter-spacing:-.2px;margin:0;font-size:20px;line-height:1.2}.card-arrow{flex-shrink:0;width:28px;height:28px;transition:transform .35s}.card:hover .card-arrow{transform:translate(4px,-4px)}.card-preview{border-radius:12px 12px 0 0;flex:1;min-height:0;margin-top:auto;position:relative;overflow:hidden}.card-image{border-radius:12px 12px 0 0;width:100%;transition:transform .35s;position:absolute;bottom:0;left:0;transform:translateY(30%)}.card:hover .card-image{transform:translateY(20%)}.card-placeholder{width:100%;min-height:200px}
