https://mantlr.com/_next/static/immutable/chunks/0z_9biv3sa3e5.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,36923,e=>{"use strict";var t=e.i(43476),i=e.i(71645),n=e.i(22016);let l="#FFFFFF",r="#FAFAF8",s="#F4F4F2",o="#0A0A0A",a="#3A3A38",d="#71716E",c="#A8A8A4",p="#E8522A",g="#EAEAE6",x="#F0F0EC";function h(e){return e?new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}):""}function m({kind:e,alt:i}){let n={width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"};return"lines"===e?(0,t.jsx)("div",{style:{...n,background:r,padding:32,alignItems:"stretch",flexDirection:"column",justifyContent:"center",gap:10},children:[80,65,90,50,75].map((e,i)=>(0,t.jsx)("div",{style:{height:6,width:`${e}%`,background:2===i?p:o}},i))}):"type"===e?(0,t.jsx)("div",{style:{...n,background:r},children:(0,t.jsx)("span",{style:{fontFamily:"var(--font-display)",fontSize:96,color:o,lineHeight:.85,fontWeight:500},children:"aA"})}):"wire"===e?(0,t.jsx)("div",{style:{...n,background:l,padding:22,alignItems:"stretch"},children:(0,t.jsxs)("div",{style:{flex:1,border:`1px dashed ${c}`,padding:10,display:"flex",flexDirection:"column",gap:6},children:[(0,t.jsx)("div",{style:{height:6,background:s,width:"60%"}}),(0,t.jsx)("div",{style:{height:4,background:s,width:"85%"}}),(0,t.jsxs)("div",{style:{display:"flex",gap:6,marginTop:6},children:[(0,t.jsx)("div",{style:{flex:1,height:28,background:s,border:`1px dashed ${c}`}}),(0,t.jsx)("div",{style:{flex:1,height:28,background:s,border:`1px dashed ${c}`}})]})]})}):"swatches"===e?(0,t.jsx)("div",{style:{...n,padding:0},children:["#F5E6D8","#F0A57E",p,"#7A3520","#1A0F0A"].map((e,i)=>(0,t.jsx)("div",{style:{flex:1,height:"100%",background:e}},i))}):"grid"===e?(0,t.jsx)("div",{style:{...n,background:s,padding:22},children:(0,t.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,width:"100%"},children:Array.from({length:12}).map((e,i)=>(0,t.jsx)("div",{style:{aspectRatio:"1",background:5===i?p:l,border:5===i?"none":`1px solid ${g}`}},i))})}):"quote"===e?(0,t.jsx)("div",{style:{...n,background:o,padding:28},children:(0,t.jsx)("span",{role:"img","aria-label":i,style:{fontFamily:"var(--font-display)",fontSize:110,color:p,lineHeight:.6,fontWeight:500},children:"“"})}):"dots"===e?(0,t.jsx)("div",{style:{...n,background:r},children:(0,t.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(6,1fr)",gap:14,padding:28},children:Array.from({length:24}).map((e,i)=>(0,t.jsx)("div",{style:{width:8,height:8,borderRadius:"50%",background:9===i||16===i?p:o,opacity:9===i||16===i?1:.85}},i))})}):(0,t.jsx)("div",{style:{...n,background:s}})}function f({post:e}){return e.coverImageUrl?(0,t.jsx)("img",{src:e.coverImageUrl,alt:e.coverImageAlt??e.title,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}):(0,t.jsxs)("div",{style:{width:"100%",height:"100%",background:r,display:"flex",padding:56,alignItems:"stretch",flexDirection:"column",justifyContent:"center",gap:14,position:"relative",overflow:"hidden"},children:[(0,t.jsx)("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,backgroundImage:`linear-gradient(${g} 1px, transparent 1px)`,backgroundSize:"40px 40px",maskImage:"radial-gradient(ellipse at center, black 40%, transparent 80%)",WebkitMaskImage:"radial-gradient(ellipse at center, black 40%, transparent 80%)",opacity:.6}}),[{w:"82%",c:o},{w:"58%",c:o},{w:"92%",c:o},{w:"38%",c:p},{w:"70%",c:o},{w:"50%",c:o}].map((e,i)=>(0,t.jsx)("div",{style:{height:8,width:e.w,background:e.c,position:"relative"}},i))]})}function y({post:e}){let r,[s,a]=(0,i.useState)(!1),f=(r=(e.category??"").toLowerCase()).includes("field note")||r.includes("fieldnote")?"dots":r.includes("type")||r.includes("font")||r.includes("typography")?"type":r.includes("process")||r.includes("wire")||r.includes("workflow")?"wire":r.includes("color")||r.includes("colour")||r.includes("palette")?"swatches":r.includes("tool")||r.includes("figma")||r.includes("plugin")?"grid":r.includes("interview")?"quote":"lines";return(0,t.jsx)(n.default,{href:`/blog/${e.slug}`,style:{textDecoration:"none",display:"flex",flexDirection:"column",height:"100%"},children:(0,t.jsxs)("article",{onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),style:{background:l,border:`1px solid ${s?o:g}`,borderRadius:8,overflow:"hidden",transition:"transform .18s ease, border-color .18s ease, box-shadow .18s ease",transform:s?"translateY(-3px)":"none",boxShadow:s?"0 14px 28px -16px rgba(15,23,42,.18)":"none",cursor:"pointer",display:"flex",flexDirection:"column",height:"100%"},children:[(0,t.jsx)("div",{style:{aspectRatio:"1.45",borderBottom:`1px solid ${x}`,overflow:"hidden"},children:e.coverImageUrl?(0,t.jsx)("img",{src:e.coverImageUrl,alt:e.coverImageAlt??e.title,style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}):(0,t.jsx)(m,{kind:f,alt:e.title})}),(0,t.jsxs)("div",{style:{padding:"14px 16px 16px",display:"flex",flexDirection:"column",flex:1},children:[(0,t.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,

