/* ===== Shared Page Hero ===== */
.page-hero{position:relative;height:55vh;min-height:380px;max-height:520px;display:flex;align-items:flex-end;overflow:hidden;margin-top:-8px}
.page-hero__bg{position:absolute;inset:0}
.page-hero__bg img{width:100%;height:100%;object-fit:cover;will-change:transform;animation:heroZoom 14s ease-out forwards}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.page-hero__ov{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 35%,rgba(0,0,0,.65) 100%)}
.page-hero__content{position:relative;z-index:10;width:100%;max-width:calc(var(--content-max) + var(--content-pad)*2);margin:0 auto;padding:0 var(--content-pad) 56px}
.page-hero__bc{margin-bottom:20px;opacity:0;transform:translateY(16px);animation:heroFadeUp .8s var(--ease) .3s forwards}
.page-hero__bc ol{display:flex;align-items:center;gap:0;list-style:none;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.page-hero__bc a{color:rgba(255,255,255,.55);transition:color .3s}.page-hero__bc a:hover{color:#fff}
.page-hero__bc li{color:rgba(255,255,255,.55)}.page-hero__bc li::before{content:'/';margin:0 12px;color:rgba(255,255,255,.2)}.page-hero__bc li:first-child::before{display:none}
.page-hero__tag{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;opacity:0;transform:translateY(16px);animation:heroFadeUp .8s var(--ease) .4s forwards}
.page-hero__title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.08;color:#fff;letter-spacing:-1px;max-width:700px;margin-bottom:18px;opacity:0;transform:translateY(24px);animation:heroFadeUp 1s var(--ease) .5s forwards}
.page-hero__desc{font-size:clamp(14px,1.4vw,17px);font-weight:300;line-height:1.9;color:rgba(255,255,255,.6);max-width:520px;opacity:0;transform:translateY(16px);animation:heroFadeUp .9s var(--ease) .7s forwards}
@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){.page-hero{min-height:320px;max-height:440px}}
@media(max-width:640px){.page-hero{min-height:280px;max-height:400px;height:50vh}.page-hero__content{padding:0 var(--content-pad) 40px}}

.page-hero--blog{min-height:340px;max-height:460px}