.page-header.svelte-162svzm{background:linear-gradient(135deg, var(--cream) 0%, color-mix(in srgb, var(--accent-color) 8%, var(--cream)) 100%);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;height:450px;padding:2rem;transition:background .5s;display:flex;position:relative;overflow:hidden}.page-header.has-image.svelte-162svzm{background-color:var(--dark);border-bottom:none}.header-bg-image.svelte-162svzm{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.header-overlay.svelte-162svzm{z-index:1;background:linear-gradient(90deg,#1a1614e6 0%,#1a161466 100%);position:absolute;inset:0}.page-header.svelte-162svzm:after{content:"";background:radial-gradient(circle, var(--accent-color), transparent);opacity:.08;filter:blur(50px);border-radius:50%;width:300px;height:300px;transition:background .5s;position:absolute;bottom:-50px;right:-50px}.page-header.has-image.svelte-162svzm:after{display:none}.header-container.svelte-162svzm{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.back-link.svelte-162svzm{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-flex}.has-image.svelte-162svzm .back-link:where(.svelte-162svzm){color:#ffffffb3}.back-link.svelte-162svzm:hover{color:var(--dark);transform:translate(-4px)}.has-image.svelte-162svzm .back-link:where(.svelte-162svzm):hover{color:#fff}.header-content.svelte-162svzm{max-width:800px}.header-title.svelte-162svzm{font-family:var(--font-display);color:var(--dark);margin-bottom:1.25rem;font-size:clamp(2.25rem,8vw,5rem);font-weight:300;line-height:1.1;transition:color .5s}.has-image.svelte-162svzm .header-title:where(.svelte-162svzm){color:#fff;text-shadow:0 4px 30px #00000080}.header-subtitle.svelte-162svzm{letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-size:.9rem;font-weight:500;transition:color .5s}.has-image.svelte-162svzm .header-subtitle:where(.svelte-162svzm){color:#ffffffe6}@media (width<=768px){.page-header.svelte-162svzm{height:300px;padding:1.5rem}.header-title.svelte-162svzm{margin-bottom:1rem;font-size:clamp(2rem,10vw,3.5rem)}.header-subtitle.svelte-162svzm{letter-spacing:.15em;font-size:.8rem}.back-link.svelte-162svzm{margin-bottom:2rem}}