.blog-hero{position:relative;height:85vh;min-height:600px;background:var(--color-wine-dark);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 1.2s;display:flex;align-items:center;justify-content:center;z-index:1}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-image-container{position:absolute;inset:0;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 6s cubic-bezier(.16,1,.3,1)}.hero-slide.active .hero-image{transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#3d121933,#3d121999,#3d1219f2);z-index:2}.hero-content{position:relative;z-index:10;max-width:900px;text-align:center;padding:0 var(--space-xl);color:var(--color-cream);opacity:0;transform:translateY(40px);transition:all 1s var(--ease-out-expo) .3s}.hero-slide.active .hero-content{opacity:1;transform:translateY(0)}.hero-logo-box{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.hero-logo{width:120px;height:auto;filter:drop-shadow(0 0 20px rgba(255,250,194,.3));animation:logoFloat 4s ease-in-out infinite}.hero-badge{display:inline-block;padding:var(--space-xs) var(--space-lg);background:var(--color-wine);border:1px solid var(--color-cream);border-radius:var(--radius-full);font-family:var(--font-display);font-size:1.2rem;letter-spacing:2px;margin-bottom:var(--space-lg);text-transform:uppercase;color:var(--color-cream)}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,6.5rem);line-height:.95;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:-2px;color:var(--color-cream)}.hero-excerpt{font-family:var(--font-body);font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;max-width:700px;margin:0 auto var(--space-2xl);color:#fffac2e6;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-wave{position:absolute;bottom:-2px;left:0;width:100%;pointer-events:none;z-index:5;color:#fff}.blog-filters-container{position:sticky;top:var(--header-height);z-index:50;background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);padding:var(--space-lg) 0;transition:all .4s var(--ease-out-expo)}.blog-filters{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-lg);align-items:center}.filter-group{position:relative;display:flex;align-items:center;background:var(--color-gray-light);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--space-md);height:50px;transition:all .3s var(--ease-out-expo)}.filter-group:focus-within{border-color:var(--color-wine);background:#fff;box-shadow:0 4px 20px #5e1c2614}.filter-icon{color:var(--color-wine);margin-right:var(--space-sm);opacity:.7}.filter-input,.filter-select{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:.95rem;color:var(--color-gray-dark);width:100%}.filter-date::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(15%) sepia(48%) saturate(1615%) hue-rotate(325deg) brightness(91%) contrast(92%)}.blog-list-section{padding:var(--space-4xl) 0;max-width:var(--container-max);margin:0 auto;padding:var(--space-4xl) var(--space-xl)}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-3xl)}.blog-list-item{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-md);transition:all .5s var(--ease-out-expo);opacity:0;animation:slideUp .6s var(--ease-out-expo) forwards}.blog-list-item:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.blog-list-thumb-wrapper{position:relative;height:240px;overflow:hidden}.blog-list-thumb{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out-expo)}.blog-list-item:hover .blog-list-thumb{transform:scale(1.08)}.blog-list-cat{position:absolute;top:var(--space-lg);left:var(--space-lg);background:var(--color-wine);color:var(--color-cream);padding:4px var(--space-md);border-radius:var(--radius-full);font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;z-index:2}.blog-list-content{padding:var(--space-2xl);display:flex;flex-direction:column;flex:1}.blog-list-title{font-size:2.2rem;line-height:1.1;color:var(--color-wine);margin-bottom:var(--space-md);text-transform:uppercase}.blog-list-excerpt{font-size:1rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:var(--space-xl);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-list-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid #f0f0f0}.blog-list-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--color-wine-light)}.blog-list-author{text-transform:uppercase;letter-spacing:1px}.blog-pagination{margin-top:var(--space-5xl);display:flex;justify-content:center;align-items:center;gap:var(--space-xl)}.pagination-btn{background:var(--color-wine);color:var(--color-cream);border:none;width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out-expo)}.pagination-btn:hover:not(:disabled){background:var(--color-wine-light);transform:translateY(-3px);box-shadow:0 8px 20px #5e1c2633}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.pagination-info{font-family:var(--font-display);font-size:1.5rem;color:var(--color-wine);letter-spacing:2px}.blog-empty{grid-column:1 / -1;text-align:center;padding:var(--space-5xl) 0;font-family:var(--font-display);font-size:2.5rem;color:var(--color-wine-light);opacity:.6}.post-header{height:70vh;min-height:500px;position:relative;background:var(--color-wine-dark);display:flex;align-items:flex-end;overflow:hidden}.post-header-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.6);z-index:1}.post-header-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#3d1219f2,#3d121966,#3d121933);z-index:2}.post-header-content{position:relative;z-index:10;width:100%;padding-bottom:var(--space-5xl)}.post-title{color:var(--color-cream);font-size:clamp(3rem,7vw,6rem);text-transform:uppercase;line-height:.95;margin:var(--space-lg) 0}.post-meta-top{display:flex;gap:var(--space-xl);color:var(--color-cream-light);font-family:var(--font-display);letter-spacing:2px;font-size:1.2rem;opacity:.8}.article-body,.content-body{max-width:800px;margin:0 auto;padding:var(--space-5xl) var(--space-xl);font-family:var(--font-body);font-size:1.15rem;line-height:1.8;color:var(--color-gray-dark)}.article-body p,.content-body p{margin-bottom:var(--space-xl);text-align:justify}.article-body h2,.content-body h2{font-family:var(--font-display);font-size:3rem;color:var(--color-wine);margin:var(--space-4xl) 0 var(--space-lg);text-transform:uppercase;line-height:1.1}.article-body h3,.content-body h3{font-family:var(--font-display);font-size:2rem;color:var(--color-wine-light);margin:var(--space-3xl) 0 var(--space-md);text-transform:uppercase}.article-body ul,.article-body ol{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.article-body ul{list-style:none}.article-body ul li{position:relative;margin-bottom:var(--space-sm)}.article-body ul li:before{content:"—";position:absolute;left:-25px;color:var(--color-wine);font-weight:800}.article-body a{color:var(--color-wine-light);text-decoration:underline;font-weight:600;transition:color .3s ease}.article-body a:hover{color:var(--color-wine)}.callout{position:relative;padding:2.5rem 2rem 2rem 4rem;margin:4rem 0;background:#fff9f9;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05)}.callout:before{content:"";position:absolute;top:2rem;left:1.5rem;bottom:2rem;width:2rem;border-left:4px solid var(--color-wine);border-bottom:4px solid var(--color-wine);border-bottom-left-radius:20px;opacity:.3}.callout:after{position:absolute;top:-2.5rem;left:.5rem;font-size:4rem;background:#fff;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 5px 15px #0000000d}.callout-info:before{border-color:#3498db}.callout-info:after{content:"ℹ️";font-size:2rem}.callout-warning:before{border-color:#e67e22}.callout-warning:after{content:"⚠️";font-size:2rem}.callout-tip:before{border-color:#f1c40f}.callout-tip:after{content:"💡";font-size:2rem}.callout-content{font-size:1.05rem;line-height:1.7;color:var(--color-gray-dark)}.custom-quote{position:relative;padding:3rem 2rem 2rem 4rem;margin:5rem 0;font-style:italic;background:#fafafa;border-radius:var(--radius-lg)}.custom-quote:before{content:"“";position:absolute;top:-1rem;left:1rem;font-size:8rem;line-height:1;font-family:Georgia,serif;color:var(--color-wine);opacity:.2}.custom-quote p:last-child{display:block;margin-top:1.5rem;font-weight:800;font-style:normal;color:var(--color-wine);font-family:var(--font-display);text-transform:uppercase;font-size:1.4rem}.cms-table{width:100%;margin:3rem 0;border-collapse:separate;border-spacing:0;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.cms-table th,.cms-table td{padding:1rem 1.5rem;border-bottom:1px solid #f5f5f5;text-align:left}.cms-table th{background:#fdfdfd;font-family:var(--font-display);text-transform:uppercase;color:var(--color-wine);font-size:1.1rem;letter-spacing:1px}.cms-table tr:last-child td{border-bottom:none}.cms-article-img-container{width:100%;margin:3.5rem 0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg)}.cms-article-img-container img{width:100%;display:block;transition:transform .5s ease}.cms-article-img-container:hover img{transform:scale(1.02)}.cms-img-caption{font-size:.95rem;color:var(--color-text-muted);text-align:center;margin-top:1rem;font-style:italic}.btn-delete-element,.callout-delete,.quote-delete,.editor-controls,.cms-admin-only{display:none!important}@media(max-width:900px){.blog-filters{grid-template-columns:1fr;gap:var(--space-sm)}.hero-title{font-size:4rem}.blog-hero{height:75vh}}@media(max-width:600px){.blog-list{grid-template-columns:1fr}.blog-list-item{border-radius:40px 40px 20px 20px}.hero-title,.post-title{font-size:3rem}}.post-detail{background:#fff}.post-author-box{margin-top:var(--space-xl);border-left:2px solid var(--color-brand);padding-left:var(--space-lg)}.author-label{font-size:.8rem;font-weight:800;color:var(--color-cream-light);opacity:.7;letter-spacing:1px;margin-bottom:2px}.author-name{font-family:var(--font-display);font-size:1.8rem;color:var(--color-cream);letter-spacing:1px}.post-footer{padding:var(--space-4xl) 0;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;text-align:center}.share-tools{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.share-label{font-weight:800;text-transform:uppercase;color:var(--color-wine-light);font-size:.9rem;letter-spacing:1px}.share-links{display:flex;gap:var(--space-md)}.share-circle{width:45px;height:45px;border-radius:50%;border:2px solid #f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--color-wine);transition:all .3s var(--ease-out-expo)}.share-circle:hover{border-color:var(--color-wine);background:var(--color-wine-light);color:var(--color-cream);transform:translateY(-5px) rotate(8deg)}.related-section{padding:var(--space-5xl) 0;background:#faf8f8;border-top:1px solid #f0f0f0}.related-title{font-size:3rem;color:var(--color-wine);text-align:center;margin-bottom:var(--space-4xl)}.post-body-container{position:relative;z-index:10}
