.blog-page{background:#0c0c0f;padding-bottom:110px}.blog-hero{min-height:430px;padding:90px 7vw 60px;display:flex;align-items:flex-end;justify-content:space-between;background:radial-gradient(circle at 72% 35%,#31244c,transparent 34%);border-bottom:1px solid var(--line)}.blog-hero h1{font-size:clamp(76px,10vw,138px)}.blog-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--acid)}.blog-hero p{color:#929299;max-width:520px;line-height:1.7;margin:30px 0 0}.blog-status{margin:70px 7vw;padding:30px;border:1px solid var(--line);color:#777;text-align:center}.blog-status small{display:block;margin-top:10px;color:#555}.blog-grid{margin:70px 7vw 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-tile{height:420px;position:relative;overflow:hidden;background:#211c2a;border:1px solid #34343c;cursor:pointer}.blog-tile.featured{grid-column:span 2}.blog-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle,#534172,#16131d)}.blog-art:after{content:"";position:absolute;inset:-20px;background:linear-gradient(0deg,#08080bef 4%,#11111882 60%,#1c173455);backdrop-filter:blur(8px)}.blog-art img{position:absolute;width:52%;height:118%;top:-8%;object-fit:cover;object-position:50% 10%;filter:saturate(.9);transition:transform .7s ease}.blog-art .blog-card-1{right:-5%;transform:rotate(6deg)}.blog-art .blog-card-2{right:30%;transform:rotate(-6deg)}.blog-art .blog-card-3{left:-18%;transform:rotate(-12deg)}.blog-tile:hover .blog-art img{transform:translateY(-3%) rotate(2deg) scale(1.07)}.blog-tile-copy{position:absolute;inset:0;z-index:2;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.blog-tile-copy>span{font-size:8px;letter-spacing:.16em;color:var(--acid)}.blog-tile-copy h2{font:clamp(24px,3vw,42px)/.95 "Archivo Black";text-transform:uppercase;letter-spacing:-.05em;margin:15px 0}.blog-tile:not(.featured) .blog-tile-copy h2{font-size:27px}.blog-tile-copy p{color:#c1c1c7;font-size:11px;line-height:1.6;max-width:600px}.blog-tile-copy button{align-self:flex-start;border:0;border-bottom:1px solid #999;background:none;color:#eee;padding:7px 0;font:9px "DM Sans";text-transform:uppercase;letter-spacing:.1em}.post-editor{width:min(720px,calc(100% - 28px));padding:40px;background:#15151a;color:#eee;border:1px solid #414149}.post-editor h2{font:38px "Archivo Black";margin:10px 0 30px}.editor-kicker{font-size:8px;letter-spacing:.18em;color:var(--acid)}.post-editor form{display:grid;gap:15px}.post-editor label>span{display:block;color:#888;font-size:8px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}.post-editor label i{float:right;font-style:normal;color:#555}.post-editor input,.post-editor textarea{width:100%;border:1px solid #34343c;background:#0e0e12;color:#eee;padding:12px;font:12px/1.6 "DM Sans";resize:vertical;outline:none}.post-editor input:focus,.post-editor textarea:focus{border-color:var(--acid)}.detected-cards{padding:10px 12px;background:#202026;color:#8f8f98;font-size:9px}.post-editor .button{justify-self:start}.article-dialog{width:min(1050px,calc(100% - 28px));max-height:92vh;padding:0;background:#101014;color:#eee;border:1px solid #414149}.article-dialog::backdrop{background:#030305e8;backdrop-filter:blur(8px)}.article-art{position:relative;height:400px}.article-art:after{background:linear-gradient(0deg,#101014 0,transparent 75%);backdrop-filter:blur(3px)}.article-copy{position:relative;max-width:760px;margin:-90px auto 0;padding:0 35px 90px;z-index:2}.article-meta{color:var(--acid);font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin:45px 0 20px}.article-copy h1{font-size:clamp(42px,6vw,76px);line-height:.95}.article-standfirst{font-size:18px;line-height:1.6;color:#aaa;border-left:3px solid var(--acid);padding-left:20px;margin:30px 0 50px}.article-body{color:#c0c0c5;font:15px/1.9 "DM Sans"}.article-body p{margin:0 0 24px}@media(max-width:820px){.blog-grid{grid-template-columns:1fr 1fr}.blog-tile.featured{grid-column:1/-1}.blog-hero{align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:35px}}@media(max-width:560px){.site-header nav{gap:12px}.site-header nav a{font-size:9px}.blog-hero{padding:65px 5vw 45px;min-height:360px}.blog-hero h1{font-size:66px}.blog-grid{grid-template-columns:1fr;margin:40px 5vw}.blog-tile.featured{grid-column:auto}.blog-tile{height:380px}.article-art{height:300px}.article-copy{padding:0 20px 65px}.post-editor{padding:32px 20px}}
