.home-wrapper{padding-top:4rem}.hero-section{text-align:center;padding:8rem 0 6rem}.hero-badge{color:#fffc;border-radius:100px;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;display:inline-flex}.text-accent{color:var(--accent-primary)}.hero-title{margin-bottom:2.5rem;font-size:clamp(3rem,10vw,6.5rem);line-height:.95}.hero-description{color:#ffffff80;max-width:650px;margin:0 auto 3.5rem;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:2.5rem;display:flex}.btn-link{color:#fff;transition:var(--transition-spring);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.btn-link:hover{opacity:.7;transform:translate(5px)}.feed-section{padding:6rem 0 10rem}.section-title-wrap{align-items:center;gap:2rem;margin-bottom:4rem;display:flex}.section-title{opacity:.9;font-size:2rem}.section-line{background:linear-gradient(90deg,#ffffff1a,#0000);flex:1;height:1px}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:1.5rem;display:grid}.bento-item{cursor:pointer;position:relative;overflow:hidden}.bento-large{grid-area:span 2/span 2}.bento-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.bento-image{background-position:50%;background-size:cover;flex:1;transition:transform .8s cubic-bezier(.2,1,.2,1);position:relative}.bento-item:hover .bento-image{transform:scale(1.1)}.bento-overlay{background:linear-gradient(#0000 30%,#000c);width:100%;height:100%;position:absolute;top:0;left:0}.bento-content{flex-direction:column;gap:.5rem;width:100%;padding:1.5rem;display:flex;position:absolute;bottom:0;left:0}.bento-large .bento-content{padding:2.5rem}.bento-tag{text-transform:uppercase;letter-spacing:1px;color:var(--foreground);background:#ffffff1a;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.bento-meta{align-items:center;gap:1rem;display:flex}.bento-meta-item{color:#ffffff80;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.bento-title{font-size:1.25rem;line-height:1.2}.bento-large .bento-title{font-size:2rem}.bento-excerpt{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.bento-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.bento-author{align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.avatar-mini{background:#333;border-radius:50%;width:20px;height:20px}.bento-arrow{opacity:0;transition:var(--transition-spring);transform:translate(-10px)}.bento-item:hover .bento-arrow{opacity:1;transform:translate(0)}.pagination-container{border-radius:100px;justify-content:center;align-items:center;gap:2rem;width:max-content;margin-top:4rem;margin-left:auto;margin-right:auto;padding:1rem 2rem;display:flex}.pagination-btn{color:#fff;cursor:pointer;transition:var(--transition-spring);background:0 0;border:1px solid #ffffff1a;border-radius:100px;padding:.5rem 1.25rem;font-weight:600}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{letter-spacing:2px;font-size:.9rem;font-weight:700}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:300px}.bento-large{grid-area:span 1/span 1}.hero-title{font-size:3rem}}