.blog-page{min-height:100vh;padding:160px 4vw 120px;background:#050505;color:#fff;max-width:1600px;margin:0 auto}.blog-hero{max-width:800px;margin:0 auto 80px;text-align:center}.blog-title{font-size:clamp(3rem,5vw,5rem);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:24px;font-family:Space Grotesk,sans-serif;line-height:.95;background:linear-gradient(180deg,#ffffff,#a1a1a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-subtitle{font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.6;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto}.blog-featured{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;margin-bottom:100px;padding:40px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);transition:border-color .3s ease,transform .3s ease;position:relative;overflow:hidden}.blog-featured:hover{border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.blog-featured:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 60%);pointer-events:none}.blog-featured-content{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.blog-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;color:#fff;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:100px;width:fit-content}.blog-featured-title,.blog-tag{text-transform:uppercase;margin-bottom:24px}.blog-featured-title{font-size:clamp(2rem,3.5vw,3.5rem);font-family:Space Grotesk,sans-serif;line-height:1.1}.blog-featured-excerpt{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.7);margin-bottom:32px;max-width:90%}.blog-featured-meta{font-size:14px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px}.blog-featured-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:40px;margin-top:60px}.blog-card{display:flex;flex-direction:column;background:transparent;transition:transform .4s ease;group:hover}.blog-card:hover{transform:translateY(-8px)}.blog-card-media{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}.blog-card-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#111,#1a1a1a)}.blog-card-body{display:flex;flex-direction:column;flex-grow:1}.blog-card-meta{font-size:13px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:12px;letter-spacing:.05em}.blog-card-title{font-size:24px;line-height:1.3;font-family:Space Grotesk,sans-serif;text-transform:uppercase;margin-bottom:16px;font-weight:500;color:#fff;transition:color .3s ease}.blog-card:hover .blog-card-title{color:rgba(255,255,255,.8)}.blog-card-footer{margin-top:auto;font-size:14px;font-weight:500;color:#fff;display:flex;align-items:center;gap:8px;opacity:.7;transition:opacity .3s ease}.blog-card:hover .blog-card-footer{opacity:1}.arrow{transition:transform .3s ease}.blog-card:hover .arrow{transform:translateX(4px)}.blog-empty{padding:100px 0;text-align:center;color:rgba(255,255,255,.5);font-family:Space Grotesk,sans-serif;font-size:1.2rem;background:rgba(255,255,255,.02);border-radius:20px;border:1px dashed rgba(255,255,255,.1)}@media (max-width:1024px){.blog-featured{grid-template-columns:1fr;gap:32px;padding:32px}.blog-featured-image-wrapper{order:-1}}@media (max-width:768px){.blog-page{padding:120px 6vw 100px}.blog-grid{grid-template-columns:1fr;gap:48px}}.blog-post{max-width:800px;margin:0 auto}.blog-post-hero{text-align:center;margin-bottom:60px}.blog-post .blog-title{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:24px;background:none;-webkit-text-fill-color:#fff}.blog-post-meta{color:rgba(255,255,255,.5);text-transform:uppercase;font-size:14px;letter-spacing:.1em;margin-bottom:24px}.blog-post-image{width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;margin-bottom:60px;border:1px solid rgba(255,255,255,.1)}.blog-post-body{font-size:1.15rem;line-height:1.8;color:#d1d1d1}.blog-post-body h2{font-size:2rem;margin-top:60px;margin-bottom:24px;color:#fff}.blog-post-body h2,.blog-post-body h3{font-family:Space Grotesk,sans-serif;text-transform:uppercase}.blog-post-body h3{font-size:1.5rem;margin-top:40px;margin-bottom:16px;color:#eee}.blog-post-body p{margin-bottom:24px}.blog-post-body ul{padding-left:20px;margin-bottom:24px}.blog-post-body li{margin-bottom:12px;padding-left:8px}.blog-post-body a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.3);transition:text-decoration-color .2s ease}.blog-post-body a:hover{text-decoration-color:#fff}