{"version":3,"file":"BlogArchiveSystem.elnalf22.mjs","names":["React.Fragment","React.useState"],"sources":["https:/framerusercontent.com/modules/ksbKU5ovsyxjpRMrtFkC/Dlwbnr0ZsnqouYf9rtUG/BlogArchiveSystem.js"],"sourcesContent":["// @ts-nocheck\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{CREAM,INK,FONTS,ARCHIVE_POSTS,CATEGORIES,CATEGORY_TOPICS,EMOTIONS,LOGO,mapCMSPost,isCMSItem}from\"https://framerusercontent.com/modules/k7O6gFz2QXe1kh1L0uFt/fzrmdFC3aOt9M42RigrE/SharedSectionStyles_2.js\";const KIT_FORM_UID=\"de7bcd3068\";const KIT_FORM_URL=\"https://connection-codes.kit.com/de7bcd3068\";const KIT_SCRIPT_URL=\"https://f.convertkit.com/ckjs/ck.5.js\";const TEST_TITLES=new Set([\"the quiet weight of unexpressed anger\",\"what sadness is trying to say\",\"when you feel lonely in a crowded room\"]);const defaultPosts=ARCHIVE_POSTS;const defaultCategories=CATEGORIES;const defaultEmotions=[\"All\",...EMOTIONS.map(emotion=>emotion.name)];function normalize(value){return String(value||\"\").trim().toLowerCase();}function slugFor(value){return normalize(value).replace(/[^a-z0-9]+/g,\"-\").replace(/^-|-$/g,\"\");}function isAll(value){return!value||normalize(value)===\"all\";}function isTestPost(post){return TEST_TITLES.has(normalize(post?.title));}function isTopicRoute(){if(typeof window===\"undefined\")return false;return window.location.pathname.startsWith(\"/categories/\")||window.location.pathname.startsWith(\"/emotions/\");}function routeTo(kind,item){const slug=slugFor(item);if(!slug||slug===\"all\")return\"/field-notes-archive\";return`/${kind}/${slug}`;}function findEmotion(value){return EMOTIONS.find(emotion=>normalize(emotion.name)===normalize(value))||null;}function findCategory(value){return CATEGORY_TOPICS.find(topic=>normalize(topic.name)===normalize(value))||null;}function emotionColor(value){return findEmotion(value)?.color||INK;}// Sprint 10: auto-map CMS-shaped items so Framer CMS Connect feeds this component directly.\nfunction normalizeIncoming(item){if(!item)return null;return isCMSItem(item)?mapCMSPost(item):item;}function useKitScript(enabled,formId,scriptUrl){React.useEffect(()=>{if(!enabled||!formId||!scriptUrl||typeof document===\"undefined\")return;const id=`kit-script-${formId}`;if(document.getElementById(id))return;const script=document.createElement(\"script\");script.id=id;script.async=true;script.setAttribute(\"data-uid\",formId);script.src=scriptUrl;document.body.appendChild(script);},[enabled,formId,scriptUrl]);}function followLinks(event){if(typeof window===\"undefined\"||event.defaultPrevented)return;if(event.metaKey||event.ctrlKey||event.shiftKey||event.altKey||event.button!==0)return;const link=event.target?.closest?.(\"a[href]\");if(!link||!event.currentTarget.contains(link)||link.target===\"_blank\")return;if(link.hasAttribute(\"data-formkit-toggle\"))return;const href=link.getAttribute(\"href\");if(!href||href===\"#\"||href.startsWith(\"#\"))return;event.preventDefault();window.location.href=link.href;}function archiveView(props,category,emotion){const activeEmotion=findEmotion(emotion);const activeCategory=findCategory(category);const hasEmotion=!!activeEmotion&&!isAll(emotion);const hasCategory=!isAll(category);if(hasEmotion&&hasCategory){return{eyebrow:\"Filtered archive\",title:`${activeEmotion.name} ${category} essays`,intro:`Essays where ${activeEmotion.name.toLowerCase()} and ${String(category).toLowerCase()} meet. Clear a filter to widen the room again.`};}if(hasEmotion){return{eyebrow:\"Emotion archive\",title:`${activeEmotion.name} essays`,intro:`${activeEmotion.message} These essays gather around ${activeEmotion.need.toLowerCase()}`};}if(hasCategory){return{eyebrow:\"Category archive\",title:`${category} essays`,intro:activeCategory?.intro||`Essays gathered around ${String(category).toLowerCase()}.`};}return{eyebrow:props.eyebrow||\"Field Notes Archive\",title:props.title||\"Find the essay for what is happening underneath.\",intro:props.intro||\"Search the full journal by topic, emotion, and practice. Start broad, then narrow down to the feeling you are sitting with.\"};}function HeroTitle({title,activeEmotion}){const emotion=findEmotion(activeEmotion);if(!emotion||isAll(activeEmotion))return /*#__PURE__*/_jsx(\"h1\",{children:title});const escaped=emotion.name.replace(/[.*+?^${}()|[\\]\\\\]/g,\"\\\\$&\");const pieces=String(title||\"\").split(new RegExp(`(${escaped})`,\"i\"));return /*#__PURE__*/_jsx(\"h1\",{children:pieces.map((piece,index)=>normalize(piece)===normalize(emotion.name)?/*#__PURE__*/_jsx(\"span\",{className:\"emotion-title-word\",style:{color:emotion.color},children:piece},`${piece}-${index}`):/*#__PURE__*/_jsx(React.Fragment,{children:piece},`${piece}-${index}`))});}function ArchiveArt({post}){const color=post.color||emotionColor(post.emotion)||\"#CF4B3F\";if(post.coverImage)return /*#__PURE__*/_jsx(\"div\",{className:\"archive-art image-art\",children:/*#__PURE__*/_jsx(\"img\",{src:post.coverImage,alt:\"\"})});return /*#__PURE__*/_jsxs(\"div\",{className:\"archive-art\",style:{background:`${color}20`},children:[/*#__PURE__*/_jsxs(\"svg\",{viewBox:\"0 0 520 260\",preserveAspectRatio:\"none\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"260\",cy:\"320\",r:\"230\",fill:\"none\",stroke:color,strokeWidth:\"42\",opacity:\".22\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"260\",cy:\"320\",r:\"135\",fill:\"none\",stroke:color,strokeWidth:\"28\",opacity:\".34\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"64\",y:\"58\",width:\"210\",height:\"22\",rx:\"2\",fill:color,opacity:\".86\"}),/*#__PURE__*/_jsx(\"rect\",{x:\"64\",y:\"96\",width:\"330\",height:\"14\",rx:\"2\",fill:color,opacity:\".26\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"400\",cy:\"78\",r:\"30\",fill:color,opacity:\".72\"})]}),/*#__PURE__*/_jsx(\"span\",{style:{color},children:post.emotion||post.category})]});}function ArchiveCard({post}){const color=post.color||emotionColor(post.emotion);return /*#__PURE__*/_jsxs(\"a\",{className:\"archive-card\",href:post.href||\"/field-notes-archive\",children:[/*#__PURE__*/_jsx(ArchiveArt,{post:post}),/*#__PURE__*/_jsxs(\"div\",{className:\"archive-copy\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"archive-meta\",children:[/*#__PURE__*/_jsx(\"span\",{style:{color},children:post.category}),/*#__PURE__*/_jsx(\"b\",{}),post.emotion,/*#__PURE__*/_jsx(\"b\",{}),post.readTime,\" min\"]}),/*#__PURE__*/_jsx(\"h3\",{children:post.title}),/*#__PURE__*/_jsx(\"p\",{children:post.dek}),/*#__PURE__*/_jsxs(\"small\",{children:[post.date,\" / \",post.author]})]})]});}export default function BlogArchiveSystem(props){const rawIncoming=Array.isArray(props.posts)&&props.posts.length?props.posts.map(normalizeIncoming).filter(Boolean):[];const rawPosts=rawIncoming.length?rawIncoming:defaultPosts;const posts=rawPosts.filter(post=>!isTestPost(post));const categories=Array.isArray(props.categories)&&props.categories.length?props.categories.filter(Boolean):defaultCategories;const emotions=Array.isArray(props.emotions)&&props.emotions.length?props.emotions.filter(Boolean):defaultEmotions;const[query,setQuery]=React.useState(\"\");const[category,setCategory]=React.useState(props.defaultCategory||\"All\");const[emotion,setEmotion]=React.useState(props.defaultEmotion||\"All\");React.useEffect(()=>setCategory(props.defaultCategory||\"All\"),[props.defaultCategory]);React.useEffect(()=>setEmotion(props.defaultEmotion||\"All\"),[props.defaultEmotion]);useKitScript(true,KIT_FORM_UID,KIT_SCRIPT_URL);const activeEmotion=findEmotion(emotion);const activeCategory=findCategory(category);const accent=activeEmotion?.color||activeCategory?.color||INK;const view=archiveView(props,category,emotion);const visible=posts.filter(post=>{const categoryMatch=isAll(category)||normalize(post.category)===normalize(category);const emotionMatch=isAll(emotion)||normalize(post.emotion)===normalize(emotion);const haystack=`${post.title||\"\"} ${post.dek||\"\"} ${post.category||\"\"} ${post.emotion||\"\"} ${post.author||\"\"}`.toLowerCase();return categoryMatch&&emotionMatch&&haystack.includes(query.toLowerCase());});function reset(){if(isTopicRoute()&&typeof window!==\"undefined\"){window.location.href=\"/field-notes-archive\";return;}setQuery(\"\");setCategory(props.defaultCategory||\"All\");setEmotion(props.defaultEmotion||\"All\");}function chooseCategory(item){if(isTopicRoute()&&typeof window!==\"undefined\"){window.location.href=routeTo(\"categories\",item);return;}setCategory(item);}function chooseEmotion(item){if(isTopicRoute()&&typeof window!==\"undefined\"){window.location.href=routeTo(\"emotions\",item);return;}setEmotion(item);}return /*#__PURE__*/_jsxs(\"main\",{className:\"blog-archive\",onClickCapture:followLinks,style:{\"--active-emotion\":accent,\"--active-emotion-soft\":`${accent}24`,\"--active-category\":activeCategory?.color||INK},children:[/*#__PURE__*/_jsx(\"style\",{children:FONTS}),/*#__PURE__*/_jsx(\"style\",{children:CSS}),/*#__PURE__*/_jsxs(\"nav\",{className:\"archive-nav\",children:[/*#__PURE__*/_jsxs(\"a\",{className:\"brand\",href:\"/\",children:[/*#__PURE__*/_jsx(\"img\",{src:LOGO}),/*#__PURE__*/_jsx(\"span\",{children:\"Connection Codes\"})]}),/*#__PURE__*/_jsx(\"a\",{href:\"/\",children:\"Field Notes\"}),/*#__PURE__*/_jsx(\"a\",{href:\"/topics\",children:\"Topics\"}),/*#__PURE__*/_jsx(\"a\",{href:KIT_FORM_URL,\"data-formkit-toggle\":KIT_FORM_UID,children:\"Subscribe\"})]}),/*#__PURE__*/_jsxs(\"header\",{className:`archive-hero ${activeEmotion||activeCategory?\"filtered-hero\":\"\"}`,children:[/*#__PURE__*/_jsx(\"span\",{children:view.eyebrow}),/*#__PURE__*/_jsx(HeroTitle,{title:view.title,activeEmotion:emotion}),/*#__PURE__*/_jsx(\"p\",{children:view.intro}),activeEmotion&&/*#__PURE__*/_jsxs(\"div\",{className:\"emotion-signature\",\"aria-label\":`${activeEmotion.name} color`,children:[/*#__PURE__*/_jsx(\"i\",{style:{background:activeEmotion.color}}),/*#__PURE__*/_jsx(\"strong\",{children:activeEmotion.num}),/*#__PURE__*/_jsx(\"em\",{children:activeEmotion.message})]})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"archive-tools\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"archive-search\",children:[/*#__PURE__*/_jsx(\"input\",{value:query,onChange:event=>setQuery(event.target.value||\"\"),onKeyDown:event=>{if(event.key===\"Enter\")event.preventDefault();},type:\"search\",placeholder:\"Search by feeling, topic, or title\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:reset,children:\"Reset\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"tool-row categories\",children:categories.map(item=>/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:item===category?\"active\":\"\",onClick:()=>chooseCategory(item),children:item},item))}),/*#__PURE__*/_jsx(\"div\",{className:\"tool-row emotions\",children:emotions.map(item=>{const chipEmotion=findEmotion(item);const chipColor=chipEmotion?.color||INK;return /*#__PURE__*/_jsx(\"button\",{type:\"button\",style:{\"--chip-color\":chipColor},className:item===emotion?\"active\":\"\",onClick:()=>chooseEmotion(item),children:item},item);})})]}),/*#__PURE__*/_jsxs(\"section\",{className:\"archive-results\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"results-head\",children:[/*#__PURE__*/_jsxs(\"span\",{children:[visible.length,\" essays\",query?` for \"${query}\"`:\"\"]}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:reset,children:\"Reset\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"archive-grid\",children:visible.map((post,index)=>/*#__PURE__*/_jsx(ArchiveCard,{post:post},(post.title||\"post\")+index))}),!visible.length&&/*#__PURE__*/_jsxs(\"div\",{className:\"empty\",children:[/*#__PURE__*/_jsx(\"h2\",{children:\"No essays found.\"}),/*#__PURE__*/_jsx(\"p\",{children:isTopicRoute()?\"This topic page exists, but there are no published essays in that bucket yet.\":\"Try clearing one filter or searching a broader feeling.\"})]})]})]});}const postControl={type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\"},dek:{type:ControlType.String,title:\"Dek\",displayTextArea:true},category:{type:ControlType.String,title:\"Category\"},emotion:{type:ControlType.String,title:\"Emotion\"},author:{type:ControlType.String,title:\"Author\"},readTime:{type:ControlType.Number,title:\"Read\",min:1,max:60,displayStepper:true},href:{type:ControlType.Link,title:\"Link\"},color:{type:ControlType.Color,title:\"Color\"},date:{type:ControlType.String,title:\"Date\"},coverImage:{type:ControlType.String,title:\"Cover Image\"}}};addPropertyControls(BlogArchiveSystem,{eyebrow:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"Field Notes Archive\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Find the essay for what is happening underneath.\"},intro:{type:ControlType.String,title:\"Intro\",displayTextArea:true,defaultValue:\"Search the full journal by topic, emotion, and practice. Start broad, then narrow down to the feeling you are sitting with.\"},defaultCategory:{type:ControlType.String,title:\"Default Category\",defaultValue:\"All\"},defaultEmotion:{type:ControlType.String,title:\"Default Emotion\",defaultValue:\"All\"},posts:{type:ControlType.Array,title:\"Posts (or bind CMS)\",control:postControl,defaultValue:[],maxCount:48},categories:{type:ControlType.Array,title:\"Categories\",control:{type:ControlType.String},defaultValue:defaultCategories,maxCount:12},emotions:{type:ControlType.Array,title:\"Emotions\",control:{type:ControlType.String},defaultValue:defaultEmotions,maxCount:12}});const CSS=`.blog-archive{width:100%;min-height:100vh;background:${CREAM};color:${INK};font-family:'IBM Plex Sans',system-ui,sans-serif}.blog-archive *{box-sizing:border-box}.blog-archive a{color:inherit;-webkit-tap-highlight-color:rgba(21,18,15,.08)}.blog-archive .archive-nav{position:sticky;top:0;z-index:20;min-height:64px;padding:0 40px;display:flex;align-items:center;gap:26px;border-bottom:1px solid rgba(21,18,15,.12);background:rgba(249,244,235,.94);backdrop-filter:blur(8px)}.blog-archive .archive-nav a{font-size:13px;text-decoration:none;font-weight:600;position:relative;min-height:40px;display:inline-flex;align-items:center;white-space:nowrap;transition:opacity 180ms ease,transform 220ms cubic-bezier(.22,.61,.36,1)}.blog-archive .archive-nav .brand{margin-right:auto;display:flex;align-items:center;gap:12px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.13em}.blog-archive .archive-nav .brand img{width:34px;height:34px;display:block}.blog-archive .archive-nav a:after{content:\"\";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms cubic-bezier(.22,.61,.36,1);opacity:.55}.blog-archive .archive-nav a:hover{opacity:.68;transform:translateY(-1px)}.blog-archive .archive-nav a:hover:after{transform:scaleX(1)}.blog-archive .archive-hero,.blog-archive .archive-tools,.blog-archive .archive-results{max-width:1320px;margin:0 auto;padding-left:40px;padding-right:40px}.blog-archive .archive-hero{position:relative;padding-top:clamp(58px,8vw,96px);padding-bottom:40px}.blog-archive .archive-hero.filtered-hero:before{content:\"\";position:absolute;left:40px;right:40px;top:26px;height:1px;background:linear-gradient(90deg,var(--active-emotion),rgba(21,18,15,.12) 42%,transparent)}.blog-archive .archive-hero span,.blog-archive .archive-meta,.blog-archive .results-head,.blog-archive .tool-row button,.blog-archive .archive-search button{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.13em}.blog-archive .archive-hero>span{display:block;color:rgba(21,18,15,.48);font-size:11px;font-weight:700;margin-bottom:14px}.blog-archive .archive-hero h1{max-width:960px;margin:0;font-family:Cardo,Georgia,serif;font-style:italic;font-size:clamp(44px,7vw,90px);line-height:.95;font-weight:400}.blog-archive .emotion-title-word{font-style:italic;text-shadow:0 0 0 currentColor}.blog-archive .archive-hero p{max-width:680px;margin:26px 0 0;color:rgba(21,18,15,.66);font-size:18px;line-height:1.62}.blog-archive .emotion-signature{display:flex;align-items:center;gap:11px;width:fit-content;max-width:100%;margin-top:24px;padding:9px 13px 9px 10px;border:1px solid color-mix(in srgb,var(--active-emotion) 42%,transparent);background:var(--active-emotion-soft);border-radius:2px;color:${INK}}.blog-archive .emotion-signature i{width:18px;height:18px;border-radius:50%;display:block;flex:0 0 auto}.blog-archive .emotion-signature strong{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.13em}.blog-archive .emotion-signature em{font-style:normal;font-size:13px;color:rgba(21,18,15,.68)}.blog-archive .archive-tools{padding-top:18px;padding-bottom:34px}.blog-archive .archive-search{display:grid;grid-template-columns:1fr auto;gap:8px}.blog-archive .archive-search input{width:100%;height:58px;border:1px solid rgba(21,18,15,.17);border-radius:2px;background:rgba(255,255,255,.54);padding:0 18px;color:${INK};font:inherit;outline:none}.blog-archive .archive-search input:focus{border-color:var(--active-emotion);box-shadow:0 0 0 2px var(--active-emotion-soft)}.blog-archive .archive-search button{border:0;border-radius:2px;background:${INK};color:${CREAM};padding:0 18px;font-weight:700;cursor:pointer;min-height:46px}.blog-archive .tool-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.blog-archive .tool-row button{border:1px solid rgba(21,18,15,.18);background:transparent;border-radius:2px;padding:8px 14px;min-height:40px;font-size:11px;color:${INK};cursor:pointer;white-space:nowrap;transition:background 180ms ease,color 180ms ease,transform 220ms cubic-bezier(.22,.61,.36,1),border-color 180ms ease}.blog-archive .tool-row button:hover{transform:translateY(-2px);border-color:rgba(21,18,15,.42);background:rgba(21,18,15,.065)}.blog-archive .tool-row button.active{background:${INK};color:${CREAM};border-color:${INK}}.blog-archive .tool-row.categories button.active:not(:first-child){background:var(--active-category);border-color:var(--active-category);color:${CREAM}}.blog-archive .tool-row.emotions button{border-color:color-mix(in srgb,var(--chip-color) 42%,rgba(21,18,15,.18));color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 7%,transparent)}.blog-archive .tool-row.emotions button:hover{border-color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 15%,transparent)}.blog-archive .tool-row.emotions button.active{background:var(--chip-color);border-color:var(--chip-color);color:${CREAM}}.blog-archive .archive-results{padding-top:26px;padding-bottom:76px}.blog-archive .results-head{display:flex;justify-content:space-between;align-items:center;color:rgba(21,18,15,.48);font-size:11px;font-weight:700;margin-bottom:20px;gap:16px}.blog-archive .results-head button{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;text-transform:uppercase;letter-spacing:inherit}.blog-archive .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-archive .archive-card{display:flex;flex-direction:column;gap:16px;text-decoration:none;border-radius:2px;transition:transform 260ms cubic-bezier(.22,.61,.36,1),opacity 180ms ease}.blog-archive .archive-card:hover{transform:translateY(-5px);opacity:.96}.blog-archive .archive-art{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.22)}.blog-archive .archive-art svg,.blog-archive .archive-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 420ms cubic-bezier(.22,.61,.36,1)}.blog-archive .archive-card:hover .archive-art svg,.blog-archive .archive-card:hover .archive-art img{transform:scale(1.035)}.blog-archive .archive-art span{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.blog-archive .archive-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:rgba(21,18,15,.5);font-size:10px;font-weight:700}.blog-archive .archive-meta b{width:3px;height:3px;border-radius:9px;background:rgba(21,18,15,.24)}.blog-archive .archive-copy h3{margin:10px 0;font-family:Cardo,Georgia,serif;font-style:italic;font-size:26px;line-height:1.14;font-weight:400}.blog-archive .archive-copy p{margin:0 0 14px;color:rgba(21,18,15,.66);line-height:1.56}.blog-archive .archive-copy small{font-size:12px;font-weight:600;color:rgba(21,18,15,.6)}.blog-archive .empty{border-top:1px solid rgba(21,18,15,.14);padding-top:34px}.blog-archive .empty h2{font-family:Cardo,Georgia,serif;font-style:italic;font-weight:400;font-size:34px;margin:0 0 8px}.blog-archive .empty p{margin:0;color:rgba(21,18,15,.62)}@media(max-width:950px){.blog-archive .archive-nav{padding:10px 24px;flex-wrap:wrap;gap:8px 18px;min-height:auto}.blog-archive .archive-nav .brand{flex-basis:100%;min-height:44px}.blog-archive .archive-nav a:not(.brand){min-height:42px}.blog-archive .archive-hero,.blog-archive .archive-tools,.blog-archive .archive-results{padding-left:24px;padding-right:24px}.blog-archive .archive-hero.filtered-hero:before{left:24px;right:24px}.blog-archive .archive-grid{grid-template-columns:1fr}.blog-archive .archive-search{grid-template-columns:1fr}.blog-archive .archive-search button{height:48px}.blog-archive .tool-row{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.blog-archive .tool-row::-webkit-scrollbar{display:none}.blog-archive .tool-row button{scroll-snap-align:start}.blog-archive .tool-row.emotions{margin-top:14px;padding-top:4px;padding-bottom:8px}}@media(max-width:640px){.blog-archive .archive-nav{padding:9px 20px 10px}.blog-archive .archive-hero{padding-top:50px;padding-bottom:28px}.blog-archive .archive-hero h1{font-size:clamp(38px,12vw,58px);line-height:1}.blog-archive .archive-hero p{font-size:16px;line-height:1.6;margin-top:20px}.blog-archive .emotion-signature{align-items:flex-start;width:100%;gap:10px;padding:11px 12px}.blog-archive .emotion-signature em{line-height:1.35}.blog-archive .archive-tools{padding-bottom:28px}.blog-archive .archive-search input{height:52px;font-size:16px;padding:0 15px}.blog-archive .tool-row{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.blog-archive .tool-row button{min-height:42px}.blog-archive .tool-row.emotions{gap:10px;padding-top:8px;padding-bottom:12px;background:linear-gradient(90deg,${CREAM} 0,rgba(249,244,235,0) 24px,rgba(249,244,235,0) calc(100% - 24px),${CREAM} 100%)}.blog-archive .tool-row.emotions button{min-height:46px;padding:8px 16px}.blog-archive .archive-results{padding-top:22px;padding-bottom:64px}.blog-archive .results-head{align-items:flex-start}.blog-archive .archive-card:hover{transform:none}.blog-archive .archive-copy h3{font-size:24px;line-height:1.15}.blog-archive .archive-copy p{font-size:15px}.blog-archive .empty h2{font-size:30px}}`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogArchiveSystem\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}