1color:p,letterSpacing:".16em",textTransform:"uppercase",fontWeight:600,marginBottom:10,alignSelf:"flex-start",border:`1px solid ${g}`,padding:"3px 9px",borderRadius:999,display:"inline-block"},children:e.category??"Post"}),(0,t.jsx)("h3",{style:{fontFamily:"var(--font-display)",fontSize:20,lineHeight:1.12,letterSpacing:"-.015em",color:o,marginBottom:8},children:e.title}),(0,t.jsx)("p",{style:{fontFamily:"var(--font-sans)",fontSize:13,lineHeight:1.5,color:d,marginBottom:14,flex:1,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},children:e.excerpt}),(0,t.jsxs)("div",{style:{fontFamily:"var(--font-mono)",fontSize:10.5,color:d,letterSpacing:".08em",display:"flex",alignItems:"center",gap:6,paddingTop:10,borderTop:`1px solid ${x}`},children:[(0,t.jsx)("span",{children:e.author??"Mantlr Editorial"}),(0,t.jsx)("span",{style:{color:c},children:"·"}),(0,t.jsx)("span",{children:h(e.publishedAt)}),e.readTime&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{style:{color:c},children:"·"}),(0,t.jsxs)("span",{children:[e.readTime," min"]})]})]})]})]})})}e.s(["default",0,function({featured:e,posts:r}){let[s,x]=(0,i.useState)(!1),[m,u]=(0,i.useState)("All"),b=(0,i.useMemo)(()=>{let e=new Set,t=["All"];for(let i of r)i.category&&!e.has(i.category)&&(e.add(i.category),t.push(i.category));return t.slice(0,8)},[r]),j=(0,i.useMemo)(()=>"All"===m?r:r.filter(e=>e.category===m),[r,m]);return(0,t.jsxs)("div",{style:{background:l,color:o},children:[(0,t.jsxs)("header",{style:{background:"#0F172A",color:l,position:"relative",overflow:"hidden"},children:[(0,t.jsx)("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,backgroundImage:"linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px)",backgroundSize:"64px 64px",maskImage:"radial-gradient(ellipse at 50% 0%, black 30%, transparent 75%)",WebkitMaskImage:"radial-gradient(ellipse at 50% 0%, black 30%, transparent 75%)",pointerEvents:"none"}}),(0,t.jsxs)("div",{className:"px-4 sm:px-8 lg:px-10 pt-14 pb-16 md:py-20 md:pb-24",style:{maxWidth:1280,margin:"0 auto",position:"relative"},children:[(0,t.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:40,flexWrap:"wrap",gap:12},children:[(0,t.jsxs)("div",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:p,letterSpacing:".16em",textTransform:"uppercase",fontWeight:600,display:"inline-flex",alignItems:"center",gap:10},children:[(0,t.jsx)("span",{style:{width:24,height:1,background:p,display:"inline-block"}}),"Mantlr blog"]}),(0,t.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"rgba(255,255,255,.45)",letterSpacing:".14em"},children:"§ 03 · APR 26 · ISSUE 47"})]}),(0,t.jsxs)("h1",{style:{fontFamily:"var(--font-display)",fontSize:"clamp(32px,5vw,80px)",lineHeight:1.04,letterSpacing:"-.035em",color:l,maxWidth:1080,marginBottom:32},children:["Notes from the"," ",(0,t.jsx)("em",{style:{fontStyle:"normal",color:"rgba(255,255,255,.65)"},children:"edge"})," ","of design."]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_auto] items-end",style:{gap:32,paddingTop:32,borderTop:"1px solid rgba(255,255,255,.12)"},children:[(0,t.jsx)("p",{style:{fontFamily:"var(--font-sans)",fontSize:18,lineHeight:1.55,color:"rgba(255,255,255,.72)",maxWidth:640},children:"Field notes, interviews and short essays on the craft. Published when there's something worth saying — about twice a week."}),(0,t.jsx)("div",{style:{display:"flex",gap:10,flexWrap:"wrap",justifyContent:"flex-end"},children:(0,t.jsx)(n.default,{href:"/#newsletter",style:{background:l,color:o,border:"none",padding:"10px 18px",borderRadius:999,fontFamily:"var(--font-sans)",fontSize:13,fontWeight:600,textDecoration:"none",display:"inline-block",transition:"opacity .18s"},onMouseEnter:e=>e.currentTarget.style.opacity=".85",onMouseLeave:e=>e.currentTarget.style.opacity="1",children:"Subscribe"})})]})]})]}),e&&(0,t.jsxs)("section",{className:"px-4 sm:px-8 lg:px-10 pt-12 pb-10 md:pt-16 md:pb-12",style:{maxWidth:1280,margin:"0 auto"},children:[(0,t.jsxs)("div",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:p,letterSpacing:".16em",textTransform:"uppercase",fontWeight:600,display:"inline-flex",alignItems:"center",gap:10,marginBottom:20},children:[(0,t.jsx)("span",{style:{width:24,height:1,background:p,display:"inline-block"}}),"The lead story"]}),(0,t.jsx)(n.default,{href:`/blog/${e.slug}`,style:{textDecoration:"none",display:"block"},children:(0,t.jsxs)("article",{onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),className:"grid grid-cols-1 md:grid-cols-[1.2fr_1fr] items-stretch",style:{border:`1px solid ${s?o:g}`,borderRadius:8,overflow:"hidden",transition:"border-color .18s ease, transform .18s ease, box-shadow .18s ease",transform:s?"translateY(-3px)":"none",boxShadow:s?"0 18px 36px -20px rgba(15,23,42,.22)":"none",cursor:"pointer",background:l,minHeight:240},children:[(0,t.jsxs)("div",{className:"py-5 px-4 md:py-7 md:px-9",style:{display:"flex",flexDirection:"column"},children:[(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:14,marginBottom:14},children:[(0,t.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:12,color:d,letterSpacing:".14em",fontWeight:600},children:"01"}),(0,t.jsx)("span",{style:{flex:1,height:1,background:g}}),(0,t.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,

1color:p,letterSpacing:".16em",textTransform:"uppercase",fontWeight:600,border:`1px solid ${g}`,padding:"3px 10px",borderRadius:999},children:e.category??"Feature"})]}),(0,t.jsx)("h2",{style:{fontFamily:"var(--font-display)",fontSize:36,lineHeight:1.08,letterSpacing:"-.022em",color:o,marginBottom:12},children:e.title}),(0,t.jsx)("p",{style:{fontFamily:"var(--font-sans)",fontSize:14.5,lineHeight:1.5,color:a,marginBottom:14,maxWidth:540,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},children:e.excerpt}),(0,t.jsx)("div",{style:{flex:1}}),(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:14,borderTop:`1px solid ${g}`,gap:12,flexWrap:"wrap"},children:[(0,t.jsxs)("div",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:d,letterSpacing:".1em",display:"flex",alignItems:"center",gap:8},children:[(0,t.jsx)("span",{style:{color:o,fontWeight:600},children:e.author??"Mantlr Editorial"}),(0,t.jsx)("span",{style:{color:c},children:"·"}),(0,t.jsx)("span",{children:h(e.publishedAt)}),e.readTime&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{style:{color:c},children:"·"}),(0,t.jsxs)("span",{children:[e.readTime," min read"]})]})]}),(0,t.jsx)("span",{style:{fontFamily:"var(--font-sans)",fontSize:13,fontWeight:600,color:p},children:"Read the piece →"})]})]}),(0,t.jsx)("div",{className:"border-t border-[#F0F0EC] md:border-t-0 md:border-l md:border-[#F0F0EC]",style:{position:"relative",minHeight:240},children:(0,t.jsx)(f,{post:e})})]})})]}),(0,t.jsx)("section",{className:"px-4 sm:px-8 lg:px-10",style:{maxWidth:1280,margin:"0 auto"},children:(0,t.jsxs)("div",{className:"blog-filter-bar",style:{display:"flex",alignItems:"center",gap:10,padding:"18px 0",borderTop:`1px solid ${g}`,borderBottom:`1px solid ${g}`,flexWrap:"wrap"},children:[(0,t.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:d,letterSpacing:".16em",textTransform:"uppercase",fontWeight:600,marginRight:6},children:"Filter"}),b.map(e=>{let i=m===e;return(0,t.jsx)("button",{onClick:()=>u(e),style:{background:i?p:"transparent",color:i?l:a,border:`1px solid ${i?p:g}`,padding:"7px 14px",borderRadius:999,fontFamily:"var(--font-sans)",fontSize:13,fontWeight:i?600:500,cursor:"pointer",transition:"all .18s"},children:e},e)}),(0,t.jsx)("span",{style:{flex:1}}),(0,t.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:d,letterSpacing:".12em"},children:[j.length," POSTS"]})]})}),(0,t.jsxs)("section",{className:"px-4 sm:px-8 lg:px-10 pt-8 pb-20",style:{maxWidth:1280,margin:"0 auto"},children:[0===j.length&&(0,t.jsx)("div",{style:{textAlign:"center",padding:"80px 0",color:d,fontFamily:"var(--font-mono)",fontSize:12,letterSpacing:".1em"},children:"NO POSTS IN THIS CATEGORY YET."}),(0,t.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",style:{gap:18},children:j.map(e=>(0,t.jsx)(y,{post:e},e._id))})]})]})}])}]);