:root{--duration-fast:0.15s;--duration-base:0.3s;--duration-slow:0.8s;--duration-slower:1.5s;--easing-default:cubic-bezier(0.4,0,0.2,1);--easing-dramatic:cubic-bezier(0.4,0,0,1);--easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}.ds-container{max-width:1200px;margin:0 auto;padding:2rem}body{background:var(--gunmetal-dark);color:var(--outer-space);line-height:1.6;overflow-x:hidden}.bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:radial-gradient(circle at 20% 50%,var(--mint) 0,transparent 50%),radial-gradient(circle at 80% 80%,var(--burgundy) 0,transparent 50%),radial-gradient(circle at 40% 20%,var(--mint) 0,transparent 50%);animation:float 20s ease-in-out infinite}.hero-section{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(175deg,var(--gunmetal-dark) 0,var(--gunmetal) 60%,var(--gunmetal-light) 100%);overflow:hidden}.hero-content{text-align:center;z-index:2;padding:2rem;max-width:1200px;width:100%}.hero-title{font-family:var(--font-crimson),serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:300;color:var(--surface-1);margin-bottom:1rem;letter-spacing:-.03em;opacity:0;animation:slideDown .8s ease-out forwards}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--mint);margin-bottom:3rem;opacity:0;animation:slideUp .8s ease-out .3s forwards}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--surface-2);max-width:800px;margin:0 auto 4rem;opacity:0;animation:fadeIn .8s ease-out .6s forwards;line-height:1.8}.temp-wave{position:absolute;bottom:-2px;left:0;width:100%;height:120px;clip-path:polygon(0 40px,100% 0,100% 100%,0 100%)}.category-nav,.temp-wave{background:var(--surface-1)}.category-nav{padding:3rem 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.1)}.category-container{max-width:1200px;margin:0 auto;padding:0 2rem}.category-filters{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.category-btn{padding:.75rem 1.5rem;border:2px solid transparent;background:var(--surface-2);color:var(--outer-space);border-radius:50px;font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--easing-default);position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--burgundy);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-burgundy)}.category-btn:hover:before{width:300px;height:300px}.category-btn.active{background:var(--burgundy);color:white}.category-btn span{position:relative;z-index:1}.blog-section{background:var(--surface-1);padding:5rem 0 8rem;min-height:100vh}.blog-container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.blog-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--burgundy),var(--burgundy-light));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.blog-card:hover:before{transform:scaleX(1)}.blog-card-header{padding:2rem 2rem 1rem;flex-grow:1}.blog-category{display:inline-block;padding:.25rem .75rem;background:var(--mint-pale);color:var(--gunmetal);border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.blog-title{font-family:var(--font-crimson),serif;font-size:1.5rem;font-weight:600;color:var(--gunmetal);margin-bottom:.5rem;line-height:1.3;transition:color .3s ease}.blog-card:hover .blog-title{color:var(--burgundy)}.blog-excerpt{color:var(--outer-space-light);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.blog-meta{padding:1.5rem 2rem;background:var(--surface-2);justify-content:space-between;font-size:.875rem;color:var(--outer-space-light)}.blog-meta,.read-time{display:flex;align-items:center}.read-time{gap:.5rem}.read-time:before{content:"⏱"}.blog-cta{color:var(--burgundy);font-weight:600;display:flex;align-items:center;gap:.5rem;transition:gap .3s ease}.blog-card:hover .blog-cta{gap:1rem}.urgency-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:25px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.urgency-high{background:var(--burgundy);color:white}.urgency-seasonal{background:var(--mint);color:var(--gunmetal)}.blog-card.loading{animation:pulse 1.5s ease-in-out infinite}.no-results{text-align:center;padding:4rem 2rem;color:var(--outer-space-light)}.no-results h3{font-family:var(--font-crimson),serif;font-size:2rem;color:var(--gunmetal);margin-bottom:1rem}@media (max-width:768px){.hero-section{min-height:50vh}.hero-content{padding:1rem}.hero-title{font-size:clamp(2.5rem,10vw,4.5rem)}.hero-subtitle{font-size:clamp(1rem,4vw,1.5rem);margin-bottom:2rem}.hero-description{font-size:clamp(.9rem,2.5vw,1.1rem);margin-bottom:2rem;padding:0 1rem}.category-nav{padding:2rem 0}.category-container{padding:0 1rem}.category-filters{gap:.5rem;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-filters::-webkit-scrollbar{display:none}.category-btn{padding:.6rem 1.2rem;font-size:.8rem;flex-shrink:0}.blog-section{padding:3rem 0 5rem}.blog-container{padding:0 1rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-header{padding:1.25rem}.blog-title{font-size:1.3rem}.blog-excerpt{font-size:.9rem}.blog-meta{padding:1rem 1.25rem;flex-direction:column;align-items:flex-start;gap:.75rem}.urgency-badge{top:.75rem;right:.75rem;padding:.4rem .8rem;font-size:.7rem}.no-results{padding:2rem 1rem}.no-results h3{font-size:1.5rem}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:bounce 2s ease-in-out infinite}.scroll-indicator svg{width:30px;height:30px;stroke:var(--mint);fill:none;stroke-width:2}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-20px,-20px) rotate(1deg)}66%{transform:translate(20px,-10px) rotate(-1deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}