/* Management / About SET page — scoped styles only */
.management-hero{position:relative;isolation:isolate;overflow:hidden;background:#0d203f;color:#fff;padding:clamp(4.5rem,8vw,8rem) 0}
.management-hero-bg,.management-hero-overlay{position:absolute;inset:0;z-index:-1}.management-hero-bg{background:radial-gradient(circle at 80% 20%,rgba(205,157,54,.18),transparent 30%),linear-gradient(115deg,#0b1d39,#142e55)}.management-hero-overlay{background:linear-gradient(90deg,rgba(7,20,42,.28),transparent)}.management-hero-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:3rem;align-items:center}.management-hero-copy{max-width:780px}.management-kicker,.section-kicker{display:inline-block;color:#b77b17;font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.management-hero .management-kicker{color:#e9bd5b}.management-rule{width:90px;height:2px;background:rgba(255,255,255,.2);margin:1.25rem 0}.management-rule span{display:block;width:45px;height:100%;background:#d5a23c}.management-hero h1{font-size:clamp(2.8rem,6vw,5.8rem);font-weight:850;letter-spacing:-.055em;line-height:.98;margin:0 0 1.5rem}.management-hero h1 em,.set-about h2 em,.set-reach h2 em,.set-why h2 em{font-family:Georgia,serif;font-weight:400;color:#c99535}.management-hero p{max-width:650px;color:#d2dbea;font-size:1.05rem;line-height:1.85}.management-hero-meta{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:2rem;font-size:.72rem;letter-spacing:.1em;color:#f0d79c;font-weight:700}.meta-dot{width:5px;height:5px;border-radius:50%;background:#c99535}.management-hero-art{height:300px;position:relative;display:grid;place-items:center}.management-hero-frame{position:absolute;width:190px;height:250px;border:1px solid rgba(224,177,74,.6);transform:rotate(8deg)}.management-hero-frame.frame-two{transform:rotate(-8deg);border-color:rgba(255,255,255,.22)}.management-hero-seal{width:150px;height:150px;border:1px solid #d6aa4c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(10,29,58,.72);box-shadow:0 0 0 12px rgba(214,170,76,.07)}.management-hero-seal span{font-size:2.8rem;font-weight:900;color:#e7bd5a}.management-hero-seal small{font-size:.65rem;letter-spacing:.2em;color:#fff}.set-about{background:#f7f5ef;padding:clamp(3.5rem,7vw,6.5rem) 0;color:#142b50}.set-about-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.set-about h2,.set-reach h2,.set-why h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.045em;font-weight:850;margin:.7rem 0 0}.set-about-heading h2{max-width:780px}.set-about-lead{font-family:Georgia,serif;font-style:italic;color:#b77b17;font-size:1.25rem;max-width:250px;margin:0}.set-origin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,5rem);align-items:start}.set-origin-copy p,.set-reach>p{color:#5f6e84;line-height:1.9;font-size:1rem}.set-origin-copy p:first-child{font-size:1.12rem;color:#263b5b}.set-origin-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2rem}.set-origin-facts div{border-top:2px solid #c99535;padding:1rem .2rem}.set-origin-facts strong{display:block;font-size:1.8rem;color:#142b50}.set-origin-facts span{display:block;font-size:.78rem;color:#6d7a8e;line-height:1.5;margin-top:.35rem}.set-founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.set-founder-card{background:#fff;border:1px solid #e6dfd2;box-shadow:0 12px 32px rgba(16,42,86,.07);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.set-founder-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(16,42,86,.13)}.set-founder-image{height:clamp(220px,28vw,360px);background:#e9e4da;overflow:hidden}.set-founder-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(.92);transition:transform .65s ease}.set-founder-card:hover .set-founder-image img{transform:scale(1.035)}.set-founder-caption{padding:1.1rem 1.2rem 1.3rem}.set-founder-caption span{font-size:.62rem;letter-spacing:.15em;font-weight:800;color:#b77b17}.set-founder-caption h3{font-size:1.2rem;margin:.45rem 0 0;color:#142b50}.set-reach{margin-top:clamp(4rem,8vw,7rem);padding:clamp(2rem,5vw,4rem);background:#102a56;color:#fff;position:relative;overflow:hidden}.set-reach:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(222,177,76,.24);border-radius:50%;right:-100px;top:-130px}.set-reach-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem}.set-reach .section-kicker,.set-why .section-kicker{color:#e1b450}.set-reach h2{color:#fff}.set-reach>p{max-width:760px;color:#d1dbea;margin:1.4rem 0 2rem}.set-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17)}.set-stat-grid div{padding:1.4rem;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.set-stat-grid strong{display:block;font-size:clamp(2rem,3vw,3rem);line-height:1;color:#e4b64e;font-weight:850}.set-stat-grid span{display:block;margin-top:.65rem;color:#e0e7f1;font-size:.83rem;line-height:1.5}.set-why{padding-top:clamp(4rem,7vw,6rem)}.set-why-heading{margin-bottom:2rem}.set-why h2{max-width:700px}.set-why-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;border-top:1px solid #ded7ca}.set-why-list div{display:flex;align-items:center;gap:1rem;padding:1.1rem .2rem;border-bottom:1px solid #ded7ca}.set-why-list span{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#b77b17}.set-why-list p{margin:0;color:#263b5b;font-weight:650}.management-intro{background:#fff;padding:4rem 0}.management-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.management-intro h2,.management-trust h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;color:#142b50;letter-spacing:-.04em}.management-intro h2 span,.management-trust h2 span{font-family:Georgia,serif;font-style:italic;color:#c99535}.management-intro-copy p,.management-trust-header p{color:#64738a;line-height:1.85}.management-team{background:#f7f5ef;padding:4rem 0}.management-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.management-card{background:#fff;border:1px solid #e4ded3;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.management-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(16,42,86,.12)}.management-photo-wrap{position:relative;height:280px;background:#e7e4dd;overflow:hidden}.management-photo{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.management-number{position:absolute;right:1rem;top:1rem;color:#c99535;font-size:1.2rem;font-weight:800}.management-card-body{padding:1.4rem}.management-role{font-size:.65rem;letter-spacing:.12em;font-weight:800;color:#b77b17}.management-card h3{font-size:1.15rem;color:#142b50;margin:.65rem 0;line-height:1.4}.management-card-line{height:1px;background:#e4ded3;margin:1rem 0}.management-link{color:#142b50;font-size:.8rem;font-weight:750;text-decoration:none}.management-link span{color:#c99535;margin-left:.5rem}.management-trust{background:#fff;padding:4rem 0}.management-trust-header{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.management-trust-header p{max-width:520px}.trustee-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.trustee-list span{padding:1rem;background:#f7f5ef;border:1px solid #e5dfd3;color:#263b5b;font-size:.88rem}.management-closing{padding:4rem 0;background:#e8bd4f;color:#102a56}.management-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.management-closing h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.04em;margin:.7rem 0 0}.management-closing h2 em{font-family:Georgia,serif;font-weight:400}.management-closing .management-kicker{color:#73500b}.management-closing .btn-gold{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.4rem;background:#102a56;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.management-closing .btn-gold:hover{background:#183b70}
@media(max-width:900px){.management-hero-inner,.set-origin-grid{grid-template-columns:1fr}.management-hero-art{display:none}.set-reach-intro,.management-trust-header,.set-about-heading{align-items:flex-start;flex-direction:column}.set-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trustee-list{grid-template-columns:repeat(2,minmax(0,1fr))}.management-closing-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.set-founders{gap:.65rem}.set-founder-image{height:220px}.set-founder-caption{padding:.9rem}.set-founder-caption h3{font-size:1rem}.set-origin-facts{gap:.4rem}.set-origin-facts strong{font-size:1.5rem}.set-stat-grid div{padding:1rem}.set-stat-grid span{font-size:.76rem}.set-why-list,.management-intro-grid{grid-template-columns:1fr}.management-team-grid,.trustee-list{grid-template-columns:1fr}.management-photo-wrap{height:320px}.management-hero h1{font-size:clamp(2.6rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){.set-founder-card,.set-founder-image img,.management-card{transition:none}}


/* Management team: compact four-card row on desktop */
.management-team .management-team-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}
.management-team .management-card {
    min-width: 0;
}
.management-team .management-photo-wrap {
    height: clamp(190px, 19vw, 250px);
}
.management-team .management-photo {
    object-fit: contain;
    object-position: center center;
    background: #eee9df;
}
.management-team .management-card-body {
    padding: 1rem 1rem 1.1rem;
}
.management-team .management-card h3 {
    font-size: 1rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.management-team .management-role {
    font-size: .61rem;
    line-height: 1.5;
}
@media (max-width: 1100px) {
    .management-team .management-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .9rem;
    }
}
@media (max-width: 900px) {
    .management-team .management-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }
    .management-team .management-photo-wrap {
        height: clamp(210px, 30vw, 280px);
    }
}
@media (max-width: 600px) {
    .management-team .management-team-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .management-team .management-photo-wrap {
        height: 300px;
    }
}


/* Hero refinement: align desktop height with Vision & Mission (440px) and add a distinctive leadership look. */
.management-hero {
    min-height: 440px;
    height: 440px;
    padding: 0;
    display: flex;
    align-items: stretch;
    background: #0b1d39;
    border-bottom: 3px solid #d5a23c;
}
.management-hero-bg {
    background:
        radial-gradient(ellipse at 78% 46%, rgba(218, 171, 70, .22) 0, rgba(218, 171, 70, .06) 23%, transparent 48%),
        linear-gradient(115deg, #08172e 0%, #10284a 55%, #17365d 100%);
}
.management-hero-overlay {
    background:
        linear-gradient(90deg, rgba(5, 16, 34, .25) 0%, rgba(5, 16, 34, .05) 58%, rgba(5, 16, 34, .18) 100%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 11px);
}
.management-hero-inner {
    width: 100%;
    min-height: 440px;
    padding-top: 28px;
    padding-bottom: 28px;
    box-sizing: border-box;
    position: relative;
}
.management-hero-copy {
    position: relative;
    padding-left: 24px;
}
.management-hero-copy::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 5px;
    width: 3px;
    background: linear-gradient(180deg, #f1d58b, #c99535 70%, transparent);
}
.management-hero h1 {
    max-width: 720px;
    font-size: clamp(2.8rem, 5.1vw, 5rem);
    line-height: .98;
    margin-bottom: 1.05rem;
    text-wrap: balance;
}
.management-hero p {
    max-width: 620px;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.72;
}
.management-hero-meta {
    margin-top: 1.2rem;
}
.management-hero-art {
    height: 100%;
    min-height: 300px;
}
.management-hero-seal {
    width: 164px;
    height: 164px;
    border-width: 1px;
    background: linear-gradient(145deg, rgba(17, 43, 77, .94), rgba(7, 21, 42, .86));
    box-shadow: 0 0 0 12px rgba(214,170,76,.07), 0 0 44px rgba(214,170,76,.12), inset 0 0 0 5px rgba(214,170,76,.06);
}
.management-hero-seal span {
    font-family: Georgia, serif;
    letter-spacing: .04em;
}
.management-hero-seal small {
    margin-top: 4px;
}
@media (max-width: 900px) {
    .management-hero {
        height: auto;
        min-height: 0;
        padding: 0;
    }
    .management-hero-inner {
        min-height: 0;
        padding-top: 48px;
        padding-bottom: 28px;
    }
    .management-hero-copy { padding-left: 18px; }
    .management-hero-art { display: none; }
}
@media (max-width: 600px) {
    .management-hero-inner {
        padding-top: 42px;
        padding-bottom: 30px;
    }
    .management-hero h1 {
        font-size: clamp(2.45rem, 10.5vw, 3.5rem);
    }
    .management-hero p { font-size: .96rem; }
    .management-hero-meta { line-height: 1.7; }
}


/* =========================================================
   PREMIUM MANAGEMENT HERO — real logo + subtle animation
   Appended overrides: preserves the existing page and cards.
========================================================= */
.management-hero {
    height: 440px;
    min-height: 440px;
    padding: 0;
    border-bottom: 2px solid #d5a23c;
}

.management-hero-bg {
    background:
        radial-gradient(circle at 78% 46%, rgba(232, 189, 79, .20), transparent 31%),
        radial-gradient(circle at 8% 100%, rgba(34, 73, 119, .28), transparent 42%),
        linear-gradient(115deg, #07162d 0%, #10294b 55%, #18375c 100%);
    background-size: 150% 150%;
    animation: managementLightShift 16s ease-in-out infinite alternate;
}

.management-hero-overlay {
    background:
        linear-gradient(90deg, rgba(5, 16, 34, .20) 0%, rgba(5, 16, 34, .02) 58%, rgba(5, 16, 34, .16) 100%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 11px);
}

.management-hero-copy {
    animation: managementTextReveal .85s ease-out both;
}

.management-hero .management-kicker {
    letter-spacing: .22em;
}

.management-hero h1 em {
    text-shadow: 0 4px 25px rgba(213, 162, 60, .14);
}

.management-hero-art {
    min-height: 300px;
    perspective: 900px;
}

.management-hero-frame {
    border-color: rgba(232, 189, 79, .62);
    animation: managementFrameFloat 8s ease-in-out infinite;
}

.management-hero-frame.frame-two {
    animation-delay: -4s;
}

.management-hero-seal {
    position: relative;
    z-index: 2;
    width: 190px;
    height: 190px;
    padding: 16px;
    gap: 9px;
    box-sizing: border-box;
    border: 1px solid #e8bd58;
    background: linear-gradient(145deg, rgba(22, 54, 91, .98), rgba(7, 22, 45, .98));
    box-shadow:
        0 0 0 10px rgba(214, 170, 76, .06),
        0 0 40px rgba(214, 170, 76, .15),
        inset 0 0 0 5px rgba(214, 170, 76, .05);
    animation: managementSealFloat 5s ease-in-out infinite;
}

.management-hero-logo {
    display: block;
    width: 88px;
    height: 88px;
    padding: 4px;
    object-fit: contain;
    box-sizing: border-box;
    border: 2px solid #e3bd60;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 22px rgba(232, 189, 79, .20);
}

.management-hero .management-seal-name {
    color: #f0d18a;
    font-size: .67rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .10em;
    text-align: center;
}

.management-hero .management-hero-seal small {
    color: #e1e8f1;
    font-size: .46rem;
    line-height: 1.35;
    letter-spacing: .07em;
    text-align: center;
}

.management-logo-orbit {
    position: absolute;
    z-index: -1;
    inset: -18px;
    border: 1px dashed rgba(232, 189, 79, .55);
    border-radius: 50%;
    animation: managementOrbitSpin 28s linear infinite;
    pointer-events: none;
}

.management-logo-orbit::before,
.management-logo-orbit::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f2d48b;
    box-shadow: 0 0 12px rgba(242, 212, 139, .65);
}

.management-logo-orbit::before {
    top: 12%;
    left: 18%;
}

.management-logo-orbit::after {
    right: 12%;
    bottom: 18%;
}

@keyframes managementTextReveal {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes managementSealFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes managementFrameFloat {
    0%, 100% { transform: rotate(8deg) translateY(0); }
    50% { transform: rotate(5deg) translateY(-5px); }
}

@keyframes managementOrbitSpin {
    to { transform: rotate(360deg); }
}

@keyframes managementLightShift {
    from { background-position: 0% 50%; }
    to { background-position: 100% 50%; }
}

/* Keep the logo visible on tablets; stack the hero gracefully. */
@media (max-width: 900px) {
    .management-hero {
        height: auto;
        min-height: 0;
    }

    .management-hero-inner {
        grid-template-columns: minmax(0, 1fr) 190px;
        gap: 1.5rem;
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .management-hero-art {
        display: grid;
        min-height: 220px;
        height: 220px;
    }

    .management-hero-seal {
        width: 150px;
        height: 150px;
    }

    .management-hero-logo {
        width: 66px;
        height: 66px;
    }

    .management-hero-frame {
        width: 140px;
        height: 180px;
    }
}

@media (max-width: 600px) {
    .management-hero-inner {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .management-hero-art {
        min-height: 175px;
        height: 175px;
    }

    .management-hero-seal {
        width: 140px;
        height: 140px;
        gap: 5px;
    }

    .management-hero-logo {
        width: 60px;
        height: 60px;
    }

    .management-hero-frame {
        width: 125px;
        height: 155px;
    }

    .management-hero .management-hero-seal small {
        font-size: .42rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .management-hero-copy,
    .management-hero-bg,
    .management-hero-frame,
    .management-hero-seal,
    .management-logo-orbit {
        animation: none !important;
    }
}

/* Refine the logo emblem composition */
.management-hero .management-hero-seal {
    gap: 8px;
}

.management-hero .management-hero-logo {
    width: 82px;
    height: 82px;
}

.management-hero .management-seal-name {
    display: block;
    max-width: 100%;
    font-size: clamp(.58rem, .8vw, .76rem);
    line-height: 1.3;
    letter-spacing: .12em;
    text-align: center;
    overflow-wrap: anywhere;
}

.management-hero .management-hero-seal small {
    display: block;
    max-width: 150px;
    font-size: .48rem;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 900px) {
    .management-hero .management-hero-seal {
        display: none;
    }
}

/* Make the SET logo larger inside the management hero */
.management-hero .management-hero-logo {
    width: 125px;
    height: 125px;
    padding: 3px;
    object-fit: contain;
    background: #fff;
    border: 2px solid #e3bd60;
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(232, 189, 79, 0.28);
}

/* Give the logo more space inside the emblem */
.management-hero .management-hero-seal {
    width: 220px;
    height: 220px;
    gap: 8px;
}

/* Keep the name and tagline neatly sized */
.management-hero .management-seal-name {
    font-size: 0.7rem;
    line-height: 1.25;
    text-align: center;
}

.management-hero .management-hero-seal small {
    font-size: 0.46rem;
    line-height: 1.4;
    text-align: center;
}

@media (max-width: 900px) {
    .management-hero .management-hero-seal {
        display: none;
    }
}