.blog-index{--ink:#171917;--paper:#f1f4ee;--wash:#eef1f7;--lime:#d8ff4f;--orange:#ff5f38;--green:#21ad63;--line:#242724;--mono:"DM Mono",monospace;background:linear-gradient(105deg,#f5f1ed 0,#f0f5ee 50%,#eef2f8 100%);color:var(--ink);font-family:Manrope,sans-serif}.blog-index main *{border-radius:0}.progress{position:fixed;z-index:1000;inset:0 0 auto;height:3px}.progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--orange)}
.index-nav{position:relative;z-index:30;height:48px;display:flex;align-items:center;gap:5px;padding:8px 12px;font:500 .67rem/1 var(--mono);text-transform:uppercase}.index-brand{width:26px;height:26px;display:grid;place-items:center;background:#e1e4de;text-decoration:none}.index-brand img{display:none}.index-brand b{font-size:.75rem}.index-nav nav{display:flex;gap:3px}.index-nav nav a,.nav-contact{height:26px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#e1e4de;color:var(--ink);text-decoration:none}.index-nav nav a:hover,.index-nav nav a.is-active,.nav-contact:hover{background:var(--ink);color:#fff}.index-nav kbd{font:inherit;color:#707670}.index-nav a:hover kbd,.index-nav .is-active kbd{color:var(--lime)}.nav-contact{margin-left:auto}
.index-hero{min-height:320px;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:end;padding:45px 12px 58px}.hero-meta,.hero-statement>span,.filter-head,.filter-note>span,.dispatch span,.index-footer span{font:500 .65rem var(--mono);text-transform:uppercase}.hero-meta{margin-bottom:18px;color:#565d57}.index-hero h1{font:500 clamp(5rem,9vw,9rem)/.71 Manrope,sans-serif;letter-spacing:-.095em}.index-hero h1 sup{display:inline-block;margin-left:12px;vertical-align:top;font:500 .78rem var(--mono);letter-spacing:0}.hero-statement{padding-bottom:5px}.hero-statement>span{display:block;padding-bottom:10px;border-bottom:1px solid}.hero-statement p{max-width:320px;margin:20px 0 32px;font-size:1.12rem;line-height:1.35;letter-spacing:-.025em}.hero-statement div{display:flex;align-items:center;gap:10px;font:400 .64rem var(--mono);text-transform:uppercase}.hero-statement i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(33,173,99,.12)}
.library{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:0 12px 120px}.filters{position:sticky;top:12px;align-self:start}.filter-head{display:flex;justify-content:space-between;padding:0 0 9px;border-bottom:1px solid}.filter-head button{border:0;background:none;font:500 .6rem var(--mono);cursor:pointer}.filter-head button:hover{color:var(--orange)}.search{height:40px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #aeb3ad}.search input{width:100%;border:0;outline:0;background:none;font:400 .75rem var(--mono)}.group-title{width:100%;display:flex;gap:8px;padding:12px 0 8px;border:0;background:none;font:500 .74rem var(--mono);text-align:left}.filter-group>div{padding-left:18px;border-left:1px dotted #9aa09a}.filter-group label{display:grid;grid-template-columns:15px 1fr auto;align-items:center;gap:5px;min-height:24px;color:#777d77;font:400 .67rem var(--mono);cursor:pointer}.filter-group input{appearance:none;width:11px;height:11px;border:1px solid #c1c5c0;background:rgba(255,255,255,.35)}.filter-group input:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}.filter-group label:has(input:checked){color:var(--ink);font-weight:500}.filter-group small{font:300 .6rem var(--mono);color:#a0a5a0}.filter-note{margin-top:35px;padding-top:10px;border-top:1px solid}.filter-note p{margin-top:10px;color:#6d736d;font:400 .66rem/1.5 var(--mono)}
.articles{min-width:0}.mobile-tools{display:none}.list-head{height:29px;display:grid;grid-template-columns:112px minmax(0,1fr) 150px 28px;align-items:center;border-bottom:1px solid;font:500 .62rem var(--mono)}.index-row{border-bottom:1px solid var(--line)}.row-main{width:100%;min-height:48px;display:grid;grid-template-columns:112px minmax(0,1fr) 150px 28px;align-items:center;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .18s}.row-main:hover,.index-row.is-open .row-main{background:rgba(216,255,79,.38)}.row-main time{font:400 .65rem var(--mono);color:#545a55}.row-main h2{min-width:0;padding-right:18px;overflow:hidden;font:500 clamp(1rem,1.55vw,1.42rem)/1.1 Manrope,sans-serif;letter-spacing:-.045em;white-space:nowrap;text-overflow:ellipsis}.row-main h2 i{display:inline-block;width:7px;height:7px;margin-right:11px;background:var(--ink)}.row-main>span{overflow:hidden;color:#5d645e;font:400 .6rem var(--mono);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.row-main>b{font:400 1rem var(--mono);text-align:right}.row-detail{display:grid;grid-template-rows:0fr;overflow:hidden;background:rgba(255,255,255,.36);transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.index-row.is-open .row-detail{grid-template-rows:1fr}.detail-inner{min-height:0;display:grid;grid-template-columns:minmax(220px,440px) minmax(260px,500px);gap:32px;overflow:hidden;padding:0 28px 0 112px}.index-row.is-open .detail-inner{padding-top:28px;padding-bottom:32px}.detail-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#dce3dc}.detail-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:.5s}.detail-image:hover img{transform:scale(1.025);filter:saturate(1)}.detail-inner>div{align-self:center}.detail-inner>div>span{font:500 .61rem var(--mono);color:var(--green)}.detail-inner p{margin:15px 0 22px;color:#535a54;font-size:.88rem;line-height:1.55}.detail-inner div>a{display:inline-flex;align-items:center;gap:40px;padding:10px 0;border-bottom:1px solid;color:var(--ink);font:500 .66rem var(--mono);text-decoration:none;text-transform:uppercase}.detail-inner div>a:hover{color:var(--orange)}.no-results{padding:80px 0;border-bottom:1px solid}.no-results b{font:500 5rem/1 Manrope}.no-results p{margin:10px 0 25px}.no-results button{padding:10px 14px;border:1px solid;background:transparent;font:500 .65rem var(--mono);cursor:pointer}
.dispatch{min-height:540px;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;padding:90px 12px;background:var(--ink);color:#fff}.dispatch h2{margin-top:30px;font:500 clamp(4rem,8vw,8rem)/.78 Manrope,sans-serif;letter-spacing:-.085em}.dispatch h2 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.dispatch-copy{max-width:400px}.dispatch-copy p{color:#9da49e;line-height:1.65}.dispatch-copy a{display:flex;justify-content:space-between;margin-top:40px;padding:15px 0;border-block:1px solid #555b56;color:#fff;font:500 .67rem var(--mono);text-decoration:none;text-transform:uppercase}.dispatch-copy a:hover{color:var(--lime)}
.index-footer{min-height:600px;padding:0 12px 22px;background:linear-gradient(110deg,#f1f6ef,#eef3fa)}.footer-rule{display:grid;grid-template-columns:repeat(6,1fr);padding:8px 0;border-top:1px solid}.footer-rule span:last-child{text-align:right}.footer-main{min-height:470px;display:grid;grid-template-columns:1.4fr .6fr;padding-top:28px}.footer-main h2{margin:38px 0 55px;font:500 clamp(2rem,3.2vw,3.5rem)/1.05 Manrope;letter-spacing:-.06em}.footer-cta{display:block;width:min(360px,100%);padding:11px;border:1px solid;border-radius:999px;color:var(--ink);font:500 .67rem var(--mono);text-align:center;text-decoration:none;text-transform:uppercase}.footer-cta:hover{background:var(--ink);color:#fff}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:45px}.footer-links span{display:block;margin-bottom:18px}.footer-links a{display:block;width:max-content;margin:8px 0;color:var(--ink);font:400 .65rem var(--mono);text-decoration:none}.footer-links a:hover{background:var(--lime)}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid;padding-top:12px}.footer-bottom span:nth-child(2){text-align:center}.footer-bottom span:last-child{text-align:right}
@media(max-width:900px){.index-nav nav a:nth-child(n+3){display:none}.index-hero{grid-template-columns:1fr 300px}.library{grid-template-columns:220px 1fr}.list-head,.row-main{grid-template-columns:90px minmax(0,1fr) 30px}.list-head span:nth-child(3),.row-main>span{display:none}.detail-inner{padding-left:90px}.dispatch{grid-template-columns:1fr}.dispatch-copy{margin-left:auto}}
@media(max-width:650px){.index-nav{height:45px;padding:7px}.index-nav nav a:not(.is-active){display:none}.nav-contact{font-size:0}.nav-contact kbd{font-size:.64rem}.nav-contact:after{content:"CONTACT";font-size:.64rem}.index-hero{min-height:410px;display:block;padding:70px 10px 45px}.index-hero h1{font-size:5.5rem;margin-bottom:70px}.hero-statement{margin-left:23%;}.library{display:block;padding:0 10px 80px}.filters{position:fixed;z-index:100;inset:45px 0 0;display:none;padding:25px 18px;overflow:auto;background:var(--paper)}.filters.is-open{display:block}.mobile-tools{position:sticky;z-index:20;top:0;height:42px;display:flex;align-items:center;justify-content:space-between;border-block:1px solid;background:rgba(241,244,238,.94);backdrop-filter:blur(12px);font:500 .62rem var(--mono)}.mobile-tools button{border:0;background:none;font:inherit}.list-head{display:none}.row-main{min-height:69px;grid-template-columns:70px minmax(0,1fr) 24px}.row-main time{font-size:.57rem}.row-main h2{font-size:1.05rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-main h2 i{width:6px;height:6px;margin-right:7px}.detail-inner{display:block;padding:0 10px 0 70px}.index-row.is-open .detail-inner{padding-top:15px;padding-bottom:25px}.detail-inner>div{padding-top:18px}.dispatch{min-height:620px;display:block;padding:75px 12px}.dispatch h2{font-size:4.5rem;margin:80px 0 65px}.footer-main{display:block}.footer-links{margin-top:70px}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom span:nth-child(2){display:none}.footer-main h2{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.index-hero{min-height:400px;padding-top:140px}
@media(max-width:650px){.index-hero{min-height:470px;padding-top:130px}}
.blog-index .site-header,.blog-index footer{--ink:#13241f;--white:#fffdf7;--lime:#dfff61;--orange:#ff7657;--muted:#61716b;--line:rgba(19,36,31,.16);font-family:"DM Sans",sans-serif}
.blog-index footer .footer-bottom{display:flex;grid-template-columns:none;justify-content:space-between;gap:20px;padding-top:28px;border-top:0;color:#84938d;font-size:.72rem;letter-spacing:.04em}
.blog-index footer .footer-bottom span:nth-child(2),.blog-index footer .footer-bottom span:last-child{text-align:initial}
@media(max-width:620px){.blog-index footer .footer-bottom{flex-direction:column}}