:root {
    --uhrgc-cream: #f4ead4;
    --uhrgc-gold: #d7b46d;
    --uhrgc-gold-light: #efd596;
    --uhrgc-pine: #08231d;
}

.signature-header {
    position: relative;
    isolation: isolate;
    z-index: 20;
    display: flex;
    min-height: clamp(500px, 66vh, 690px);
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(1,7,6,.9), rgba(3,15,13,.46) 48%, rgba(2,10,9,.74)),
        linear-gradient(0deg, rgba(2,12,10,.96), transparent 52%),
        url("/assets/images/bg-forest.webp") center 43% / cover no-repeat;
    box-shadow: inset 0 -80px 100px rgba(0,0,0,.46);
}

.signature-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 64% 27%, rgba(227,211,174,.2), transparent 29%);
}

.signature-inner {
    display: grid;
    width: min(1320px, calc(100% - 48px));
    margin: auto;
    padding: 45px 0 100px;
    grid-template-columns: minmax(250px,390px) minmax(0,740px);
    align-items: center;
    gap: clamp(20px,4vw,70px);
}

.signature-crest-wrap { position: relative; display: grid; place-items: center; }
.signature-crest-halo { position: absolute; width: 76%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(222,190,124,.22),transparent 67%); filter: blur(10px); }
.signature-crest { position: relative; z-index: 1; display: block; width: min(100%,365px); height: auto; filter: drop-shadow(0 25px 24px rgba(0,0,0,.66)) saturate(.96); transform: rotate(-1deg); }

.signature-copy { max-width: 760px; }
.signature-eyebrow { display: block; margin-bottom: 14px; color: var(--uhrgc-gold); font: 800 11px/1.2 Arial,sans-serif; letter-spacing: 2.5px; text-transform: uppercase; }
.signature-eyebrow b { padding: 0 4px; font-weight: inherit; }
.signature-copy h1 { max-width: 760px; margin: 0; color: var(--uhrgc-cream); font-size: clamp(37px,5vw,74px); font-weight: 500; line-height: .98; letter-spacing: -.025em; text-shadow: 0 5px 20px rgba(0,0,0,.7); }
.signature-copy h1 span { display: block; color: var(--uhrgc-gold-light); font-size: 1.12em; font-weight: 700; text-transform: uppercase; }
.signature-copy > p { max-width: 640px; margin: 23px 0 27px; color: #ded8ca; font-size: clamp(16px,1.6vw,20px); line-height: 1.55; text-shadow: 0 2px 6px rgba(0,0,0,.8); }
.signature-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.signature-actions a { text-decoration: none; }
.signature-primary {
    padding: 13px 21px;
    border: 1px solid rgba(239,213,150,.68);
    border-radius: 8px;
    background:
        linear-gradient(180deg,rgba(151,92,42,.62),rgba(77,38,17,.72)),
        repeating-linear-gradient(96deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.035) 2px 5px),
        url("/assets/images/bg-wood.webp") center 54% / 540px auto;
    color: #fff8e9;
    font-weight: 700;
    text-shadow: 0 2px 3px rgba(0,0,0,.72);
    box-shadow: inset 0 1px rgba(255,255,255,.2),inset 0 -8px 18px rgba(37,17,7,.24),0 12px 28px rgba(0,0,0,.35);
}
.signature-secondary { padding: 11px 2px; border-bottom: 1px solid rgba(215,180,109,.55); color: var(--uhrgc-gold-light); font-weight: 700; }
.signature-primary:hover,.signature-secondary:hover { filter: brightness(1.13); }
.signature-primary:focus-visible,.signature-secondary:focus-visible { outline: 2px solid var(--uhrgc-gold-light); outline-offset: 4px; }

.signature-mist { position: absolute; z-index: -1; width: 68%; height: 130px; border-radius: 50%; background: rgba(203,223,214,.08); filter: blur(34px); transform: rotate(-6deg); animation: signatureDrift 13s ease-in-out infinite alternate; pointer-events: none; }
.signature-mist-one { top: 31%; right: -8%; }
.signature-mist-two { top: 55%; left: -20%; opacity: .5; animation-delay: -5s; }

.signature-header.is-application-header { min-height: clamp(470px,58vh,620px); }

@keyframes signatureDrift { to { transform: translateX(-35px) rotate(-3deg); } }

@media (max-width: 900px) {
    .signature-header { min-height: 620px; }
    .signature-inner { grid-template-columns: 240px 1fr; gap: 12px; padding-bottom: 104px; }
    .signature-copy h1 { font-size: clamp(34px,6vw,54px); }
}

@media (max-width: 680px) {
    .signature-header { min-height: 665px; }
    .signature-inner { width: min(100% - 30px,560px); grid-template-columns: 1fr; align-content: center; gap: 0; padding: 8px 0 94px; text-align: center; }
    .signature-crest { width: 185px; margin-bottom: -7px; }
    .signature-copy h1 { font-size: clamp(32px,10vw,48px); }
    .signature-copy > p { margin: 17px auto 21px; font-size: 15px; }
    .signature-actions { justify-content: center; gap: 14px; }
}

@media (max-width: 390px) {
    .signature-header { min-height: 635px; }
    .signature-crest { width: 155px; }
    .signature-copy h1 { font-size: 34px; }
    .signature-copy > p { font-size: 14px; }
    .signature-primary { padding: 11px 15px; }
}

@media (prefers-reduced-motion: reduce) { .signature-mist { animation: none; } }