.blog-body{background:var(--ink);color:var(--paper)}
.blog-body .nav{z-index:110}
.blog-index-hero{min-height:100svh;position:relative;overflow:hidden;background:var(--purple);padding-top:150px;padding-bottom:56px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.blog-index-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 52%,#321166 52% 68%,transparent 68%);opacity:.5;z-index:-1}
.blog-index-hero .blog-signal{position:absolute;inset:0;opacity:.2;z-index:-2}
.blog-index-hero>.eyebrow{margin-bottom:auto;padding-top:24px}
.blog-index-hero h1{margin:0;max-width:1180px;font-size:clamp(78px,13vw,205px);line-height:.68;letter-spacing:-.095em;font-weight:900;text-transform:uppercase;position:relative;z-index:2}
.blog-index-hero h1 span{display:block}
.blog-index-hero h1 .blog-outline{color:transparent;-webkit-text-stroke:1px var(--paper);transform:translateX(clamp(20px,9vw,150px))}
.blog-index-hero h1 em{font-style:normal;color:var(--acid)}
.blog-orbit{position:absolute;right:-10vw;top:16vh;width:min(52vw,760px);aspect-ratio:1;border:1px solid #ffffff5c;border-radius:50%;animation:blog-drift 12s ease-in-out infinite alternate;z-index:0}
.blog-orbit i{position:absolute;inset:13%;border:1px solid #ffffff3d;border-radius:50%}
.blog-orbit i:nth-child(2){inset:31%;background:var(--acid);border:0;mix-blend-mode:screen}
.blog-orbit i:nth-child(3){inset:46%;background:var(--ink);border:0}
.blog-index-intro{display:grid;grid-template-columns:minmax(0,680px) auto;justify-content:space-between;gap:48px;align-items:end;border-top:1px solid #ffffff63;padding-top:22px;margin-top:55px;position:relative;z-index:2}
.blog-index-intro p{font-size:clamp(18px,2vw,28px);line-height:1.36;margin:0}
.blog-index-intro span{font:500 11px/1.5 'DM Mono',monospace;text-align:right;color:#ffffffa8}
@keyframes blog-drift{to{transform:translate(-4vw,5vh) rotate(18deg)}}

.blog-listing{padding-top:125px;padding-bottom:160px;background:var(--paper);color:var(--ink);min-height:70vh}
.blog-listing-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,640px);gap:70px;align-items:end;margin-bottom:70px}
.blog-listing-head h2,.blog-related-head h2{font-size:clamp(62px,8.5vw,135px);line-height:.77;letter-spacing:-.08em;margin:55px 0 0}
.blog-listing-head h2 em,.blog-related-head h2 em{font-style:normal;color:var(--purple)}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.blog-filter{border:1px solid #0a080d66;border-radius:100px;background:transparent;color:var(--ink);padding:11px 16px;cursor:pointer;font:500 10px/1 'DM Mono',monospace;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s,transform .25s}
.blog-filter:hover,.blog-filter:focus-visible{transform:translateY(-2px);border-color:var(--purple)}
.blog-filter.is-active{background:var(--purple);color:#fff;border-color:var(--purple)}
.blog-filter-status{min-height:1.5em;margin:0 0 22px;font:500 11px 'DM Mono',monospace;color:#5a5262;text-transform:uppercase}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;perspective:1800px}
.blog-card{min-width:0;min-height:690px;perspective:1500px;position:relative;z-index:1;transition:z-index 0s .25s}
.blog-card[hidden]{display:none}
.blog-card-inner{position:relative;width:100%;height:690px;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.2,1);will-change:transform}
.blog-card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid #0a080d2b;display:flex;flex-direction:column;transition:box-shadow .3s}
.blog-card-front{background:#fff}
.blog-card-back{background:var(--purple);color:var(--paper);transform:rotateY(180deg);padding:clamp(26px,3vw,42px);justify-content:flex-end;isolation:isolate}
.blog-card-image-wrap{height:43%;overflow:hidden;position:relative;background:#26104b}
.blog-card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .4s}
.blog-card-number{position:absolute;right:16px;top:12px;color:#fff;font:500 10px 'DM Mono',monospace;background:#0a080db3;padding:7px 9px;border-radius:100px}
.blog-card-copy{padding:25px 25px 23px;display:flex;flex-direction:column;flex:1;min-height:0}
.blog-card-categories{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:4}
.blog-card-categories a{font:500 9px/1 'DM Mono',monospace;text-transform:uppercase;border:1px solid #0a080d55;border-radius:100px;padding:7px 9px;transition:background .2s,color .2s}
.blog-card-categories a:hover,.blog-card-categories a:focus-visible{background:var(--ink);color:var(--paper)}
.blog-card-title{font-size:clamp(30px,2.8vw,47px);line-height:.9;letter-spacing:-.055em;margin:auto 0 17px;text-transform:uppercase}
.blog-card-subheadline{font-size:15px;line-height:1.45;margin:0 0 24px;color:#3c3542}
.blog-card-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #0a080d42;padding-top:13px;font:500 9px/1.3 'DM Mono',monospace;text-transform:uppercase;color:#5a5262}
.blog-card-main-link{position:absolute;inset:0;z-index:2}
.blog-card-main-link:focus-visible{outline:3px solid var(--acid);outline-offset:-6px}
.blog-card-back>.eyebrow,.blog-card-back>.blog-card-teaser,.blog-card-back>.blog-card-read{position:relative;z-index:1}
.blog-card-teaser{font-size:clamp(23px,2.3vw,36px);line-height:1.15;letter-spacing:-.03em;margin:28px 0 42px;max-width:95%}
.blog-card-read{border-top:1px solid #ffffff77;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-weight:700;text-transform:uppercase}
.blog-card-read .arrow-icon{font-size:1.5em}
.blog-card-back-graphic{position:absolute;right:-19%;top:-15%;width:84%;aspect-ratio:1;border:1px solid #ffffff54;border-radius:50%;z-index:-1}
.blog-card-back-graphic i{position:absolute;inset:17%;border:1px solid #ffffff36;border-radius:50%}
.blog-card-back-graphic i:nth-child(2){inset:34%;background:var(--acid);border:0}
.blog-card-back-graphic i:nth-child(3){inset:47%;background:var(--ink);border:0}
.blog-card-back-graphic span{position:absolute;left:0;bottom:-28px;font-size:clamp(80px,10vw,150px);line-height:1;font-weight:900;color:#ffffff18;letter-spacing:-.1em}
@media(hover:hover) and (pointer:fine){.blog-card:hover,.blog-card:focus-within{z-index:20;transition-delay:0s}.blog-card:hover .blog-card-inner,.blog-card:focus-within .blog-card-inner{transform:translateY(-18px) translateZ(50px) scale(1.045) rotateY(180deg)}.blog-card:hover .blog-card-face,.blog-card:focus-within .blog-card-face{box-shadow:0 28px 38px #210e3b45}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card:has(.blog-card-categories:hover) .blog-card-inner,.blog-card:has(.blog-card-categories:focus-within) .blog-card-inner{transform:translateY(-8px) translateZ(30px) scale(1.025)}.blog-card:has(.blog-card-categories:hover) .blog-card-face,.blog-card:has(.blog-card-categories:focus-within) .blog-card-face{box-shadow:0 18px 28px #210e3b35}}
.blog-empty{border-top:1px solid #0a080d55;border-bottom:1px solid #0a080d55;min-height:510px;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;padding:60px 0}
.blog-empty-mark{aspect-ratio:1;max-width:390px;background:var(--purple);position:relative;overflow:hidden}
.blog-empty-mark:before,.blog-empty-mark:after{content:"";position:absolute;border:1px solid #ffffff55;border-radius:50%;inset:13%}
.blog-empty-mark:after{inset:31%;background:var(--acid);border:0}
.blog-empty-mark span{position:absolute;background:var(--paper);height:2px;width:72%;left:14%;top:50%;transform:rotate(calc(var(--r,0) * 1deg))}
.blog-empty-mark span:nth-child(2){--r:60}.blog-empty-mark span:nth-child(3){--r:-60}
.blog-empty h3{font-size:clamp(50px,7vw,105px);line-height:.78;letter-spacing:-.075em;margin:45px 0 25px}
.blog-empty p{font-size:18px;line-height:1.55;max-width:650px}

.blog-post-hero{position:relative;background:#24104d;padding-top:150px;padding-bottom:0;overflow:hidden;isolation:isolate}
.blog-post-signal{position:absolute;inset:0;opacity:.12;z-index:-1}
.blog-post-breadcrumb{display:flex;gap:10px;font:500 10px 'DM Mono',monospace;text-transform:uppercase;color:#ffffff9d;margin:25px 0 80px}
.blog-post-breadcrumb a:hover{color:var(--acid)}
.blog-post-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.blog-post-categories a{border:1px solid #ffffff77;border-radius:100px;padding:9px 13px;font:500 9px 'DM Mono',monospace;text-transform:uppercase}
.blog-post-categories a:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.blog-post-hero h1{font-size:clamp(58px,9.5vw,150px);line-height:.78;letter-spacing:-.08em;max-width:1420px;margin:0;text-transform:uppercase}
.blog-post-subheadline{font-size:clamp(21px,2.3vw,34px);line-height:1.35;max-width:850px;margin:48px 0 55px;color:#e1d9f5}
.blog-post-meta{display:flex;justify-content:space-between;border-top:1px solid #ffffff55;padding:17px 0 28px;font:500 10px 'DM Mono',monospace;color:#ffffff9d}
.blog-post-hero-image{margin:0;width:100%;height:min(70vw,780px);overflow:hidden;background:var(--purple)}
.blog-post-hero-image img{width:100%;height:100%;display:block;object-fit:cover}
.blog-post-content{background:var(--paper);color:var(--ink);padding-top:110px;padding-bottom:130px}
.blog-post-content>*{max-width:860px;margin-left:auto;margin-right:auto}
.blog-post-content h2{font-size:clamp(42px,6vw,78px);line-height:.87;letter-spacing:-.06em;margin-top:100px;margin-bottom:32px}
.blog-post-content h3{font-size:clamp(28px,3.4vw,46px);line-height:.95;letter-spacing:-.04em;margin-top:68px;margin-bottom:22px}
.blog-post-content p,.blog-post-content li{font-size:clamp(17px,1.5vw,20px);line-height:1.72}
.blog-post-content p{margin-top:0;margin-bottom:28px}
.blog-post-content ul,.blog-post-content ol{padding-left:25px;margin-top:25px;margin-bottom:38px}
.blog-post-content li+li{margin-top:13px}
.blog-post-content a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.blog-post-content img,.blog-post-content svg,.blog-post-content figure{max-width:100%;height:auto}
.blog-post-content figure{margin-top:55px;margin-bottom:65px}
.blog-post-content aside,.blog-note{border-left:7px solid var(--acid);background:#321166;color:var(--paper);padding:28px 32px;margin-top:55px;margin-bottom:55px;box-shadow:14px 14px 0 var(--purple)}
.blog-post-content aside p:last-child,.blog-note p:last-child{margin-bottom:0}
.blog-related{background:var(--ink);padding-top:120px;padding-bottom:140px}
.blog-related-head{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;margin-bottom:70px}
.blog-related-head h2{margin-top:0;text-align:right}.blog-related-head h2 em{color:var(--acid)}
.blog-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.blog-related-card{background:var(--paper);color:var(--ink);min-width:0}
.blog-related-card>a{display:flex;flex-direction:column;height:100%}
.blog-related-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;filter:saturate(.85)}
.blog-related-copy{padding:22px;display:flex;flex-direction:column;flex:1;min-height:300px;position:relative}
.blog-related-copy>span{font:500 9px 'DM Mono',monospace;text-transform:uppercase;color:var(--purple)}
.blog-related-copy h3{font-size:clamp(24px,2.2vw,35px);line-height:.93;letter-spacing:-.045em;text-transform:uppercase;margin:auto 0 18px}
.blog-related-copy p{font-size:14px;line-height:1.45;margin:0 40px 0 0}
.blog-related-copy i{position:absolute;right:20px;bottom:20px;font-size:24px}
.blog-related-card a{transition:transform .3s,background .3s,color .3s}
.blog-related-card a:hover{transform:translateY(-10px);background:var(--purple);color:var(--paper)}
.blog-back{background:var(--acid);color:var(--ink);padding-top:70px;padding-bottom:90px}
.blog-back .text-arrow{margin:0}
.blog-not-found{min-height:100svh;background:var(--purple);display:grid;place-items:center;padding-top:140px;padding-bottom:80px;position:relative;overflow:hidden}
.blog-not-found>.signal{position:absolute;inset:0;opacity:.15}.blog-not-found>div:last-child{position:relative;z-index:2;width:100%}
.blog-not-found h1{font-size:clamp(80px,15vw,230px);line-height:.68;letter-spacing:-.09em;margin:60px 0 45px}.blog-not-found p{font-size:20px}
.blog-footer{position:relative}

@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-listing-head{grid-template-columns:1fr}.blog-filters{justify-content:flex-start}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-index-hero{min-height:820px;padding-top:110px;padding-bottom:34px}.blog-index-hero>.eyebrow{padding-top:10px}.blog-index-hero h1{font-size:18vw;line-height:.72}.blog-index-hero h1 .blog-outline{transform:translateX(6vw)}.blog-orbit{width:90vw;right:-44vw;top:18vh}.blog-index-intro{grid-template-columns:1fr;margin-top:40px}.blog-index-intro span{display:none}.blog-listing{padding-top:85px;padding-bottom:100px}.blog-listing-head{gap:40px;margin-bottom:45px}.blog-listing-head h2{font-size:15vw}.blog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;margin-right:calc(var(--pad)*-1);scrollbar-width:none}.blog-filter{white-space:nowrap}.blog-grid{grid-template-columns:minmax(0,1fr);gap:28px}.blog-card,.blog-card-inner{height:640px;min-height:640px}.blog-card-title{font-size:38px}.blog-card-back{transform:none;display:none}.blog-card:focus-within .blog-card-inner{transform:none}.blog-empty{grid-template-columns:1fr}.blog-empty-mark{max-width:100%}.blog-post-hero{padding-top:110px}.blog-post-breadcrumb{margin:15px 0 55px}.blog-post-hero h1{font-size:13vw}.blog-post-subheadline{font-size:20px;margin:35px 0 42px}.blog-post-meta{flex-direction:column;gap:8px}.blog-post-hero-image{height:70vw;min-height:300px}.blog-post-content{padding-top:75px;padding-bottom:90px}.blog-post-content h2{margin-top:75px}.blog-post-content aside,.blog-note{padding:24px 22px;box-shadow:8px 8px 0 var(--purple)}.blog-related{padding-top:90px;padding-bottom:100px}.blog-related-head{display:block}.blog-related-head h2{text-align:left;margin-top:45px;font-size:15vw}.blog-related-grid{grid-template-columns:1fr}.blog-back{padding-top:45px;padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.blog-orbit,.blog-card-inner,.blog-card-image,.blog-related-card a{animation:none!important;transition:none!important}.blog-card:hover .blog-card-inner,.blog-card:focus-within .blog-card-inner{transform:none!important}.blog-card-back{display:none}}