@font-face{font-family:Clash Display;src:url(https://cdn.fontshare.com/wf/FMCWZUDXLFHXEYB5RG7OBKMJJPZM5AME/V47RGH5TFDVBR5O55BFAGPQ3JKR2V7KL/DCUFYC4MVBAGXORWDRGTHIRC2SVXDRAU.woff2)format("woff2");font-weight:200 700;font-display:swap;font-style:normal}.blog-listing{background:#000;min-height:100vh;padding-bottom:140px;position:relative;overflow:hidden}.blog-listing__hero{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex;position:relative}.blog-listing__hero .label{letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:.5;margin-bottom:24px;font-family:Inter,sans-serif;font-size:12px;font-weight:300}.blog-listing__hero h1{letter-spacing:-.02em;text-transform:uppercase;color:#fff;font-family:Clash Display,sans-serif;font-size:clamp(60px,12vw,180px);font-weight:600;line-height:.85}.blog-stack{perspective:2000px;width:100%;max-width:1200px;transform-style:preserve-3d;min-height:200vh;margin:0 auto;padding:0 40px;position:relative}.blog-card-3d{perspective:2000px;cursor:pointer;width:100%;margin-bottom:40px;position:relative;overflow:visible}.blog-card-3d:hover .blog-card-3d__image img{transform:scale(1.05)}.blog-card-3d__inner{width:100%;min-height:400px;transform-style:preserve-3d;will-change:transform;background:#111;border:1px solid #ffffff1a;grid-template-columns:40% 60%;transition:border-color .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative}@media (max-width:767px){.blog-card-3d__inner{grid-template-columns:1fr;min-height:auto}}.blog-card-3d__inner:hover{border-color:#fff}.blog-card-3d__image{background:#000;position:relative;overflow:hidden}.blog-card-3d__image img{-o-object-fit:cover;object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1) .4s}.blog-card-3d__content{background:linear-gradient(90deg,#00000080,#0000);flex-direction:column;justify-content:center;padding:96px;display:flex}@media (max-width:767px){.blog-card-3d__content{padding:64px}}.blog-card-3d__content .category{letter-spacing:.3em;color:#fff6;margin-bottom:24px;font-family:Inter,sans-serif;font-size:11px}.blog-card-3d__content h2{color:#fff;text-transform:uppercase;margin-bottom:40px;font-family:Clash Display,sans-serif;font-size:clamp(24px,3.5vw,42px);font-weight:500;line-height:1.1}.blog-card-3d__content .excerpt{color:#fff9;max-width:500px;margin-bottom:64px;font-family:Inter,sans-serif;font-size:clamp(14px,1.1vw,18px);font-weight:300;line-height:1.7}.blog-detail{background:#000;min-height:100vh}.blog-detail__hero{justify-content:center;align-items:center;height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.blog-detail__hero-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail__hero-bg img{-o-object-fit:cover;object-fit:cover;filter:grayscale()brightness(.4);width:100%;height:100%}.blog-detail__hero-bg:after{content:"";background:linear-gradient(#0000,#000);width:100%;height:40%;position:absolute;bottom:0;left:0}.blog-detail__hero-content{z-index:2;text-align:center;max-width:1000px;position:relative}.blog-detail__hero-content .meta{letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:.5;margin-bottom:40px;font-family:Inter,sans-serif;font-size:12px;font-weight:300}.blog-detail__hero-content h1{letter-spacing:-.02em;color:#fff;text-transform:uppercase;font-family:Clash Display,sans-serif;font-size:clamp(40px,6vw,100px);font-weight:600;line-height:.9}.blog-detail__body{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}@media (max-width:767px){.blog-detail__body{padding-left:20px;padding-right:20px}}.blog-detail__body{max-width:800px;padding:140px 20px}.blog-detail__body .content{color:#fffc;font-family:Inter,sans-serif;font-size:18px;font-weight:300;line-height:1.8}.blog-detail__body .content h2{color:#fff;margin-top:96px;margin-bottom:40px;font-family:Clash Display,sans-serif;font-size:clamp(20px,2.5vw,32px);font-weight:500;line-height:1.2}.blog-detail__body .content p{margin-bottom:40px}.blog-detail__body .content blockquote{color:#fff;border-left:2px solid #fff;margin:140px 0;padding-left:64px;font-family:Clash Display,sans-serif;font-size:clamp(24px,3vw,40px);font-style:italic;line-height:1.1}
