/* Shared page hero: navy stage, gold thread, arch-framed photo (matches the homepage hero). */
.phero{position:relative;overflow:hidden;color:#FFFFFF;background:#0E2A47;font-family:Manrope,system-ui,sans-serif}
.phero-wrap{max-width:1240px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:40px}
.phero-crumbs{font-size:14px;display:flex;flex-wrap:wrap;gap:8px;color:#C9D6E3}
.phero-crumbs a{color:#C9D6E3;text-underline-offset:.2em}
.phero-crumbs a:hover{color:#FFFFFF}
.phero-crumbs span:last-child{color:#FFFFFF;font-weight:600}
.phero-grid{display:flex;flex-wrap:wrap;gap:56px 72px;align-items:center}
.phero-copy{flex:1 1 500px;min-width:0;display:flex;flex-direction:column;gap:22px}
.phero h1{margin:0;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(38px,4.6vw,62px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance;color:#FFFFFF}
.phero h1 em{font-style:normal;color:#E0AE4A}
.phero-rule{width:72px;height:2px;background:#E0AE4A}
.phero-lede{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:#C9D6E3;max-width:60ch}
.phero-lede strong{display:block;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:28px;line-height:1.2;color:#FFFFFF;margin-bottom:6px}
.phero-note{margin:0;font-size:15px;color:#C9D6E3}
.phero-note a{color:#FFFFFF;font-weight:700;text-decoration-color:#E0AE4A;text-underline-offset:.2em}
.phero-note a:hover{color:#E0AE4A}
.phero-actions{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:4px}
.phero-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 28px;border-radius:6px;border:1.5px solid transparent;font-weight:700;font-size:16px;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s,border-color .2s,box-shadow .2s}
.phero-btn:active{transform:translateY(1px)}
.phero-btn.gold{background:#E0AE4A;color:#0E2A47}
.phero-btn.gold:hover{background:#EBC373;color:#0E2A47;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.phero-btn.line{border-color:rgba(255,255,255,.5);color:#FFFFFF}
.phero-btn.line:hover{background:#FFFFFF;border-color:#FFFFFF;color:#0E2A47}
.phero-contacts{display:flex;flex-direction:column;border-top:1px solid #284766;margin-top:4px}
.phero-contacts a{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 16px;min-height:60px;padding:10px 0;border-bottom:1px solid #284766;color:#FFFFFF;text-decoration:none;transition:padding .25s cubic-bezier(.16,1,.3,1),background-color .25s}
.phero-contacts a:hover{background:rgba(140,200,238,.08);padding-left:12px;padding-right:12px;color:#FFFFFF}
.phero-contacts a span:first-child{color:#C9D6E3}
.phero-contacts a span:last-child{font-weight:700;word-break:break-word}
.phero-media{position:relative;flex:1 1 380px;min-width:0;max-width:440px;margin:0 auto}
.phero-media::before{content:"";position:absolute;width:118%;aspect-ratio:1;left:-9%;top:-7%;border:1.5px solid #E0AE4A;border-radius:50%;opacity:.55;pointer-events:none}
.phero-arch{position:relative;aspect-ratio:4/5;border-radius:999px 999px 14px 14px;overflow:hidden;background:#284766;box-shadow:0 30px 60px -30px rgba(0,0,0,.65)}
.phero-arch img{width:100%;height:100%;object-fit:cover;display:block}
.phero-chip{position:absolute;left:-36px;bottom:44px;display:flex;align-items:center;gap:14px;padding:14px 20px 14px 16px;border-radius:12px;background:#FFFFFF;color:#0E2A47;text-decoration:none;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);transition:transform .3s cubic-bezier(.16,1,.3,1)}
a.phero-chip:hover{color:#0E2A47;transform:translateY(-3px)}
.phero-chip b{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:34px;line-height:1;color:#0A6FB4}
.phero-chip span{display:flex;flex-direction:column;font-size:14px;line-height:1.3;color:#4A5D72}
.phero-chip span strong{color:#0E2A47;font-size:15px}
.phero :focus-visible{outline:3px solid #8CC8EE;outline-offset:3px;border-radius:4px}
@media (max-width:760px){
  .phero-wrap{padding:28px 20px 64px;gap:28px}
  .phero-grid{gap:48px}
  .phero-actions .phero-btn{flex:1 1 100%}
  .phero-media{flex-basis:100%;width:calc(100% - 40px);max-width:360px}
  .phero-chip{left:-20px;bottom:24px;padding:12px 16px 12px 14px}
  .phero-chip b{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.phero *{transition:none!important}}