:root{--blog-green:#B0CC81;--blog-cream:#FAFAF5;--blog-text:#2F3A2E;--blog-text-muted:#6F7C6B}.blogs-page{background-color:var(--blog-cream);min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);color:var(--blog-text);overflow-x:hidden}.blogs-container{max-width:1500px;margin:0 auto;padding:0 4vw}.blogs-hero-wrapper{position:relative;padding:clamp(1.5rem,5dvh,2.5rem) 5% clamp(1.5rem,4dvh,2.5rem);margin-bottom:clamp(1.5rem,4dvh,2.5rem)}.blogs-hero-gradient{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:150%;height:150%;background:radial-gradient(circle at 20% 30%,rgba(176,204,129,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(143,179,106,.05) 0,transparent 60%);z-index:-1;pointer-events:none}.blogs-header-minimal{margin-bottom:2rem;display:flex;justify-content:flex-start}.blogs-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--blog-green);opacity:.8}.featured-hero-container{margin-bottom:clamp(3rem,8dvh,6rem)}.featured-hero-content{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(2rem,5vw,5rem);gap:clamp(2rem,5vw,5rem);align-items:center}.featured-hero-text{display:flex;flex-direction:column}.featured-hero-badge{display:inline-block;padding:.4rem 1.2rem;background:rgba(176,204,129,.15);color:var(--blog-green);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;border-radius:100px;margin-bottom:1.5rem;align-self:flex-start}.featured-hero-text h1{font-family:var(--font-heading);font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1;font-weight:700;color:var(--blog-text);margin-bottom:1.5rem;max-width:600px}.featured-hero-excerpt{font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.6;color:var(--blog-text-muted);margin-bottom:2rem;max-width:540px}.featured-hero-metadata{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:.85rem;font-weight:600;color:var(--blog-text-muted)}.metadata-separator{opacity:.4}.featured-hero-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:2px solid var(--blog-green);border-radius:100px;color:var(--blog-text);text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.22,1,.36,1);align-self:flex-start}.featured-hero-cta span{position:relative}.featured-hero-cta svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.featured-hero-cta:hover{background:var(--blog-green);color:white;transform:translateY(-3px);box-shadow:0 10px 25px rgba(143,179,106,.2)}.featured-hero-cta:hover svg{transform:translateX(6px)}.featured-hero-image-wrapper{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:4/3.2;box-shadow:0 40px 80px rgba(47,58,46,.12)}.featured-hero-img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.featured-hero-image-wrapper:hover .featured-hero-img{transform:scale(1.04)}.blogs-controls-container{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(255,255,255,.5);margin-bottom:clamp(1rem,3dvh,2rem)}.blogs-controls-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.blog-search-wrapper{position:relative;max-width:260px;flex-shrink:0}.blog-search-input{width:100%;height:42px;padding:0 1rem 0 2.8rem;border:1px solid rgba(47,58,46,.1);border-radius:999px;background:white;font-size:.9rem;outline:none;transition:all .3s ease;box-sizing:border-box}.blog-search-input:focus{border-color:var(--blog-green);box-shadow:0 8px 20px rgba(143,179,106,.1)}.blog-search-icon{position:absolute;left:.85rem;top:0;height:100%;display:flex;align-items:center;justify-content:center;color:var(--blog-text-muted);pointer-events:none}.blog-filters{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1 1}.blog-filters::-webkit-scrollbar{display:none}.filter-btn{height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(47,58,46,.1);background:white;font-size:14px;font-weight:600;color:var(--blog-text-muted);cursor:pointer;transition:all .25s ease;white-space:nowrap;display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.btn-icon{font-size:1rem}.filter-btn:hover{border-color:var(--blog-green);color:var(--blog-green);transform:translateY(-2px)}.filter-btn.active{background:var(--blog-green);color:white;border-color:var(--blog-green);box-shadow:0 6px 16px rgba(143,179,106,.3)}.blog-listing{padding-bottom:clamp(2rem,6dvh,80px)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(24px,2.5vw,32px);gap:clamp(24px,2.5vw,32px);margin-top:20px}.blog-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;background:white;border-radius:24px;padding:0 0 18px;overflow:hidden;transition:all .4s cubic-bezier(.22,1,.36,1);border:1px solid rgba(0,0,0,.02)}.blog-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(47,58,46,.1);border-color:rgba(143,179,106,.2)}.blog-card-img-wrapper{position:relative;height:180px;overflow:hidden;background:#f0f0f0}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.blog-card:hover .blog-card-img{transform:scale(1.06)}.blog-card-tag{left:1rem;background:var(--blog-green);color:white;padding:.35rem .9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px rgba(143,179,106,.3)}.blog-card-tag,.read-time-badge{position:absolute;top:1rem;border-radius:100px;font-size:.7rem}.read-time-badge{right:1rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .75rem;font-weight:700;color:var(--blog-text)}.blog-card-info{padding:16px 16px 0;flex:1 1;display:flex;flex-direction:column}.blog-card-info h3{font-family:var(--font-heading);font-size:18px;line-height:1.3;margin-bottom:8px;font-weight:700;color:var(--blog-text)}.blog-card-excerpt{font-size:.9rem;line-height:1.6;color:var(--blog-text-muted);margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(47,58,46,.05)}.blog-card-meta{display:flex;flex-direction:column;gap:.15rem}.author-name{font-size:.82rem;font-weight:700;color:var(--blog-text)}.publish-date{font-size:.72rem;color:var(--blog-text-muted)}.blog-read-more{font-size:.9rem;font-weight:700;color:var(--blog-green);display:flex;align-items:center;gap:.4rem}.blog-read-more span{transition:transform .3s ease}.blog-card:hover .blog-read-more span{transform:translateX(5px)}.blog-empty-state{text-align:center;padding:clamp(2rem,5dvh,4rem) 0}.blog-empty-state h2{font-size:2rem;margin-bottom:1rem;color:var(--blog-text)}@media (max-width:1024px){.blogs-controls-top{flex-direction:column;align-items:stretch}.blog-search-wrapper{max-width:none}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.blogs-page{padding-top:var(--header-height);padding-bottom:80px}.blogs-container{padding:0!important}.blogs-hero-wrapper{padding:16px 0!important}.section-inner{padding-left:16px!important;padding-right:16px!important}.blogs-title-group h1{font-size:28px!important;line-height:1.2!important}.blogs-title-group p{font-size:15px!important}.blogs-header{margin-bottom:24px!important}.featured-hero-content{grid-template-columns:1fr!important;gap:2rem!important;text-align:center}.featured-hero-image-wrapper{order:-1;aspect-ratio:16/10!important;border-radius:20px!important;box-shadow:0 20px 40px rgba(47,58,46,.08)!important}.featured-hero-text h1{font-size:28px!important;line-height:1.2!important;margin-bottom:1rem!important;max-width:100%!important}.featured-hero-excerpt{font-size:15px!important;margin-bottom:1.5rem!important;max-width:100%!important}.featured-hero-metadata{justify-content:center!important;margin-bottom:2rem!important;flex-wrap:wrap;gap:.5rem}.featured-hero-badge{align-self:center!important;margin-bottom:1rem!important}.featured-hero-cta{align-self:center!important;padding:.8rem 1.75rem!important;font-size:15px!important}.blogs-header-minimal{justify-content:center!important;margin-bottom:1.5rem!important}.blogs-controls-container{border-radius:0!important;padding:16px!important;background:rgba(255,255,255,.95)!important;margin:0 0 24px!important;position:-webkit-sticky!important;position:sticky!important;top:var(--header-height);z-index:40!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.blogs-controls-top{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.blog-filters{display:none!important}.blog-filters::-webkit-scrollbar{display:none!important}.blog-filters{-ms-overflow-style:none!important;scrollbar-width:none!important}.filter-btn{height:40px!important;font-size:14px!important;padding:0 16px!important;flex:0 0 auto!important;position:relative!important;z-index:60!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}.filter-btn:hover{transform:translateY(-2px)!important}.blog-search-wrapper{width:100%!important;max-width:100%!important}.blog-search-input{width:100%!important;height:40px!important;font-size:14px!important;box-sizing:border-box!important}.blog-listing{padding:0 16px 60px!important}.blog-grid{grid-template-columns:1fr!important;gap:18px!important}.blog-card{border-radius:20px!important;padding-bottom:16px!important}.blog-card-img-wrapper{height:200px!important}.blog-card-info{padding:14px 14px 0!important}.blog-card-info h3{font-size:16px!important;margin-bottom:6px!important}.blog-card:hover{box-shadow:none!important}.blog-card:hover,.blog-card:hover .blog-card-img{transform:none!important}.blogs-hero-wrapper{padding:0!important;margin-bottom:24px!important}.hulu-guide-container,[class*=floating-plant],[class*=plant-btn]{bottom:20px!important;right:16px!important}}@media (max-width:360px){.blog-filters{gap:6px!important}.filter-btn{font-size:12px!important;padding:0 10px!important}.featured-card{padding:18px 14px!important}}