body{background-color:#fdfcf9;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png),url(https://www.transparenttextures.com/patterns/natural-paper.png),url(https://www.transparenttextures.com/patterns/natural-paper.png);background-position:0px 0px,40px 60px,80px 20px;background-repeat:repeat;color:#2a2724}:root{--accent: #7BA08A;--accent-light: #A1C2AE;--accent-pale: #E7F1EB;--accent-dark: #5B7B68}.glass-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.essays-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;align-items:start}@media(min-width:768px){.essays-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.essays-grid{grid-template-columns:repeat(3,1fr)}}.essay-card{cursor:pointer;background-color:#fff;border-radius:24px;padding:2.2rem 2.2rem 1.8rem;position:relative;overflow:hidden;border:1px solid rgba(42,39,35,.1);box-shadow:0 2px 12px #2a27230f;transition:all .3s ease;display:flex;flex-direction:column;min-height:260px}.essay-card:hover{background:#f1f8f4;border-color:#a1c2ae;transform:translateY(-4px);box-shadow:0 14px 28px -10px #7ba08a2e}.essay-card:hover .card-title{color:var(--accent)}.card-expand{position:absolute;top:1.1rem;right:1.1rem;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease;color:#2a272347;font-size:.75rem;line-height:1}.essay-card:hover .card-expand{opacity:1;transform:scale(1)}.card-number{font-family:Reenie Beanie,cursive;font-size:1.8rem;color:#a8c5a0;margin-bottom:.2rem;letter-spacing:.025em;line-height:1}.card-title{font-family:EB Garamond,serif;font-size:1.45rem;font-weight:500;line-height:1.25;color:#2a2724;margin-bottom:.8rem;transition:color .3s ease}.card-meta{font-family:EB Garamond,serif;font-size:.95rem;line-height:1.5;color:#2a272380;font-style:italic}.card-footer{margin-top:auto;padding-top:1.2rem;border-top:1px solid rgba(42,39,35,.06);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card-tag{background:var(--accent-pale);color:var(--accent);font-family:Inter,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px}.card-status{font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px}.status-published{background:#e8f5e9;color:#2e7d32}.status-draft{background:#fff3e0;color:#b06a00}.status-openloop{background:var(--accent-pale);color:var(--accent)}.status-closed{background:#f5f5f5;color:#616161}#essay-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:2rem;background:#2a272352;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.modal-inner{width:100%;max-width:820px;max-height:90vh;background:#fdfcf9;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png),radial-gradient(circle at 10% 90%,rgba(123,160,138,.04) 0%,transparent 60%);border-radius:36px;border:1px solid rgba(255,255,255,.6);box-shadow:0 40px 100px #7ba08a33;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-scroll{overflow-y:auto;flex:1;padding:3rem 4rem}.modal-close{position:absolute;top:1.5rem;right:1.5rem;z-index:10;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(42,39,35,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2a272366;transition:all .2s}.modal-close:hover{background:var(--accent-pale);color:var(--accent);transform:rotate(90deg)}.modal-eyebrow{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.modal-title{font-family:EB Garamond,serif;font-size:3.2rem;font-weight:500;line-height:1.1;color:#2a2724;margin-bottom:2rem}.modal-divider{width:100%;height:1px;background:linear-gradient(90deg,rgba(161,194,174,.4),rgba(161,194,174,.1),transparent);margin-bottom:2rem}.modal-content{font-family:EB Garamond,serif;font-size:1.25rem;line-height:1.8;color:#2a2723d9;margin-bottom:3rem}#props-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:stretch;background:#2a27232e;backdrop-filter:blur(6px);border-radius:36px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease}#props-overlay.open{opacity:1;pointer-events:all}.props-panel{width:100%;background:#fdfcf9;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png),radial-gradient(circle at 95% 5%,rgba(123,160,138,.07) 0%,transparent 55%);border-radius:28px 28px 36px 36px;border-top:1px solid rgba(123,160,138,.18);box-shadow:0 -12px 48px #2a272324;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);max-height:85%;display:flex;flex-direction:column;overflow:hidden}#props-overlay.open .props-panel{transform:translateY(0)}.props-header{padding:1.5rem 2rem 1.1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.props-body{overflow-y:auto;padding:1.2rem 2rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0}.prop-row{padding:.9rem .6rem;border-bottom:1px solid rgba(42,39,35,.05)}.prop-row.full-width{grid-column:1 / -1}.prop-label,.filter-body h3{font-family:EB Garamond,serif;font-size:.95rem;font-style:italic;font-weight:500;letter-spacing:.02em;text-transform:none;color:#2a272373;margin-bottom:.6rem;border-bottom:1px solid rgba(123,160,138,.1);padding-bottom:4px;display:block}.prop-value{font-family:EB Garamond,serif;font-size:1rem;color:#2a2723c7;line-height:1.35}.prop-chips{display:flex;flex-wrap:wrap;gap:5px}.prop-chip{font-family:Inter,sans-serif;font-size:8.5px;font-weight:700;padding:3px 9px;border-radius:5px;text-transform:uppercase}.prop-chip-accent{background:var(--accent-pale);color:var(--accent)}.prop-chip-neutral{background:#2a27230f;color:#2a27237a}.properties-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2a272373;background:transparent;border:1.5px solid rgba(42,39,35,.12);border-radius:100px;padding:7px 16px;cursor:pointer;transition:all .2s ease}.properties-btn:hover{color:var(--accent);border-color:var(--accent-light);background:var(--accent-pale)}#filter-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:2rem;background:#f5f2eb73;backdrop-filter:blur(12px)}.filter-panel{width:100%;max-width:620px;background:#fff;border-radius:28px;box-shadow:0 40px 100px #0000001a;overflow:hidden;display:flex;flex-direction:column}.filter-header{padding:2rem;border-bottom:1px solid rgba(123,160,138,.1);text-align:center;position:relative}.filter-body{padding:2rem;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:2rem}.filter-footer{padding:1.5rem 2rem;border-top:1px solid rgba(123,160,138,.1);display:flex;justify-content:space-between;align-items:center}.swoosh-path{stroke-dasharray:100;stroke-dashoffset:100}.animate-draw-line{animation:drawSwoosh .8s ease-out .4s forwards}#bottom-bar{transition:all .4s cubic-bezier(.16,1,.3,1)}#bottom-bar.hidden-bar{transform:translate(-50%,150%);opacity:0}