:root{--color-clay:#f5ebe8;--color-green:#0f7f40;--color-green-dark:#0a5c2e;--color-terra:#bd7563;--color-terra-dark:#a56352;--color-blue:#3596d5;--color-black:#1a1a1a;--color-gray-100:#f7f7f7;--color-gray-200:#e5e5e5;--color-gray-400:#999;--color-gray-600:#666;--color-white:#fff;--font-heading:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Source Serif Pro",Georgia,serif;--transition-fast:.2s ease;--transition-medium:.4s cubic-bezier(.4,0,.2,1);--transition-slow:.8s cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001f;--shadow-xl:0 24px 80px #00000029}.journal-page{background:var(--color-clay);min-height:100vh}.journal-header{text-align:center;background:linear-gradient(135deg,var(--color-clay)0%,#e8ddd8 100%);flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.journal-header:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#0f7f4008 0%,#0000 50%),radial-gradient(circle at 80% 20%,#bd756308 0%,#0000 50%);position:absolute;inset:0}.header-content{z-index:1;max-width:800px;position:relative}.header-eyebrow{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--color-terra);margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:block}.header-title{font-family:var(--font-heading);color:var(--color-black);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:200;line-height:1}.header-description{font-family:var(--font-body);color:var(--color-gray-600);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.7}.header-scroll{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--color-gray-400);flex-direction:column;align-items:center;gap:.5rem;font-size:.625rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom,var(--color-terra),transparent);width:1px;height:60px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.category-nav-container{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5ebe8f2;border-bottom:1px solid #0000000f;position:sticky;top:0}.category-nav{scrollbar-width:none;gap:.5rem;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;position:relative;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-indicator{background:var(--color-green);height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.category-btn{font-family:var(--font-heading);color:var(--color-gray-600);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.category-btn:hover{color:var(--color-black)}.category-btn.active{color:var(--color-green)}.category-count{background:var(--color-gray-200);min-width:1.5rem;height:1.5rem;color:var(--color-gray-600);transition:all var(--transition-fast);border-radius:1rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.category-btn.active .category-count{background:var(--color-green);color:var(--color-white)}.featured-article{background:var(--color-black);border-radius:4px;margin:0 2rem 4rem;position:relative;overflow:hidden}.featured-link{min-height:600px;color:inherit;grid-template-columns:1fr 1fr;text-decoration:none;display:grid}.featured-image-container{position:relative;overflow:hidden}.featured-parallax{width:140%;height:140%;position:absolute;inset:-20%}.featured-image{-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.featured-overlay{background:linear-gradient(90deg,#0000 0%,#0006 100%);position:absolute;inset:0}.featured-content{color:var(--color-white);flex-direction:column;justify-content:center;padding:4rem;display:flex}.featured-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.featured-category{background:var(--color-terra);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;padding:.5rem 1rem;font-size:.625rem;font-weight:600}.featured-date{font-family:var(--font-heading);opacity:.7;font-size:.875rem}.featured-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.2}.featured-excerpt{font-family:var(--font-body);opacity:.8;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.featured-author{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.author-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #fff3;border-radius:50%}.author-info{flex-direction:column;display:flex}.author-name{font-family:var(--font-heading);font-size:.875rem;font-weight:600}.read-time{font-family:var(--font-heading);opacity:.6;font-size:.75rem}.featured-cta{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;transition:gap var(--transition-fast);align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.featured-link:hover .featured-cta{gap:1rem}.articles-section{padding:4rem 2rem;transition:opacity .3s}.articles-section.loading{opacity:.6}.articles-container{max-width:1400px;margin:0 auto}.section-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:baseline;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.section-title{font-family:var(--font-heading);color:var(--color-black);font-size:1.5rem;font-weight:300}.article-count{font-family:var(--font-heading);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.articles-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.article-card{background:var(--color-white);box-shadow:var(--shadow-sm);transition:all var(--transition-medium);border-radius:4px;animation:.6s backwards fadeInUp;position:relative;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-card.featured-card{grid-area:span 2/span 2}.card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.card-image-wrapper{aspect-ratio:4/3;background:var(--color-gray-200);position:relative;overflow:hidden}.article-card.featured-card .card-image-wrapper{aspect-ratio:16/9}.card-image{-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.card-image.scaled{transform:scale(1.08)}.card-image-overlay{opacity:0;transition:opacity var(--transition-medium);background:linear-gradient(#0000 50%,#0000004d);position:absolute;inset:0}.card-image-overlay.visible{opacity:1}.card-category{background:var(--color-white);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--color-green);box-shadow:var(--shadow-sm);border-radius:2px;padding:.375rem .875rem;font-size:.625rem;font-weight:600;position:absolute;top:1rem;left:1rem}.card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.card-meta{font-family:var(--font-heading);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.75rem;display:flex}.card-dot{opacity:.5}.card-title{font-family:var(--font-heading);color:var(--color-black);transition:color var(--transition-fast);margin-bottom:.75rem;font-size:1.25rem;font-weight:400;line-height:1.4}.article-card:hover .card-title{color:var(--color-green)}.card-excerpt{font-family:var(--font-body);color:var(--color-gray-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.card-author{font-family:var(--font-heading);color:var(--color-gray-600);font-size:.875rem;font-weight:500}.card-arrow{width:2rem;height:2rem;color:var(--color-terra);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.card-arrow.shifted{transform:translate(4px)}.empty-state{text-align:center;grid-column:1/-1;padding:4rem}.empty-state p{font-family:var(--font-body);color:var(--color-gray-600);margin-bottom:1.5rem;font-size:1.125rem}.empty-state button{background:var(--color-green);color:var(--color-white);font-family:var(--font-heading);cursor:pointer;transition:background var(--transition-fast);border:none;padding:.875rem 2rem;font-size:.875rem;font-weight:500}.empty-state button:hover{background:var(--color-green-dark)}.newsletter-section{background:var(--color-black);color:var(--color-white);padding:6rem 2rem}.newsletter-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.newsletter-visual{padding:3rem;position:relative}.newsletter-pattern{background-image:radial-gradient(circle at 30% 70%,#bd75631a 0%,#0000 50%),radial-gradient(circle at 70% 30%,#0f7f401a 0%,#0000 50%);border:1px solid #ffffff1a;position:absolute;inset:0}.newsletter-stats{grid-template-columns:1fr 1fr;gap:2rem;display:grid;position:relative}.stat-item{text-align:center}.stat-number{font-family:var(--font-heading);color:var(--color-terra);margin-bottom:.5rem;font-size:3rem;font-weight:200;line-height:1;display:block}.stat-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-size:.75rem}.newsletter-content{position:relative}.section-eyebrow{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--color-terra);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:block}.newsletter-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:1rem;font-size:2.5rem;font-weight:300}.newsletter-description{font-family:var(--font-body);opacity:.8;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.newsletter-form{margin-bottom:1.5rem}.input-wrapper{transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;gap:.75rem;padding:.5rem;display:flex}.input-wrapper:focus-within{border-color:var(--color-terra);background:#ffffff14}.input-wrapper.success{border-color:var(--color-green)}.input-wrapper.error{border-color:#e74c3c}.input-wrapper input{color:var(--color-white);font-family:var(--font-heading);background:0 0;border:none;outline:none;flex-grow:1;padding:.875rem 1rem;font-size:1rem}.input-wrapper input::placeholder{color:#fff6}.input-wrapper button{background:var(--color-terra);color:var(--color-white);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600}.input-wrapper button:hover:not(:disabled){background:var(--color-terra-dark)}.input-wrapper button:disabled{opacity:.6;cursor:not-allowed}.form-message{font-family:var(--font-heading);margin-top:.75rem;font-size:.875rem}.form-message.success{color:var(--color-green)}.form-message.error{color:#e74c3c}.newsletter-disclaimer{font-family:var(--font-heading);opacity:.5;font-size:.75rem}.newsletter-disclaimer a{color:inherit;text-decoration:underline}.community-section{background:var(--color-clay);padding:6rem 2rem}.community-container{max-width:1200px;margin:0 auto}.community-header{text-align:center;max-width:600px;margin:0 auto 4rem}.community-title{font-family:var(--font-heading);color:var(--color-black);margin-bottom:1rem;font-size:2.5rem;font-weight:300}.community-description{font-family:var(--font-body);color:var(--color-gray-600);font-size:1.125rem;line-height:1.7}.community-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.community-card{background:var(--color-white);transition:all var(--transition-medium);border-radius:4px;padding:2.5rem;position:relative}.community-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.community-card.submit-card{background:var(--color-green);color:var(--color-white)}.card-icon{background:var(--color-clay);width:4rem;height:4rem;color:var(--color-green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.community-card.submit-card .card-icon{color:var(--color-white);background:#ffffff26}.community-card h3{font-family:var(--font-heading);margin-bottom:.75rem;font-size:1.25rem;font-weight:500}.community-card p{font-family:var(--font-body);color:var(--color-gray-600);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.community-card.submit-card p{color:#fffc}.community-link{font-family:var(--font-heading);color:var(--color-green);transition:gap var(--transition-fast);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.community-card.submit-card .community-link{color:var(--color-white)}.community-link:hover{gap:.75rem}@media (max-width:1024px){.featured-link{grid-template-columns:1fr}.featured-image-container{min-height:400px}.featured-content{padding:3rem}.articles-grid{grid-template-columns:repeat(2,1fr)}.article-card.featured-card{grid-area:span 1/span 2}.newsletter-container{grid-template-columns:1fr;gap:3rem}.community-grid{grid-template-columns:1fr}}@media (max-width:768px){.journal-header{min-height:60vh;padding:4rem 1.5rem}.header-title{font-size:2.5rem}.category-nav{padding:1rem}.featured-article{margin:0 1rem 3rem}.featured-content{padding:2rem}.articles-section{padding:3rem 1rem}.articles-grid{grid-template-columns:1fr}.article-card.featured-card{grid-column:span 1}.newsletter-section,.community-section{padding:4rem 1rem}.newsletter-stats{grid-template-columns:1fr}.input-wrapper{flex-direction:column}.input-wrapper button{width:100%}}
