.page-header{background:linear-gradient(135deg,#7fb3a3,#a8d0c6);color:#fff;padding:2rem 0;position:relative;overflow:hidden}.page-header:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7fb3a3e6,#a8d0c6e6);z-index:0;pointer-events:none}.page-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="tea-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23tea-pattern)"/></svg>');opacity:.3;z-index:1;pointer-events:none}.page-header .container{position:relative;z-index:2}.header-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;position:relative;z-index:3}@media(max-width:768px){.header-content{grid-template-columns:1fr;text-align:center}}.page-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:var(--color-accent, #190e10);margin:0 0 1rem;line-height:1.2}.page-subtitle{font-size:1.2rem;opacity:.9;line-height:1.6;max-width:600px;color:#fff;margin:0}.header-stats{display:flex;gap:2rem;justify-content:center}@media(max-width:768px){.header-stats{margin-top:2rem}}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#fff;font-family:Playfair Display,serif;line-height:1;margin-bottom:.25rem}.stat-label{display:block;font-size:.9rem;color:#fff;opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1.3}@media(max-width:768px){.page-header{padding:2rem 0}.page-title{font-size:2rem}.page-subtitle{font-size:1.1rem}.header-stats{flex-direction:column;gap:1rem}.stat-item{padding:1rem}.stat-number{font-size:2rem}}
