:root{--ink:#071b2a;--teal:#0b6f72;--aqua:#75d3c8;--gold:#cfaa61;--ivory:#f7f4ec;--white:#fff;--muted:#5e6a72;--line:#dbe2df;--shadow:0 20px 60px rgba(7,27,42,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--ivory);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3rem,7vw,6.7rem);max-width:12ch}h2{font-size:clamp(2.2rem,4.6vw,4.4rem);max-width:15ch}h3{font-size:1.35rem}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.8rem}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);background:rgba(247,244,236,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(7,27,42,.08)}.brand,.portal-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand span:last-child{display:grid;line-height:1.15}.brand small{font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font:700 1.4rem Georgia}.site-header nav{display:flex;align-items:center;gap:clamp(.75rem,1.4vw,1.5rem)}.site-header nav>a{text-decoration:none;font-size:.85rem;font-weight:650}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;border:0;border-radius:999px;background:var(--teal);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button:hover{background:#07585a}.button.small{min-height:40px;padding:.55rem 1rem}.button.ghost{border:1px solid rgba(255,255,255,.7);background:transparent}.button.light{background:#fff;color:var(--ink)}.hero{min-height:calc(100vh - 82px);position:relative;display:grid;align-items:center;overflow:hidden;background:var(--ink);color:#fff}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,42,.98) 0%,rgba(7,27,42,.84) 30%,rgba(7,27,42,.08) 66%),url('../img/cic-home-banner.webp') center/cover no-repeat}.hero-copy{position:relative;width:min(720px,90%);margin-left:clamp(1.2rem,7vw,8rem);padding:5rem 0}.hero-copy p,.page-hero p{font-size:clamp(1.1rem,2vw,1.4rem);max-width:59ch}.eyebrow{display:block;margin-bottom:1rem;color:var(--teal);font-size:.74rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.hero .eyebrow,.dark .eyebrow,.cta .eyebrow,.page-hero.gold .eyebrow{color:var(--aqua)}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem)}.intro{background:#fff}.lead{font-size:clamp(1.25rem,2.3vw,1.8rem);max-width:60ch}.split{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,7vw,7rem);margin-top:3rem}.split article{padding-top:1.5rem;border-top:2px solid var(--gold)}.dark{background:var(--ink);color:#fff}.dark p{color:#ced8dc}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}.cards.three{grid-template-columns:repeat(3,1fr)}.card{display:block;padding:2rem;min-height:230px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;box-shadow:0 1px 0 rgba(7,27,42,.02);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card b{color:var(--teal);font-size:.8rem}.accent{background:#dfeee9}.chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.chips span{padding:.85rem 1rem;border:1px solid rgba(7,27,42,.18);border-radius:999px;background:rgba(255,255,255,.5);font-weight:700}.text-link{font-weight:800}.cta{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem);background:var(--teal);color:#fff}.page-hero{padding:clamp(6rem,11vw,11rem) clamp(1.25rem,8vw,9rem);background:var(--ink);color:#fff}.page-hero.gold{background:linear-gradient(135deg,#3c2b14,#80602c)}.verb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.verb-grid div{background:var(--ivory);padding:2rem;display:grid;gap:.4rem}.verb-grid b{font-size:2rem}.verb-grid span{color:var(--muted)}.pillar{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:2rem}.pillar>b{font:700 clamp(4rem,10vw,9rem)/1 Georgia;color:var(--gold)}.pillar.alt{background:#fff}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.benefits article{padding:2rem;border-top:1px solid var(--line)}.plan{max-width:780px}.plan li{margin:.8rem 0}.form-page{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}form{display:grid;gap:1rem}label{display:grid;gap:.45rem;font-weight:700;font-size:.9rem}input,select,textarea{width:100%;font:inherit;padding:.85rem 1rem;border:1px solid #aebbb7;border-radius:9px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(11,111,114,.2);border-color:var(--teal)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.check{grid-template-columns:auto 1fr;align-items:start}.check input{width:auto;margin-top:.35rem}.flash{padding:1rem;border-radius:9px}.flash.success{background:#d9f3e7}.flash.error{background:#fae1df}.auth-card{width:min(560px,calc(100% - 2rem));margin:7rem auto;padding:clamp(2rem,5vw,4rem);background:#fff;border-radius:20px;box-shadow:var(--shadow)}footer{padding:4rem clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:1fr auto;gap:2rem;background:#04121c;color:#fff}footer div:nth-child(2){display:grid;gap:.5rem}footer small{grid-column:1/-1;color:#9db0ba}.portal{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:#eff3f1}.portal aside{position:sticky;top:0;height:100vh;padding:1.5rem;background:var(--ink);color:#fff;display:flex;flex-direction:column}.portal aside nav{display:grid;gap:.25rem;margin-top:3rem}.portal aside nav a,.link-button{padding:.8rem;border-radius:8px;color:#c9d6da;text-decoration:none;background:none;border:0;text-align:left;font:inherit}.portal aside nav a:hover{background:rgba(255,255,255,.08);color:#fff}.portal aside form{margin-top:auto}.portal-main{min-width:0}.portal-main>header{height:72px;padding:0 2rem;display:flex;align-items:center;justify-content:flex-end;background:#fff;border-bottom:1px solid var(--line)}.portal-main>.flash{margin:1rem 2rem}.portal-hero,.portal-title{padding:clamp(2rem,5vw,5rem)}.portal-hero{background:linear-gradient(135deg,#fff,#dfeee9)}.portal-hero h1,.portal-title h1{font-size:clamp(2.3rem,5vw,4.8rem)}.portal-grid,.stats{padding:2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.portal-card,.stats article,.list article,.empty{padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none}.stats strong{display:block;font-size:2.7rem}.stats span{color:var(--muted)}.list{padding:0 2rem 3rem;display:grid;gap:1rem}.table-wrap{margin:0 2rem 3rem;overflow:auto;background:#fff;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{padding:.85rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#e7efec;text-transform:capitalize}.link-button{cursor:pointer} @media(max-width:1100px){.site-header nav>a:not(.button){display:none}.nav-toggle{display:block;border:0;background:none;font:inherit}.site-header nav.open{position:absolute;top:82px;left:0;right:0;padding:1.5rem;background:var(--ivory);display:grid}.site-header nav.open>a{display:block}.cards,.portal-grid,.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){h1{font-size:3.2rem}.hero-media{background:linear-gradient(0deg,rgba(7,27,42,.97),rgba(7,27,42,.4)),url('../img/cic-home-banner.webp') 65% center/cover}.hero-copy{align-self:end;margin:0;padding:4rem 1.25rem}.split,.cards,.cards.three,.verb-grid,.benefits,.form-page,.form-grid{grid-template-columns:1fr}.pillar{grid-template-columns:1fr}.portal{display:block}.portal aside{position:relative;height:auto}.portal aside nav{margin-top:1rem}.portal-main>header{display:none}.portal-grid,.stats{grid-template-columns:1fr}.site-header{height:72px}.brand strong{font-size:.8rem}.brand small{display:none}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* CIC header logo */
.site-header .brand-logo {
    display: block;
    width: auto;
    height: 66px;
    max-width: 230px;
    object-fit: contain;
}

@media (max-width: 720px) {
    .site-header .brand-logo {
        height: 56px;
        max-width: 180px;
    }
}
/* Corrected CIC header logo */
.site-header .brand {
    flex: 0 0 auto;
    height: 72px;
    overflow: hidden;
}
.site-header .brand-logo {
    display: block;
    width: auto;
    height: 64px;
    max-width: 330px;
    object-fit: contain;
}
@media (max-width: 720px) {
    .site-header .brand {
        height: 62px;
    }
    .site-header .brand-logo {
        height: 54px;
        max-width: 230px;
    }
}
.site-header .brand {
  flex: 0 0 auto !important;
  height: 72px !important;
  overflow: hidden !important;
}
.site-header .brand-logo {
  display: block !important;
  width: auto !important;
  height: 68px !important;
  max-width: 360px !important;
  object-fit: contain !important;
}
@media (max-width:720px) {
  .site-header .brand { height: 62px !important; }
  .site-header .brand-logo {
    height: 52px !important;
    max-width: 245px !important;
  }
}
/* White CIC public header */
.site-header {
  background: #ffffff !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid #dbe2df !important;
}

/* Advanced CIC administration */
.admin-form {
    margin: 0 2rem 3rem;
    padding: 2rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
}

.admin-form form {
    max-width: 960px;
}

.admin-actions {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.admin-actions form {
    display: inline-block;
}

.admin-actions .link-button {
    padding: .45rem .65rem;
    border: 1px solid var(--line);
    color: var(--ink);
    white-space: nowrap;
}

@media (max-width: 720px) {
    .admin-form {
        margin: 0 1rem 2rem;
        padding: 1.25rem;
    }
}

.credential-options {
    margin: 1.5rem 0;
    padding: 1.25rem;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.credential-options legend {
    padding: 0 .4rem;
    font-weight: 800;
}

.form-note {
    color: var(--muted);
    font-size: .9rem;
}

.application-detail {
    margin: 0 2rem 2rem;
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.detail-grid article {
    padding: 1.25rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.detail-grid small {
    display: block;
    color: var(--muted);
    margin-bottom: .35rem;
}

.detail-wide {
    grid-column: 1 / -1;
}

.admin-form + .admin-form,
.admin-form form + form {
    margin-top: 2rem;
}

.button.danger {
    background: #a52a2a;
}

.status-badge {
    display: inline-block;
    padding: .25rem .6rem;
    border-radius: 999px;
    background: #e7efec;
    font-weight: 700;
    font-size: .78rem;
}

.status-approved {
    background: #d9f3e7;
}

.status-declined {
    background: #fae1df;
}

.status-reviewing {
    background: #fff1c7;
}

@media (max-width: 720px) {
    .application-detail {
        margin: 0 1rem 1.5rem;
    }

    .detail-grid {
        grid-template-columns: 1fr;
    }

    .detail-wide {
        grid-column: auto;
    }
}

/* Google reCAPTCHA */
.captcha-wrap {
    margin: 1.1rem 0;
    min-height: 78px;
    max-width: 100%;
    overflow-x: auto;
}

.captcha-wrap .g-recaptcha {
    display: inline-block;
}

@media (max-width: 380px) {
    .captcha-wrap {
        transform: scale(.88);
        transform-origin: left top;
        width: 114%;
        margin-bottom: .25rem;
    }
}

/* Member portal dashboard layout correction */
.portal .portal-hero h1 {
    max-width: none;
    margin-bottom: 1.25rem;
    font-size: clamp(2.8rem, 4.5vw, 4.8rem);
    overflow-wrap: anywhere;
}

.portal .portal-grid {
    align-items: stretch;
}

.portal .portal-grid .portal-card {
    min-width: 0;
    min-height: 190px;
    overflow: hidden;
}

.portal .portal-grid .portal-card h2,
.portal .portal-grid .portal-card h3 {
    max-width: none;
    margin-bottom: .8rem;
    font-size: clamp(1.45rem, 1.8vw, 2rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.portal .portal-grid .portal-card p {
    margin-bottom: 0;
    color: var(--muted);
}

.portal .stats article {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .portal .portal-grid .portal-card {
        min-height: 160px;
    }
}

@media (max-width: 720px) {
    .portal .portal-hero h1 {
        font-size: 2.6rem;
    }

    .portal .portal-grid,
    .portal .stats {
        padding: 1rem;
    }

    .portal .portal-grid .portal-card {
        min-height: auto;
    }
}

/* Premium CIC member login */
.member-login {
    min-height: calc(100vh - 82px);
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(540px, 1.1fr);
    background: #f2f6f5;
}

.member-login__story {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(3rem, 6vw, 6.5rem);
    background:
        radial-gradient(circle at 85% 15%,
            rgba(117, 211, 200, .22), transparent 28%),
        linear-gradient(145deg, #061a29 0%, #0a3042 100%);
    color: #fff;
}

.member-login__story::before,
.member-login__story::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(207, 170, 97, .25);
    border-radius: 50%;
}

.member-login__story::before {
    width: 430px;
    height: 430px;
    right: -210px;
    bottom: -150px;
}

.member-login__story::after {
    width: 270px;
    height: 270px;
    right: -105px;
    bottom: -70px;
}

.member-login__kicker {
    display: block;
    margin-bottom: 1.4rem;
    color: var(--gold);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.member-login__story h1 {
    max-width: 9ch;
    margin-bottom: 1.5rem;
    font-size: clamp(3rem, 5.4vw, 5.8rem);
}

.member-login__intro {
    max-width: 580px;
    color: #cfdbdf;
    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
}

.member-login__benefits {
    display: grid;
    gap: 0;
    max-width: 620px;
    margin-top: clamp(3rem, 7vh, 6rem);
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.member-login__benefits > div {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 1rem;
    padding: 1.15rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.member-login__benefits span {
    color: var(--aqua);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.member-login__benefits p {
    margin: 0;
    color: #c9d7dc;
}

.member-login__benefits strong {
    display: block;
    margin-bottom: .15rem;
    color: #fff;
}

.member-login__partnership {
    margin: 3rem 0 0;
    color: #9fb4bd;
    font-size: .84rem;
}

.member-login__partnership strong {
    color: #fff;
}

.member-login__access {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(2rem, 6vw, 7rem);
}

.member-login__card {
    width: min(100%, 590px);
    margin: auto;
    padding: clamp(2rem, 4vw, 3.5rem);
    background: #fff;
    border: 1px solid rgba(7, 27, 42, .09);
    border-radius: 24px;
    box-shadow: 0 28px 80px rgba(7, 27, 42, .10);
}

.member-login__card-heading {
    margin-bottom: 1.8rem;
}

.member-login__card-heading h2 {
    max-width: none;
    margin-bottom: .65rem;
    font-size: clamp(2.2rem, 3vw, 3.2rem);
}

.member-login__card-heading p {
    max-width: 48ch;
    margin-bottom: 0;
    color: var(--muted);
}

.member-login__form {
    gap: 1.15rem;
}

.member-login__form label {
    color: #132b39;
}

.member-login__form input {
    min-height: 54px;
    border-color: #c9d5d2;
    border-radius: 11px;
}

.member-login__form input::placeholder {
    color: #8a999f;
}

.member-login__submit {
    width: 100%;
    gap: .75rem;
    margin-top: .25rem;
    box-shadow: 0 12px 28px rgba(11, 111, 114, .2);
}

.member-login__submit span {
    font-size: 1.2rem;
    transition: transform .2s ease;
}

.member-login__submit:hover span {
    transform: translateX(4px);
}

.member-login__support {
    margin-top: 1.6rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
    text-align: center;
}

.member-login__support p {
    margin-bottom: .5rem;
}

.member-login__support a {
    color: var(--teal);
    font-weight: 750;
}

.member-login__security {
    color: var(--muted);
    font-size: .77rem;
}

.member-login__legal {
    width: min(100%, 590px);
    margin: 1.5rem auto 0;
    display: flex;
    justify-content: center;
    gap: 1.3rem;
    flex-wrap: wrap;
}

.member-login__legal a {
    color: var(--muted);
    font-size: .78rem;
    text-decoration: none;
}

.member-login__legal a:hover {
    color: var(--teal);
    text-decoration: underline;
}

.member-login .g-recaptcha {
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 1000px) {
    .member-login {
        grid-template-columns: 1fr;
    }

    .member-login__story {
        min-height: auto;
        padding: 3.5rem 2rem;
    }

    .member-login__story h1 {
        max-width: 12ch;
        font-size: clamp(2.8rem, 8vw, 4.6rem);
    }

    .member-login__benefits {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin-top: 2.5rem;
        border-top: 0;
    }

    .member-login__benefits > div {
        grid-template-columns: 1fr;
        border: 1px solid rgba(255, 255, 255, .15);
        border-radius: 12px;
        padding: 1rem;
    }

    .member-login__partnership {
        margin-top: 2rem;
    }
}

@media (max-width: 640px) {
    .member-login {
        min-height: auto;
    }

    .member-login__story {
        padding: 2.5rem 1.25rem;
    }

    .member-login__story h1 {
        font-size: 2.65rem;
    }

    .member-login__benefits {
        grid-template-columns: 1fr;
    }

    .member-login__access {
        padding: 1.25rem;
    }

    .member-login__card {
        padding: 1.5rem;
        border-radius: 18px;
    }

    .member-login__legal {
        gap: .8rem;
    }
}

/* Premium CIC member portal shell */
.member-shell {
    grid-template-columns: 292px minmax(0, 1fr);
    background: #f1f5f3;
}

.member-shell .member-sidebar {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 100vh;
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background:
        radial-gradient(circle at 10% 5%,
            rgba(117, 211, 200, .12), transparent 25%),
        linear-gradient(180deg, #061d2b 0%, #071b2a 100%);
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, .06);
}

.member-brand {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .35rem .55rem 1.4rem;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.member-brand__mark {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #129496, #087174);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
    font: 700 1.45rem Georgia, serif;
}

.member-brand__text {
    display: grid;
    line-height: 1.15;
}

.member-brand__text strong {
    font-size: 1.05rem;
    letter-spacing: .02em;
}

.member-brand__text small {
    margin-top: .25rem;
    color: #90aab5;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.member-sidebar__label {
    margin: 2rem .8rem .65rem;
    color: #7894a1;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.member-shell .member-navigation {
    display: grid;
    gap: .35rem;
    margin: 0;
}

.member-shell .member-navigation a {
    position: relative;
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 48px;
    padding: .7rem .8rem;
    border-radius: 11px;
    color: #b9cbd2;
    font-size: .87rem;
    font-weight: 650;
    text-decoration: none;
    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.member-shell .member-navigation a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .06);
    transform: translateX(2px);
}

.member-shell .member-navigation a.active {
    color: #fff;
    background: linear-gradient(
        90deg,
        rgba(11, 128, 131, .95),
        rgba(11, 111, 114, .72)
    );
    box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
}

.member-shell .member-navigation a.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gold);
}

.member-navigation__icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, .07);
    color: #b9d2d8;
    font-size: .7rem;
    font-weight: 850;
}

.member-navigation a.active .member-navigation__icon {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.member-sidebar__account {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    padding: 1rem .65rem .2rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.member-avatar {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: var(--gold);
    color: var(--ink);
    font-size: .78rem;
    font-weight: 850;
}

.member-sidebar__identity {
    min-width: 0;
    display: grid;
    line-height: 1.25;
}

.member-sidebar__identity strong,
.member-sidebar__identity small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-sidebar__identity strong {
    font-size: .78rem;
}

.member-sidebar__identity small {
    margin-top: .2rem;
    color: #89a1ac;
    font-size: .65rem;
}

.member-sidebar__account form {
    margin: 0;
}

.member-signout {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: rgba(255, 255, 255, .07);
    color: #c2d0d5;
    cursor: pointer;
}

.member-signout:hover {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.member-shell .portal-main {
    min-width: 0;
}

.member-shell .member-topbar {
    position: sticky;
    top: 0;
    z-index: 15;
    height: 78px;
    padding: 0 clamp(1.25rem, 3vw, 3rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, .93);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
}

.member-topbar > div:first-child {
    display: grid;
    line-height: 1.25;
}

.member-topbar small {
    color: #74868e;
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.member-topbar strong {
    margin-top: .2rem;
    font-size: 1rem;
}

.member-topbar__account {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #61747c;
    font-size: .75rem;
    font-weight: 650;
}

.member-topbar__status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #32ae85;
    box-shadow: 0 0 0 4px rgba(50, 174, 133, .12);
}

@media (max-width: 900px) {
    .member-shell {
        display: block;
    }

    .member-shell .member-sidebar {
        position: relative;
        width: 100%;
        height: auto;
        padding: 1rem;
    }

    .member-shell .member-navigation {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 1rem;
    }

    .member-shell .member-navigation a {
        justify-content: center;
        text-align: center;
    }

    .member-sidebar__label {
        display: none;
    }

    .member-sidebar__account {
        margin-top: 1rem;
    }
}

@media (max-width: 640px) {
    .member-shell .member-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .member-shell .member-navigation a {
        align-items: flex-start;
        justify-content: flex-start;
        font-size: .75rem;
    }

    .member-shell .member-topbar {
        height: 66px;
    }

    .member-topbar__account {
        display: none;
    }
}

/* Premium CIC member dashboard */
.member-overview {
    min-height: 345px;
    padding: clamp(2.5rem, 5vw, 5rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    background:
        radial-gradient(circle at 90% 10%,
            rgba(117, 211, 200, .2), transparent 28%),
        linear-gradient(135deg, #fff 0%, #e7f1ee 100%);
    border-bottom: 1px solid var(--line);
}

.member-overview__copy {
    max-width: 900px;
}

.member-overview h1 {
    max-width: none;
    margin-bottom: 1rem;
    font-size: clamp(3rem, 5vw, 5.2rem);
}

.member-overview__intro {
    max-width: 680px;
    margin-bottom: 1.5rem;
    color: #425760;
    font-size: 1.02rem;
}

.member-overview__membership {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .8rem 1rem;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(7, 27, 42, .09);
    border-radius: 12px;
}

.member-status-dot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #31a77f;
    box-shadow: 0 0 0 5px rgba(49, 167, 127, .12);
}

.member-overview__membership div {
    display: grid;
    line-height: 1.35;
}

.member-overview__membership strong {
    font-size: .85rem;
}

.member-overview__membership span:last-child {
    color: #61747c;
    font-size: .75rem;
}

.member-overview__actions {
    min-width: 175px;
    display: grid;
    gap: .85rem;
    justify-items: center;
}

.member-secondary-action {
    color: var(--teal);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.member-metrics {
    padding: 1.75rem clamp(1.25rem, 3vw, 3rem);
    display: grid;
    grid-template-columns: 1.25fr repeat(3, 1fr);
    gap: 1rem;
}

.member-metric {
    position: relative;
    min-width: 0;
    min-height: 175px;
    overflow: hidden;
    padding: 1.4rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 7px 24px rgba(7, 27, 42, .035);
}

.member-metric::after {
    content: "";
    position: absolute;
    right: -34px;
    bottom: -34px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    opacity: .12;
}

.member-metric--membership::after {
    background: var(--teal);
}

.member-metric--knowledge::after {
    background: #2d9e91;
}

.member-metric--events::after {
    background: var(--gold);
}

.member-metric--circles::after {
    background: #775b9d;
}

.member-metric__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #60737b;
    font-size: .76rem;
    font-weight: 750;
}

.member-metric__icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #edf4f2;
    color: var(--teal);
    font-size: .68rem;
    font-weight: 850;
}

.member-metric > strong {
    display: block;
    max-width: 100%;
    margin-top: 1rem;
    font-size: clamp(1.8rem, 2.4vw, 2.7rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.member-metric p {
    margin: .65rem 0 0;
    color: #65777e;
    font-size: .8rem;
}

.member-section {
    padding: 2rem clamp(1.25rem, 3vw, 3rem);
}

.member-section__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.3rem;
}

.member-section__heading .eyebrow {
    margin-bottom: .55rem;
}

.member-section__heading h2 {
    max-width: none;
    margin-bottom: 0;
    font-size: clamp(1.8rem, 2.5vw, 2.7rem);
}

.member-section__heading > p {
    max-width: 480px;
    margin-bottom: .2rem;
    color: var(--muted);
    font-size: .85rem;
}

.member-section__link {
    color: var(--teal);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.member-journeys {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.member-journey {
    position: relative;
    min-width: 0;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    color: var(--ink);
    text-decoration: none;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.member-journey:hover {
    transform: translateY(-4px);
    border-color: rgba(11, 111, 114, .35);
    box-shadow: 0 18px 42px rgba(7, 27, 42, .09);
}

.member-journey__number {
    margin-bottom: 2rem;
    color: var(--teal);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.member-journey h3 {
    margin-bottom: .65rem;
    font-size: 1.3rem;
}

.member-journey p {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
}

.member-journey__arrow {
    margin-top: auto;
    align-self: flex-end;
    color: var(--teal);
    font-size: 1.25rem;
    transition: transform .2s ease;
}

.member-journey:hover .member-journey__arrow {
    transform: translateX(5px);
}

.member-events-panel {
    padding-bottom: 4rem;
}

.member-empty-state {
    min-height: 150px;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.6rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
}

.member-empty-state__icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #e5f1ee;
    color: var(--teal);
    font-size: 1.25rem;
    font-weight: 850;
}

.member-empty-state h3 {
    margin-bottom: .35rem;
}

.member-empty-state p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
}

.member-event-list {
    display: grid;
    gap: .8rem;
}

.member-event {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 1.2rem;
    align-items: center;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 15px;
}

.member-event time {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 14px;
    background: #e5f1ee;
    color: var(--teal);
    line-height: 1;
}

.member-event time strong {
    font-size: 1.35rem;
}

.member-event time span {
    margin-top: .3rem;
    font-size: .62rem;
    font-weight: 850;
}

.member-event__type {
    color: var(--teal);
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.member-event h3 {
    margin: .3rem 0;
}

.member-event p {
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
}

@media (max-width: 1180px) {
    .member-metrics,
    .member-journeys {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .member-overview {
        min-height: auto;
        align-items: flex-start;
        flex-direction: column;
        gap: 1.5rem;
    }

    .member-overview h1 {
        font-size: 2.7rem;
    }

    .member-overview__actions {
        width: 100%;
        justify-items: stretch;
    }

    .member-overview__actions .button {
        width: 100%;
    }

    .member-section__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }
}

@media (max-width: 560px) {
    .member-metrics,
    .member-journeys {
        grid-template-columns: 1fr;
    }

    .member-metric,
    .member-journey {
        min-height: auto;
    }

    .member-overview__membership {
        align-items: flex-start;
    }

    .member-empty-state {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* CIC Executive Corporate member dashboard */
.member-shell {
    --executive-navy: #0b2c4c;
    --executive-navy-dark: #061d33;
    --executive-gold: #d4ad55;
    --executive-teal: #159b92;
    --executive-blue: #4f7da4;
    --executive-purple: #78649a;
    --executive-surface: #f4f7f7;
    background: var(--executive-surface);
}

.member-shell .member-topbar {
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 1px 0 rgba(7, 27, 42, .06);
}

/* Executive membership banner */
.member-shell .member-overview {
    position: relative;
    min-height: 315px;
    margin: 2rem clamp(1.25rem, 3vw, 3rem) 0;
    overflow: hidden;
    padding: clamp(2.5rem, 4vw, 4rem);
    border: 0;
    border-radius: 20px;
    background:
        radial-gradient(circle at 88% 18%,
            rgba(117, 211, 200, .15), transparent 24%),
        linear-gradient(
            135deg,
            var(--executive-navy-dark),
            var(--executive-navy)
        );
    box-shadow: 0 20px 50px rgba(6, 29, 51, .16);
    color: #fff;
}

.member-shell .member-overview::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -230px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(212, 173, 85, .22);
    border-radius: 50%;
    box-shadow:
        0 0 0 60px rgba(212, 173, 85, .035),
        0 0 0 120px rgba(212, 173, 85, .025);
    pointer-events: none;
}

.member-shell .member-overview__copy,
.member-shell .member-overview__actions {
    position: relative;
    z-index: 1;
}

.member-shell .member-overview .eyebrow {
    color: var(--executive-gold);
}

.member-shell .member-overview h1 {
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
    letter-spacing: -.035em;
}

.member-shell .member-overview__intro {
    color: #cad8e0;
}

.member-shell .member-overview__membership {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .15);
    backdrop-filter: blur(8px);
}

.member-shell .member-overview__membership strong {
    color: #fff;
}

.member-shell .member-overview__membership span:last-child {
    color: #c1d0d8;
}

.member-shell .member-status-dot {
    background: #65d1a9;
    box-shadow: 0 0 0 5px rgba(101, 209, 169, .15);
}

.member-shell .member-overview__actions .button {
    background: var(--executive-gold);
    color: var(--executive-navy-dark);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.member-shell .member-overview__actions .button:hover {
    background: #e2bf70;
}

.member-shell .member-secondary-action {
    color: #fff;
}

/* Executive KPI cards */
.member-shell .member-metrics {
    padding-top: 1.5rem;
}

.member-shell .member-metric {
    min-height: 158px;
    padding: 1.3rem 1.4rem 1.3rem 1.55rem;
    border: 0;
    border-radius: 14px;
    box-shadow:
        0 1px 0 rgba(7, 27, 42, .08),
        0 10px 26px rgba(7, 27, 42, .05);
}

.member-shell .member-metric::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    border-radius: 14px 0 0 14px;
}

.member-shell .member-metric--membership::before {
    background: var(--executive-teal);
}

.member-shell .member-metric--knowledge::before {
    background: var(--executive-gold);
}

.member-shell .member-metric--events::before {
    background: var(--executive-blue);
}

.member-shell .member-metric--circles::before {
    background: var(--executive-purple);
}

.member-shell .member-metric::after {
    display: none;
}

.member-shell .member-metric__icon {
    background: #f0f4f5;
    color: var(--executive-navy);
}

.member-shell .member-metric > strong {
    color: var(--executive-navy-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

/* Executive content sections */
.member-shell .member-section {
    padding-top: 2.4rem;
}

.member-shell .member-section__heading h2 {
    color: var(--executive-navy-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
    letter-spacing: -.025em;
}

.member-shell .member-journeys {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-shell .member-journey {
    min-height: 175px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    grid-template-rows: 1fr;
    align-items: center;
    gap: 1rem;
    border: 0;
    border-radius: 14px;
    box-shadow:
        0 1px 0 rgba(7, 27, 42, .08),
        0 10px 26px rgba(7, 27, 42, .045);
}

.member-shell .member-journey::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: var(--executive-gold);
    opacity: 0;
    transition: opacity .2s ease;
}

.member-shell .member-journey:hover::before {
    opacity: 1;
}

.member-shell .member-journey__number {
    width: 42px;
    height: 42px;
    margin: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eaf2f1;
    color: var(--executive-teal);
}

.member-shell .member-journey h3 {
    color: var(--executive-navy-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    letter-spacing: -.015em;
}

.member-shell .member-journey__arrow {
    margin: 0;
    align-self: center;
}

.member-shell .member-events-panel {
    margin: 0 clamp(1.25rem, 3vw, 3rem) 3rem;
    padding: 2rem;
    background: #fff;
    border-radius: 16px;
    box-shadow:
        0 1px 0 rgba(7, 27, 42, .08),
        0 14px 34px rgba(7, 27, 42, .045);
}

.member-shell .member-empty-state {
    min-height: 120px;
    padding: 1.3rem;
    background: #f7f9f9;
    border-style: dashed;
}

.member-shell .member-empty-state__icon {
    background: var(--executive-navy);
    color: #fff;
}

@media (max-width: 900px) {
    .member-shell .member-overview {
        margin: 1rem;
        border-radius: 16px;
    }
}

@media (max-width: 760px) {
    .member-shell .member-overview {
        min-height: auto;
    }

    .member-shell .member-journeys {
        grid-template-columns: 1fr;
    }

    .member-shell .member-events-panel {
        margin: 0 1rem 2rem;
        padding: 1.25rem;
    }
}

@media (max-width: 520px) {
    .member-shell .member-journey {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .member-shell .member-journey__arrow {
        display: none;
    }
}

/* Premium online Knowledge & Learning library */
.resource-hero {
    padding: clamp(3rem, 5vw, 5rem);
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    background:
        radial-gradient(circle at 90% 10%,
            rgba(117, 211, 200, .18), transparent 26%),
        linear-gradient(135deg, #fff, #e8f1ef);
    border-bottom: 1px solid var(--line);
}

.resource-hero h1 {
    max-width: 12ch;
    margin-bottom: 1rem;
    color: #071f36;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 5vw, 5rem);
    font-weight: 500;
}

.resource-hero p {
    max-width: 700px;
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
}

.resource-hero__count {
    width: 116px;
    height: 116px;
    flex: 0 0 116px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background: #0b2c4c;
    color: #fff;
    box-shadow: 0 16px 34px rgba(11, 44, 76, .16);
}

.resource-hero__count strong {
    font: 500 2.3rem/1 Georgia, serif;
}

.resource-hero__count span {
    margin-top: .4rem;
    color: #bed0d9;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.resource-library {
    padding: 2rem clamp(1.25rem, 3vw, 3rem) 4rem;
}

.resource-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 240px auto auto;
    gap: .8rem;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
}

.resource-clear {
    color: var(--teal);
    font-size: .8rem;
    font-weight: 750;
}

.resource-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.resource-card {
    min-width: 0;
    min-height: 310px;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(7, 27, 42, .045);
    transition: transform .2s ease, box-shadow .2s ease;
}

.resource-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(7, 27, 42, .09);
}

.resource-card__top,
.resource-card__footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.resource-category {
    color: var(--teal);
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.resource-format {
    padding: .28rem .5rem;
    background: #edf3f2;
    border-radius: 6px;
    color: #61747c;
    font-size: .6rem;
    font-weight: 850;
    text-transform: uppercase;
}

.resource-card__content {
    margin: 2rem 0;
}

.resource-card h2 {
    max-width: none;
    margin-bottom: .8rem;
    color: #0b2c4c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.65rem;
    font-weight: 500;
}

.resource-card p {
    color: var(--muted);
    font-size: .84rem;
}

.resource-card__footer {
    margin-top: auto;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.resource-card__footer > span {
    color: #7b8b91;
    font-size: .7rem;
}

.resource-card__footer a {
    color: var(--teal);
    font-size: .76rem;
    font-weight: 850;
    text-decoration: none;
}

.resource-empty {
    padding: 5rem 2rem;
    text-align: center;
    background: #fff;
    border: 1px dashed #bbc9c5;
    border-radius: 16px;
}

.resource-empty > span {
    width: 52px;
    height: 52px;
    margin: 0 auto 1rem;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #e5f1ee;
    color: var(--teal);
    font-weight: 850;
}

.resource-empty h2 {
    max-width: none;
    font-size: 2rem;
}

.resource-reader {
    padding: clamp(2rem, 4vw, 4rem);
}

.resource-reader__header {
    max-width: 950px;
    margin: 0 auto 2rem;
}

.resource-back {
    display: inline-block;
    margin-bottom: 2.5rem;
    color: var(--teal);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.resource-reader__header h1 {
    max-width: 15ch;
    margin: .8rem 0 1rem;
    color: #0b2c4c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.8rem, 5vw, 5rem);
    font-weight: 500;
}

.resource-reader__header > p {
    max-width: 760px;
    color: var(--muted);
    font-size: 1.05rem;
}

.resource-reader__header small {
    color: #75868d;
}

.resource-reader__body,
.resource-viewer,
.resource-external {
    max-width: 1100px;
    margin: 2rem auto;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
}

.resource-reader__body {
    font-size: 1rem;
    line-height: 1.85;
}

.resource-viewer__heading,
.resource-external {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.resource-viewer__heading h2,
.resource-external h2 {
    max-width: none;
    margin: 0;
    font: 500 2rem/1.1 Georgia, serif;
}

.resource-viewer__heading > span {
    color: #64777e;
    font-size: .72rem;
}

.resource-viewer iframe {
    width: 100%;
    height: min(75vh, 900px);
    margin-top: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #eef2f1;
}

.resource-external {
    background: #0b2c4c;
    color: #fff;
}

.resource-external .eyebrow {
    color: #d4ad55;
}

.resource-external p {
    margin: .5rem 0 0;
    color: #c4d2d9;
}

@media (max-width: 1050px) {
    .resource-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .resource-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .resource-toolbar {
        grid-template-columns: 1fr;
    }

    .resource-grid {
        grid-template-columns: 1fr;
    }

    .resource-viewer__heading,
    .resource-external {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Protected content imagery */
.resource-card {
    overflow: hidden;
}

.resource-card__image {
    display: block;
    aspect-ratio: 16 / 9;
    margin: -1px -1px 1.25rem;
    overflow: hidden;
    background: #dfe9e6;
}

.resource-card__image img,
.resource-reader__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resource-card__image img {
    transition: transform .35s ease;
}

.resource-card:hover .resource-card__image img {
    transform: scale(1.025);
}

.resource-reader__cover {
    width: min(1120px, calc(100% - 4rem));
    aspect-ratio: 16 / 7;
    margin: 0 auto 2rem;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #dfe9e6;
}

.admin-resource-cover {
    margin-top: 2rem;
}

@media (max-width: 720px) {
    .resource-reader__cover {
        width: calc(100% - 2rem);
        aspect-ratio: 16 / 9;
    }
}

/* Protected content imagery */
.resource-card {
    overflow: hidden;
}

.resource-card__image {
    display: block;
    aspect-ratio: 16 / 9;
    margin: -1px -1px 1.25rem;
    overflow: hidden;
    background: #dfe9e6;
}

.resource-card__image img,
.resource-reader__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resource-card__image img {
    transition: transform .35s ease;
}

.resource-card:hover .resource-card__image img {
    transform: scale(1.025);
}

.resource-reader__cover {
    width: min(1120px, calc(100% - 4rem));
    aspect-ratio: 16 / 7;
    margin: 0 auto 2rem;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #dfe9e6;
}

.admin-resource-cover {
    margin-top: 2rem;
}

@media (max-width: 720px) {
    .resource-reader__cover {
        width: calc(100% - 2rem);
        aspect-ratio: 16 / 9;
    }
}

/* Private recorded webinar player */
.resource-video {
    width: min(1120px, calc(100% - 4rem));
    margin: 2rem auto;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #071b2a;
    color: #fff;
    box-shadow: var(--shadow);
}

.resource-video__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.resource-video__heading h2 {
    margin-bottom: 0;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.resource-video__heading > span {
    color: #b9c9cf;
    font-size: .82rem;
}

.resource-video video {
    display: block;
    width: 100%;
    max-height: 72vh;
    border-radius: 12px;
    background: #000;
}

@media (max-width: 720px) {
    .resource-video {
        width: calc(100% - 2rem);
    }

    .resource-video__heading {
        align-items: start;
        flex-direction: column;
    }
}

/* Member-specific protected-content watermark */
.resource-reader[data-watermark]::after {
    content: attr(data-watermark);
    position: fixed;
    z-index: 90;
    right: 2rem;
    bottom: 1.5rem;
    max-width: calc(100vw - 4rem);
    padding: .48rem .8rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(3, 19, 31, .62);
    color: rgba(255, 255, 255, .82);
    box-shadow: 0 8px 25px rgba(3, 19, 31, .16);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .045em;
    line-height: 1.3;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    backdrop-filter: blur(6px);
}

.resource-reader[data-protected-content] {
    -webkit-touch-callout: none;
}

.resource-reader[data-protected-content] img,
.resource-reader[data-protected-content] video,
.resource-reader[data-protected-content] iframe {
    -webkit-user-drag: none;
}

@media print {
    .resource-reader[data-protected-content] > * {
        display: none !important;
    }

    .resource-reader[data-protected-content]::before {
        content: "Protected CIC member content — printing is disabled";
        display: block;
        padding: 3rem;
        background: #fff;
        color: #071b2a;
        font: 700 18px/1.5 sans-serif;
    }
}

@media (max-width: 720px) {
    .resource-reader[data-watermark]::after {
        right: 1rem;
        bottom: 1rem;
        max-width: calc(100vw - 2rem);
        font-size: .6rem;
    }
}

/* Secure page-image document reader */
.secure-document-pages {
    display: grid;
    gap: 1.25rem;
    max-height: 78vh;
    overflow-y: auto;
    padding: 1rem;
    border-radius: 12px;
    background: #dfe5e5;
    overscroll-behavior: contain;
}

.secure-document-page {
    position: relative;
    overflow: hidden;
    width: min(100%, 1050px);
    margin: 0 auto;
    border: 1px solid rgba(7, 27, 42, .14);
    background: #fff;
    box-shadow: 0 10px 28px rgba(7, 27, 42, .11);
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.secure-document-page img {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.secure-document-page::before,
.secure-document-page::after {
    content: attr(data-page-watermark);
    position: absolute;
    z-index: 5;
    left: 50%;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(.72rem, 1.4vw, 1rem);
    font-weight: 800;
    letter-spacing: .12em;
    white-space: nowrap;
    text-shadow:
        0 1px 3px rgba(0, 0, 0, .95),
        0 0 8px rgba(0, 0, 0, .72);
    pointer-events: none;
    transform: translateX(-50%) rotate(-18deg);
}

.secure-document-page::before {
    top: 32%;
}

.secure-document-page::after {
    top: 68%;
}

.secure-document-page figcaption {
    position: absolute;
    z-index: 6;
    right: .7rem;
    bottom: .6rem;
    padding: .28rem .5rem;
    border-radius: 999px;
    background: rgba(3, 19, 31, .72);
    color: #fff;
    font-size: .62rem;
    pointer-events: none;
}

.secure-document-unavailable {
    padding: 3rem 1.5rem;
    border: 1px solid #dbe2df;
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

/* White member watermark directly over video */
.resource-video[data-video-watermark] {
    position: relative;
}

.resource-video[data-video-watermark]::after {
    content: attr(data-video-watermark);
    position: absolute;
    z-index: 8;
    left: 50%;
    top: 58%;
    color: rgba(255, 255, 255, .86);
    font-size: clamp(.72rem, 1.4vw, 1.05rem);
    font-weight: 800;
    letter-spacing: .12em;
    white-space: nowrap;
    text-shadow:
        0 1px 3px rgba(0, 0, 0, .95),
        0 0 9px rgba(0, 0, 0, .78);
    pointer-events: none;
    transform: translate(-50%, -50%) rotate(-12deg);
}

@media print {
    .secure-document-pages,
    .resource-video {
        display: none !important;
    }
}

/* Refined light watermark — one per document page */
.secure-document-page::before {
    top: 50%;
    color: rgba(255, 255, 255, .30);
    font-size: clamp(.68rem, 1.25vw, .92rem);
    font-weight: 700;
    letter-spacing: .09em;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, .32),
        0 0 4px rgba(0, 0, 0, .18);
    transform: translate(-50%, -50%) rotate(-18deg);
}

.secure-document-page::after {
    content: none;
    display: none;
}

/* Refined light watermark over recorded video */
.resource-video[data-video-watermark]::after {
    top: 58%;
    color: rgba(255, 255, 255, .30);
    font-size: clamp(.68rem, 1.25vw, .92rem);
    font-weight: 700;
    letter-spacing: .09em;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, .34),
        0 0 4px rgba(0, 0, 0, .18);
    transform: translate(-50%, -50%) rotate(-12deg);
}

/* Sample-style diagonal document watermark */
.secure-document-page::before {
    content: attr(data-page-watermark);
    display: block;
    top: 50%;
    left: 50%;
    width: max-content;
    max-width: 88%;
    color: rgba(55, 65, 75, .17);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 2.25vw, 2.15rem);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    transform: translate(-50%, -50%) rotate(-35deg);
}

.secure-document-page::after {
    content: none;
    display: none;
}

/* Sample-style watermark directly over video */
.resource-video[data-video-watermark]::after {
    content: attr(data-video-watermark);
    top: 58%;
    left: 50%;
    width: max-content;
    max-width: 88%;
    color: rgba(255, 255, 255, .24);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 2.2vw, 2rem);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1;
    text-align: center;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, .20);
    white-space: nowrap;
    transform: translate(-50%, -50%) rotate(-25deg);
}

/* Executive CIC member events */
.event-directory-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 3rem;
    padding: clamp(3rem, 7vw, 6.5rem);
    background:
        radial-gradient(circle at 88% 18%,
            rgba(117, 211, 200, .3), transparent 28%),
        linear-gradient(135deg, #fff 0%, #e7f1ee 100%);
    border-bottom: 1px solid var(--line);
}

.event-directory-hero h1 {
    margin-bottom: 1.25rem;
    font-size: clamp(3.2rem, 6vw, 6rem);
}

.event-directory-hero p {
    max-width: 720px;
    margin: 0;
    font-size: 1.08rem;
}

.event-directory-hero__mark {
    display: grid;
    gap: .25rem;
    min-width: 220px;
    padding: 1.4rem;
    border-left: 3px solid var(--gold);
}

.event-directory-hero__mark span {
    color: var(--teal);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.event-directory-hero__mark strong {
    font: 600 1.5rem Georgia, serif;
}

.member-event-directory {
    padding: clamp(2rem, 5vw, 4.5rem);
}

.member-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
}

.member-section-heading h2 {
    margin: 0;
    font: 600 clamp(2rem, 4vw, 3.4rem) Georgia, serif;
}

.member-section-heading > p {
    color: var(--muted);
}

.member-event-cards {
    display: grid;
    gap: 1.25rem;
}

.member-event-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(7, 27, 42, .06);
}

.member-event-card__date {
    display: grid;
    place-content: center;
    text-align: center;
    background: var(--ink);
    color: #fff;
}

.member-event-card__date span {
    color: var(--aqua);
    font-size: .8rem;
    font-weight: 850;
    letter-spacing: .16em;
}

.member-event-card__date strong {
    font: 600 4rem/1 Georgia, serif;
}

.member-event-card__date small {
    margin-top: .45rem;
    color: #b8c7cc;
}

.member-event-card__content {
    padding: clamp(1.5rem, 3vw, 2.4rem);
}

.member-event-card__meta,
.member-event-detail__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .7rem;
    margin-bottom: .8rem;
    color: var(--teal);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.member-event-card h2 {
    margin-bottom: .7rem;
    font: 600 clamp(1.7rem, 3vw, 2.5rem) Georgia, serif;
}

.member-event-card__content > p {
    max-width: 780px;
    color: var(--muted);
}

.member-event-card__details {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2.5rem;
    padding: 1rem 0;
    border-top: 1px solid var(--line);
}

.member-event-card__details span {
    display: grid;
    color: var(--muted);
    font-size: .86rem;
}

.member-event-card__details strong {
    color: var(--ink);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-event-card__link,
.member-event-back {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    margin-top: 1rem;
    color: var(--teal);
    font-weight: 800;
    text-decoration: none;
}

.event-registration-badge,
.event-capacity-badge {
    display: inline-flex;
    padding: .38rem .7rem;
    border-radius: 999px;
    letter-spacing: .05em;
}

.event-registration-badge {
    background: #dff4eb;
    color: #087052;
}

.event-capacity-badge {
    background: #fae7e4;
    color: #9b3028;
}

.member-event-empty {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
}

.member-event-empty__icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #e5f1ee;
    color: var(--teal);
    font-weight: 900;
}

.member-event-detail {
    width: min(1180px, calc(100% - 3rem));
    margin: 0 auto;
    padding: 2.5rem 0 5rem;
}

.member-event-detail__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 3rem;
    margin-top: 2rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    background:
        radial-gradient(circle at 88% 15%,
            rgba(117, 211, 200, .2), transparent 25%),
        var(--ink);
    color: #fff;
    border-radius: 24px;
}

.member-event-detail__hero h1 {
    max-width: 900px;
    margin-bottom: 1rem;
    font-size: clamp(3rem, 6vw, 5.8rem);
}

.member-event-detail__hero p {
    max-width: 740px;
    color: #d7e1e4;
    font-size: 1.05rem;
}

.member-event-detail__date {
    align-self: start;
    display: grid;
    padding: 1.5rem;
    text-align: center;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 18px;
    background: rgba(255,255,255,.08);
}

.member-event-detail__date span {
    color: var(--aqua);
    font-weight: 850;
    letter-spacing: .16em;
}

.member-event-detail__date strong {
    font: 600 4.7rem/1 Georgia, serif;
}

.member-event-detail__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .45fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.member-event-information,
.member-event-registration {
    padding: clamp(1.7rem, 3vw, 2.5rem);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
}

.member-event-information h2,
.member-event-registration h2 {
    font: 600 2.2rem Georgia, serif;
}

.member-event-information dl {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin: 1.5rem 0 0;
}

.member-event-information dl div {
    padding: 1.15rem 0;
    border-top: 1px solid var(--line);
}

.member-event-information dt {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.member-event-information dd {
    margin: .25rem 0 0;
    font-weight: 700;
}

.member-event-registration {
    background: #eef5f2;
}

.member-event-registration__status {
    display: block;
    margin-bottom: 1rem;
    color: var(--teal);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.member-event-registration form {
    margin: 1.4rem 0 1rem;
}

@media (max-width: 850px) {
    .event-directory-hero,
    .member-event-detail__hero,
    .member-event-detail__body {
        grid-template-columns: 1fr;
    }

    .event-directory-hero__mark {
        display: none;
    }

    .member-event-card {
        grid-template-columns: 105px minmax(0, 1fr);
    }

    .member-event-information dl {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .member-event-detail {
        width: min(100% - 1.5rem, 1180px);
    }

    .member-event-card {
        grid-template-columns: 1fr;
    }

    .member-event-card__date {
        grid-template-columns: auto auto auto;
        gap: .5rem;
        padding: 1rem;
    }

    .member-event-card__date strong {
        font-size: 1rem;
    }

    .member-section-heading {
        align-items: start;
        flex-direction: column;
    }
}

/* Executive CIC member Circles */
.circle-member-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: end;
    gap: 4rem;
    padding: clamp(3rem, 7vw, 6.5rem);
    background:
        radial-gradient(circle at 88% 15%,
            rgba(117, 211, 200, .3), transparent 28%),
        linear-gradient(135deg, #fff 0%, #e6f1ee 100%);
    border-bottom: 1px solid var(--line);
}

.circle-member-hero h1 {
    max-width: 900px;
    margin-bottom: 1.25rem;
    font-size: clamp(3.2rem, 6vw, 6rem);
}

.circle-member-hero p {
    max-width: 760px;
    margin: 0;
    font-size: 1.08rem;
}

.circle-member-hero__principle {
    display: grid;
    gap: .4rem;
    padding: 1.5rem;
    border-left: 3px solid var(--gold);
}

.circle-member-hero__principle span {
    color: var(--teal);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.circle-member-hero__principle strong {
    font: 600 1.5rem Georgia, serif;
}

.circle-member-directory {
    padding: clamp(2rem, 5vw, 4.5rem);
}

.circle-member-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.circle-member-card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.6rem, 3vw, 2.5rem);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(7, 27, 42, .06);
}

.circle-member-card::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(11, 111, 114, .14);
    border-radius: 50%;
}

.circle-member-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.circle-member-card__number {
    color: var(--teal);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.circle-member-card__status {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #39705f;
    font-size: .72rem;
    font-weight: 750;
}

.circle-member-card__status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3eb58c;
    box-shadow: 0 0 0 4px rgba(62,181,140,.13);
}

.circle-member-card__mark {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin-bottom: 1.5rem;
    border-radius: 16px;
    background: var(--ink);
    color: var(--aqua);
    font: 600 2rem Georgia, serif;
}

.circle-member-card__key {
    color: var(--teal);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.circle-member-card h2 {
    margin: .45rem 0 .8rem;
    font: 600 clamp(2rem, 4vw, 3rem) Georgia, serif;
}

.circle-member-card > p {
    max-width: 620px;
    min-height: 4.8em;
    color: var(--muted);
}

.circle-member-card__footer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    margin-top: 1.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--line);
}

.circle-member-card__footer span {
    display: grid;
    color: var(--muted);
    font-size: .82rem;
}

.circle-member-card__footer strong {
    color: var(--ink);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.circle-trust-panel {
    display: grid;
    grid-template-columns: .65fr 1.35fr;
    gap: 3rem;
    margin-top: 1.5rem;
    padding: clamp(2rem, 4vw, 3.5rem);
    background: var(--ink);
    color: #fff;
    border-radius: 20px;
}

.circle-trust-panel h2 {
    font: 600 clamp(2rem, 4vw, 3.4rem) Georgia, serif;
}

.circle-trust-panel__principles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(255,255,255,.14);
}

.circle-trust-panel__principles span {
    display: grid;
    align-content: start;
    gap: .55rem;
    padding: 1.4rem;
    background: var(--ink);
    color: #bdcbd0;
    font-size: .86rem;
}

.circle-trust-panel__principles strong {
    color: #fff;
    font: 600 1.15rem Georgia, serif;
}

.circle-member-empty {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 2rem;
    padding: clamp(2rem, 5vw, 4rem);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
}

.circle-member-empty__mark {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #e4f0ed;
    color: var(--teal);
    font: 600 2.5rem Georgia, serif;
}

.circle-member-empty h2 {
    margin-bottom: .8rem;
    font: 600 clamp(2rem, 4vw, 3.2rem) Georgia, serif;
}

.circle-member-empty p {
    max-width: 720px;
    color: var(--muted);
}

@media (max-width: 900px) {
    .circle-member-hero,
    .circle-trust-panel {
        grid-template-columns: 1fr;
    }

    .circle-member-hero__principle {
        display: none;
    }

    .circle-trust-panel__principles {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .circle-member-grid,
    .circle-member-empty {
        grid-template-columns: 1fr;
    }
}

/* Executive CIC member Circles */
.circle-member-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: end;
    gap: 4rem;
    padding: clamp(3rem, 7vw, 6.5rem);
    background:
        radial-gradient(circle at 88% 15%,
            rgba(117, 211, 200, .3), transparent 28%),
        linear-gradient(135deg, #fff 0%, #e6f1ee 100%);
    border-bottom: 1px solid var(--line);
}

.circle-member-hero h1 {
    max-width: 900px;
    margin-bottom: 1.25rem;
    font-size: clamp(3.2rem, 6vw, 6rem);
}

.circle-member-hero p {
    max-width: 760px;
    margin: 0;
    font-size: 1.08rem;
}

.circle-member-hero__principle {
    display: grid;
    gap: .4rem;
    padding: 1.5rem;
    border-left: 3px solid var(--gold);
}

.circle-member-hero__principle span {
    color: var(--teal);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.circle-member-hero__principle strong {
    font: 600 1.5rem Georgia, serif;
}

.circle-member-directory {
    padding: clamp(2rem, 5vw, 4.5rem);
}

.circle-member-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.circle-member-card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.6rem, 3vw, 2.5rem);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(7, 27, 42, .06);
}

.circle-member-card::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(11, 111, 114, .14);
    border-radius: 50%;
}

.circle-member-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.circle-member-card__number {
    color: var(--teal);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.circle-member-card__status {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #39705f;
    font-size: .72rem;
    font-weight: 750;
}

.circle-member-card__status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3eb58c;
    box-shadow: 0 0 0 4px rgba(62,181,140,.13);
}

.circle-member-card__mark {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin-bottom: 1.5rem;
    border-radius: 16px;
    background: var(--ink);
    color: var(--aqua);
    font: 600 2rem Georgia, serif;
}

.circle-member-card__key {
    color: var(--teal);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.circle-member-card h2 {
    margin: .45rem 0 .8rem;
    font: 600 clamp(2rem, 4vw, 3rem) Georgia, serif;
}

.circle-member-card > p {
    max-width: 620px;
    min-height: 4.8em;
    color: var(--muted);
}

.circle-member-card__footer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    margin-top: 1.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--line);
}

.circle-member-card__footer span {
    display: grid;
    color: var(--muted);
    font-size: .82rem;
}

.circle-member-card__footer strong {
    color: var(--ink);
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.circle-trust-panel {
    display: grid;
    grid-template-columns: .65fr 1.35fr;
    gap: 3rem;
    margin-top: 1.5rem;
    padding: clamp(2rem, 4vw, 3.5rem);
    background: var(--ink);
    color: #fff;
    border-radius: 20px;
}

.circle-trust-panel h2 {
    font: 600 clamp(2rem, 4vw, 3.4rem) Georgia, serif;
}

.circle-trust-panel__principles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(255,255,255,.14);
}

.circle-trust-panel__principles span {
    display: grid;
    align-content: start;
    gap: .55rem;
    padding: 1.4rem;
    background: var(--ink);
    color: #bdcbd0;
    font-size: .86rem;
}

.circle-trust-panel__principles strong {
    color: #fff;
    font: 600 1.15rem Georgia, serif;
}

.circle-member-empty {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 2rem;
    padding: clamp(2rem, 5vw, 4rem);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
}

.circle-member-empty__mark {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #e4f0ed;
    color: var(--teal);
    font: 600 2.5rem Georgia, serif;
}

.circle-member-empty h2 {
    margin-bottom: .8rem;
    font: 600 clamp(2rem, 4vw, 3.2rem) Georgia, serif;
}

.circle-member-empty p {
    max-width: 720px;
    color: var(--muted);
}

@media (max-width: 900px) {
    .circle-member-hero,
    .circle-trust-panel {
        grid-template-columns: 1fr;
    }

    .circle-member-hero__principle {
        display: none;
    }

    .circle-trust-panel__principles {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .circle-member-grid,
    .circle-member-empty {
        grid-template-columns: 1fr;
    }
}

/* Executive CIC Member Circle Room */
.circle-room-hero {
    width: min(1460px, calc(100% - 4rem));
    min-height: 390px;
    margin: 2rem auto 0;
    padding: clamp(2.25rem, 5vw, 5rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    align-items: center;
    gap: 3rem;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 26px;
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(117, 211, 200, .22),
            transparent 27%
        ),
        linear-gradient(135deg, #061a29 0%, #0b3448 100%);
    color: #fff;
    box-shadow: 0 24px 65px rgba(7, 27, 42, .16);
}

.circle-room-hero::before,
.circle-room-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(207, 170, 97, .28);
    border-radius: 50%;
}

.circle-room-hero::before {
    width: 460px;
    height: 460px;
    right: -210px;
    bottom: -300px;
}

.circle-room-hero::after {
    width: 320px;
    height: 320px;
    right: -130px;
    bottom: -220px;
}

.circle-room-back {
    display: inline-flex;
    margin-bottom: 2.2rem;
    color: #bdd3d8;
    text-decoration: none;
    font-size: .78rem;
    font-weight: 750;
}

.circle-room-back:hover {
    color: #fff;
}

.circle-room-hero .eyebrow {
    margin-bottom: 1rem;
    color: #75d3c8;
}

.circle-room-hero h1 {
    max-width: 850px;
    margin-bottom: 1.25rem;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3.2rem, 6vw, 6.2rem);
    font-weight: 500;
    letter-spacing: -.055em;
}

.circle-room-hero > div:first-child > p {
    max-width: 760px;
    margin-bottom: 2rem;
    color: #d3e0e4;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.circle-room-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.circle-room-meta span {
    padding: .65rem .9rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: #dbe6e8;
    font-size: .73rem;
    font-weight: 700;
}

.circle-room-meta i {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: #61d2ae;
    box-shadow: 0 0 0 5px rgba(97, 210, 174, .13);
}

.circle-room-hero__mark {
    width: 190px;
    height: 190px;
    display: grid;
    place-items: center;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(255, 255, 255, .17),
            rgba(255, 255, 255, .04)
        );
    color: #75d3c8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 6.5rem;
    box-shadow:
        inset 0 0 0 15px rgba(255, 255, 255, .025),
        0 20px 50px rgba(0, 0, 0, .2);
}

.circle-room-summary {
    width: min(1380px, calc(100% - 7rem));
    margin: -2rem auto 2.5rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    position: relative;
    z-index: 2;
}

.circle-room-summary article {
    min-height: 150px;
    padding: 1.35rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #d9e2df;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(7, 27, 42, .09);
}

.circle-room-summary article::after {
    content: "";
    width: 78px;
    height: 78px;
    position: absolute;
    right: -28px;
    bottom: -28px;
    border-radius: 50%;
    background: rgba(117, 211, 200, .17);
}

.circle-room-summary article:nth-child(2)::after {
    background: rgba(207, 170, 97, .17);
}

.circle-room-summary article:nth-child(3)::after {
    background: rgba(79, 130, 165, .15);
}

.circle-room-summary article:nth-child(4)::after {
    background: rgba(128, 91, 159, .14);
}

.circle-room-summary span,
.circle-room-summary small {
    display: block;
    color: #64747c;
}

.circle-room-summary span {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.circle-room-summary strong {
    display: block;
    margin: .4rem 0;
    color: #071b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.8rem;
    line-height: 1;
}

.circle-room-layout {
    width: min(1400px, calc(100% - 6rem));
    margin: 0 auto 5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.5rem;
    align-items: start;
}

.circle-room-primary {
    min-width: 0;
    display: grid;
    gap: 1.5rem;
}

.circle-room-section,
.circle-room-sidebar > section {
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border: 1px solid #d9e2df;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(7, 27, 42, .055);
}

.circle-room-heading {
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    border-bottom: 1px solid #e0e7e4;
}

.circle-room-heading .eyebrow {
    margin-bottom: .6rem;
}

.circle-room-heading h2,
.circle-room-sidebar h2 {
    max-width: none;
    margin: 0;
    color: #071b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 500;
    letter-spacing: -.035em;
}

.circle-room-empty {
    min-height: 145px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px dashed #bccac6;
    border-radius: 14px;
    background: #f8faf9;
}

.circle-room-empty > span {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #e4f1ee;
    color: #0b6f72;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
}

.circle-room-empty h3 {
    margin-bottom: .25rem;
}

.circle-room-empty p {
    margin: 0;
    color: #607079;
}

.circle-announcement-list {
    display: grid;
    gap: 1rem;
}

.circle-announcement-list article {
    padding: 1.35rem;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 1rem;
    border: 1px solid #dce5e2;
    border-radius: 15px;
    background:
        linear-gradient(135deg, #fff, #f8fbfa);
}

.circle-announcement-list__number {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #0b6f72;
    color: #fff;
    font-size: .76rem;
    font-weight: 850;
}

.circle-announcement-list article > div:last-child > span {
    color: #718189;
    font-size: .7rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.circle-announcement-list h3 {
    margin: .35rem 0 .65rem;
    color: #071b2a;
    font-size: 1.22rem;
    letter-spacing: -.015em;
}

.circle-announcement-list p {
    margin: 0;
    color: #415761;
    line-height: 1.7;
}

.circle-session-list {
    display: grid;
    gap: .9rem;
}

.circle-session-list article {
    padding: 1.25rem;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.15rem;
    border: 1px solid #dce5e2;
    border-radius: 15px;
    background: #fbfcfc;
}

.circle-session-date {
    width: 70px;
    height: 76px;
    display: grid;
    place-content: center;
    text-align: center;
    border-radius: 14px;
    background: #e4f1ee;
    color: #0b6f72;
}

.circle-session-date strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.8rem;
    line-height: 1;
}

.circle-session-date span {
    margin-top: .25rem;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.circle-session-copy .eyebrow {
    margin-bottom: .4rem;
}

.circle-session-copy h3 {
    margin-bottom: .35rem;
    color: #071b2a;
}

.circle-session-copy p {
    margin-bottom: .25rem;
    color: #5c6e76;
}

.circle-resource-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.circle-resource-grid > a {
    min-width: 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    border: 1px solid #dce5e2;
    border-radius: 16px;
    background: #fff;
    color: #071b2a;
    text-decoration: none;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.circle-resource-grid > a:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 35px rgba(7, 27, 42, .1);
}

.circle-resource-cover {
    min-height: 190px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background:
        linear-gradient(145deg, #082536, #0b6f72);
}

.circle-resource-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.circle-resource-cover > span {
    color: #75d3c8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 4rem;
}

.circle-resource-grid > a > div:last-child {
    padding: 1.2rem;
}

.circle-resource-grid h3 {
    margin-bottom: .5rem;
    font-size: 1.05rem;
}

.circle-resource-grid p {
    margin-bottom: 1rem;
    display: -webkit-box;
    overflow: hidden;
    color: #64747c;
    font-size: .82rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.circle-resource-grid strong {
    color: #0b6f72;
    font-size: .76rem;
}

.circle-room-sidebar {
    display: grid;
    gap: 1.5rem;
    position: sticky;
    top: 92px;
}

.circle-room-sidebar > section {
    padding: 1.5rem;
}

.circle-room-sidebar h2 {
    margin-bottom: 1.3rem;
    font-size: 1.8rem;
}

.circle-participant-list {
    display: grid;
    gap: .65rem;
}

.circle-participant-list article {
    padding: .8rem;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    border-radius: 12px;
    background: #f1f6f4;
}

.circle-participant-list article > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #0b6f72;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
}

.circle-participant-list article > div {
    min-width: 0;
    display: grid;
}

.circle-participant-list strong,
.circle-participant-list small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.circle-participant-list small {
    color: #687980;
}

.circle-room-commitment {
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(117, 211, 200, .17),
            transparent 30%
        ),
        #071b2a !important;
    color: #fff;
}

.circle-room-commitment .eyebrow {
    color: #75d3c8;
}

.circle-room-commitment h2 {
    color: #fff;
}

.circle-room-commitment ul {
    margin: 0;
    padding: 0;
    display: grid;
    gap: .7rem;
    list-style: none;
}

.circle-room-commitment li {
    padding: .75rem 0 .75rem 1.5rem;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #cfdbde;
}

.circle-room-commitment li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #75d3c8;
    font-weight: 900;
}

.circle-member-card__action {
    margin-top: 1.25rem;
    padding: .85rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px;
    background: #0b6f72;
    color: #fff;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 800;
    transition:
        background .2s ease,
        transform .2s ease;
}

.circle-member-card__action:hover {
    transform: translateY(-2px);
    background: #07595b;
}

@media (max-width: 1200px) {
    .circle-room-layout {
        grid-template-columns: 1fr;
    }

    .circle-room-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: static;
    }

    .circle-resource-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .circle-room-hero {
        grid-template-columns: 1fr;
    }

    .circle-room-hero__mark {
        display: none;
    }

    .circle-room-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .circle-room-hero,
    .circle-room-summary,
    .circle-room-layout {
        width: calc(100% - 2rem);
    }

    .circle-room-hero {
        min-height: auto;
        margin-top: 1rem;
        padding: 1.5rem;
        border-radius: 18px;
    }

    .circle-room-hero h1 {
        font-size: 3rem;
    }

    .circle-room-summary {
        margin-top: 1rem;
        grid-template-columns: 1fr;
    }

    .circle-room-layout {
        margin-bottom: 2rem;
    }

    .circle-room-sidebar {
        grid-template-columns: 1fr;
    }

    .circle-room-heading {
        align-items: start;
        flex-direction: column;
    }

    .circle-session-list article {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .circle-session-list article .button {
        grid-column: 1 / -1;
    }

    .circle-resource-grid > a {
        grid-template-columns: 1fr;
    }

    .circle-resource-cover {
        min-height: 180px;
    }
}

/* CXO Circle final refinement */
.circle-room-sidebar {
    padding: 0 !important;
    background: transparent !important;
}

.circle-room-sidebar > section {
    overflow: hidden;
}

.circle-announcement-list article {
    align-items: start;
}

.circle-briefing-preview {
    max-width: 82ch;
    color: #3f555f !important;
    font-size: .94rem;
    line-height: 1.75 !important;
}

.circle-briefing-details {
    margin-top: 1rem;
    border-top: 1px solid #dce5e2;
}

.circle-briefing-details summary {
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    color: #0b6f72;
    cursor: pointer;
    list-style: none;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .025em;
}

.circle-briefing-details summary::-webkit-details-marker {
    display: none;
}

.circle-briefing-details summary strong {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #e5f2ef;
    color: #0b6f72;
    font-size: 1rem;
    transition: transform .2s ease;
}

.circle-briefing-details[open] summary strong {
    transform: rotate(45deg);
}

.circle-briefing-details > div {
    max-width: 82ch;
    padding: .25rem 0 1rem;
    color: #3f555f;
    font-size: .93rem;
    line-height: 1.85;
}

.circle-room-section:first-child {
    border-top: 3px solid #0b6f72;
}

.circle-room-sidebar > section:first-child {
    border-top: 3px solid #cfaa61;
}

.circle-room-commitment {
    border-color: rgba(117, 211, 200, .24) !important;
}

.circle-member-grid:has(> .circle-member-card:only-child) {
    grid-template-columns: minmax(540px, 820px);
}

@media (max-width: 720px) {
    .circle-member-grid:has(> .circle-member-card:only-child) {
        grid-template-columns: 1fr;
    }

    .circle-briefing-preview,
    .circle-briefing-details > div {
        font-size: .88rem;
    }
}

/* CIC expanded-copy layer 20260910 */
.hero-copy > p + p,.section > p + p,.split article > p + p{margin-top:.8rem}
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.journey{margin:2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.journey span{padding:1.4rem;display:grid;color:#c9dadd;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.journey b{margin-top:.35rem;color:#75d3c8;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;letter-spacing:0;text-transform:none}
.feature-list{margin:1.3rem 0 1.7rem;padding:0;display:grid;gap:.7rem;list-style:none}.feature-list li{padding:1rem 1.1rem;display:grid;gap:.25rem;border-left:3px solid #0b6f72;background:rgba(11,111,114,.06)}.feature-list li strong{color:inherit}.feature-list li span{color:#60717a;line-height:1.6}.dark .feature-list li{border-left-color:#75d3c8;background:rgba(255,255,255,.055)}.dark .feature-list li span{color:#cad8dc}
.outcome{margin-top:1.8rem;padding:1.4rem;border-radius:14px;background:#071b2a;color:#fff}.outcome>span{display:block;margin-bottom:.45rem;color:#75d3c8;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.outcome>strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem}.outcome>p{margin:.5rem 0 0;color:#cbd8dc}.closing-line{max-width:950px;margin:3rem auto 0;text-align:center}
.benefits article>b{display:block;margin-bottom:.7rem;color:#0b6f72;font-size:.75rem;letter-spacing:.12em}
@media(max-width:1100px){.cards.four,.cards.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cards.four,.cards.five,.journey{grid-template-columns:1fr}.journey{gap:0}.journey span+span{border-top:1px solid rgba(255,255,255,.14)}}

/* CIC premium public UI 20260910 */
body{background:#f5f7f6;color:#102735;font-size:16px;line-height:1.72}
main{overflow:hidden}
h1,h2,h3{text-wrap:balance}
h1{max-width:14ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.25rem,5.8vw,6.1rem);font-weight:500;letter-spacing:-.048em}
h2{max-width:22ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.35rem,4vw,4.15rem);font-weight:500;letter-spacing:-.04em}
h3{font-size:clamp(1.15rem,1.5vw,1.42rem);letter-spacing:-.02em}
p{max-width:76ch;color:#425964}
.lead{max-width:70ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2vw,1.78rem);line-height:1.48;color:#193743}
.eyebrow{margin-bottom:.85rem;color:#08767a;font-size:.72rem;letter-spacing:.19em}
.site-header{height:88px;padding:0 clamp(1.2rem,3.7vw,4.5rem);background:rgba(255,255,255,.95);box-shadow:0 1px 18px rgba(7,27,42,.055)}
.site-header nav{gap:clamp(.65rem,1.15vw,1.25rem)}
.site-header nav>a{font-size:.78rem}
.section,.cta{padding:clamp(4.5rem,7vw,7.25rem) max(6vw,calc((100vw - 1480px)/2))}
.section{position:relative;background:#f7f9f8}
.section:nth-of-type(even){background:#fff}
.section.intro{padding-top:clamp(4.75rem,7vw,7rem);padding-bottom:clamp(4.75rem,7vw,7rem)}
.section.intro>h2{max-width:20ch;margin-bottom:1.5rem}
.section.intro>.lead{margin-bottom:1rem}
.section.intro>.split{margin-top:2.75rem}
.section.intro>.split+ .lead{margin-top:2.5rem;max-width:56ch;padding-left:1.4rem;border-left:3px solid #cfaa61}
.split{gap:clamp(2rem,4vw,5rem);margin-top:2.5rem}
.split article{padding:1.6rem 1.6rem 1.8rem;border:1px solid #dce5e2;border-top:3px solid #cfaa61;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 12px 36px rgba(7,27,42,.055)}
.split article p{font-size:.97rem;line-height:1.75}
.dark{background:linear-gradient(135deg,#061a29 0%,#0b3244 100%)!important}
.dark>p{max-width:76ch;color:#cfdbdf;font-size:1rem}
.dark>.lead{color:#fff}
.dark h2{color:#fff}
.cards{gap:1rem;margin-top:2.25rem}
.card{min-height:0;padding:1.65rem;border-color:#d9e3e0;border-radius:15px;box-shadow:0 10px 28px rgba(7,27,42,.045)}
.card h3{margin:.65rem 0 .7rem}.card p{margin-bottom:0;font-size:.94rem;line-height:1.66}
.accent{background:linear-gradient(135deg,#e5f1ee,#f4f8f7)!important}
.cta{background:linear-gradient(135deg,#087174,#0a4c5e);position:relative}
.cta h2{max-width:21ch}.cta p{color:#d7e8e8;font-size:1.05rem}
.page-hero{min-height:500px;padding:clamp(5.5rem,8vw,8rem) max(6vw,calc((100vw - 1480px)/2));display:grid;align-content:center;background:radial-gradient(circle at 86% 20%,rgba(117,211,200,.2),transparent 28%),linear-gradient(135deg,#061a29,#0a3548)}
.page-hero h1{max-width:15ch;margin-bottom:1.35rem}.page-hero p{max-width:66ch;color:#d5e0e3;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.65}
.page-hero.gold{background:radial-gradient(circle at 86% 20%,rgba(207,170,97,.24),transparent 28%),linear-gradient(135deg,#2b2113,#62491f)}
.verb-grid{gap:1rem;background:transparent}.verb-grid div{min-height:180px;padding:1.6rem;border:1px solid #dce5e2;border-radius:14px;background:#fff}.verb-grid b{font-family:Georgia,"Times New Roman",serif;font-size:1.75rem;font-weight:500}.verb-grid span{font-size:.93rem;line-height:1.6}
.pillar{padding:clamp(4.5rem,7vw,7.25rem) max(6vw,calc((100vw - 1480px)/2));grid-template-columns:150px minmax(0,960px);justify-content:center;gap:clamp(2rem,5vw,5rem)}
.pillar>b{font-size:clamp(4.5rem,7vw,7rem);opacity:.8}.pillar>div>h2{max-width:20ch}.pillar>div>p{font-size:1rem}.pillar.alt{background:#fff}
.feature-list li{border-radius:0 10px 10px 0}.outcome{box-shadow:0 15px 35px rgba(7,27,42,.12)}
.benefits{gap:1rem}.benefits article{padding:1.6rem;border:1px solid #dce5e2;border-radius:14px;background:#fff}.benefits article h3{margin-bottom:.55rem}.benefits article p{margin:0;font-size:.95rem}
.journey{max-width:1000px;border-radius:14px;overflow:hidden}
.closing-line{font-size:clamp(2rem,3.2vw,3.35rem)}
footer{padding:4rem max(6vw,calc((100vw - 1480px)/2))}
@media(max-width:1100px){.section,.cta,.page-hero,.pillar{padding-left:2rem;padding-right:2rem}.cards.four,.cards.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body{font-size:15px}.site-header{height:72px}.section,.cta,.page-hero,.pillar{padding:3.75rem 1.25rem}.page-hero{min-height:430px}.section.intro{padding-top:3.75rem;padding-bottom:3.75rem}.split{gap:1rem;margin-top:2rem}.split article{padding:1.3rem}.cards.four,.cards.five{grid-template-columns:1fr}.verb-grid div{min-height:0}.pillar{grid-template-columns:1fr;gap:1rem}.pillar>b{font-size:3.5rem}.lead{font-size:1.25rem}}

/* CIC balanced partnership cards 20260910 */

.cic-partnership {
    padding-top: clamp(4.5rem, 7vw, 7rem) !important;
    padding-bottom: clamp(4.5rem, 7vw, 7rem) !important;
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(11, 111, 114, .07),
            transparent 25%
        ),
        #f7f9f8 !important;
}

.cic-section-intro {
    max-width: 1050px;
    margin-bottom: 3rem;
}

.cic-section-intro h2 {
    max-width: 900px !important;
    margin-bottom: 1.5rem;
    color: #071b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 4.6vw, 5rem) !important;
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -.045em;
}

.cic-section-intro .lead {
    max-width: 850px;
    margin-bottom: 1rem;
    color: #183844;
    font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
    line-height: 1.5;
}

.cic-section-intro > p:not(.lead) {
    max-width: 920px;
    color: #536872;
    font-size: 1.05rem;
    line-height: 1.8;
}

.cic-partners {
    width: 100%;
    max-width: 1400px;
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
    align-items: stretch;
}

.cic-partner-card {
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #d8e2df !important;
    border-top: 1px solid #d8e2df !important;
    border-radius: 20px !important;
    background: #fff;
    box-shadow: 0 18px 48px rgba(7, 27, 42, .08);
}

.cic-partner-logo {
    width: 100%;
    height: 185px;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cic-partner-logo--avtar {
    background:
        linear-gradient(
            145deg,
            #fff 0%,
            #eef3f2 100%
        );
    border-bottom: 1px solid #dce5e2;
}

.cic-partner-logo--seramount {
    background:
        radial-gradient(
            circle at 82% 15%,
            rgba(117, 211, 200, .22),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #061a29 0%,
            #0b3549 100%
        );
}

.cic-partner-logo img {
    width: auto !important;
    height: auto !important;
    display: block;
    object-fit: contain;
}

.cic-partner-logo--avtar img {
    max-width: 430px !important;
    max-height: 120px !important;
}

.cic-partner-logo--seramount img {
    width: min(330px, 80%) !important;
    max-width: 80% !important;
    max-height: 85px !important;
}

.cic-partner-content {
    padding: 2rem 2.2rem 2.25rem;
    flex: 1;
}

.cic-partner-content .eyebrow {
    margin-bottom: .75rem;
}

.cic-partner-content h2,
.cic-partner-content h3 {
    max-width: 560px !important;
    margin-bottom: 1.1rem;
    color: #071b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.65vw, 3rem) !important;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.035em;
}

.cic-partner-content p {
    max-width: 64ch;
    color: #425a65;
    font-size: 1.05rem !important;
    line-height: 1.78 !important;
}

.cic-partner-content .text-link {
    display: inline-block;
    margin-top: .7rem;
    color: #0b6f72;
    font-size: .95rem;
    font-weight: 800;
}

.cic-partner-statement {
    max-width: 1050px;
    margin: 3rem 0 0;
    padding: 1.4rem 1.7rem;
    border: 0;
    border-left: 4px solid #cfaa61;
    background: #fff;
    color: #173743;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    line-height: 1.55;
    box-shadow: 0 10px 30px rgba(7, 27, 42, .05);
}

@media (max-width: 900px) {
    .cic-partners {
        grid-template-columns: 1fr !important;
    }

    .cic-partner-logo {
        height: 165px;
    }
}

@media (max-width: 600px) {
    .cic-partnership {
        padding: 3.5rem 1.25rem !important;
    }

    .cic-section-intro h2 {
        font-size: 2.6rem !important;
    }

    .cic-partner-logo {
        height: 135px;
        padding: 1.4rem;
    }

    .cic-partner-logo--avtar img {
        max-width: 90% !important;
        max-height: 95px !important;
    }

    .cic-partner-content {
        padding: 1.5rem;
    }

    .cic-partner-content h2,
    .cic-partner-content h3 {
        font-size: 2rem !important;
    }

    .cic-partner-content p {
        font-size: 1rem !important;
    }
}

/* Larger Avtar and Seramount company titles */

.cic-partner-content > .eyebrow {
    margin-bottom: 1rem !important;
    color: #0b6f72 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.8vw, 3rem) !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
    text-transform: none !important;
}

@media (max-width: 600px) {
    .cic-partner-content > .eyebrow {
        font-size: 2rem !important;
    }
}

/* CIC card icons and alignment 20260910 */

/* Consistent executive content alignment */

.section > .eyebrow,
.section > h2,
.section > h3,
.section > p,
.section > .cards,
.section > .chips,
.section > .text-link,
.section > .benefits,
.section > .plan,
.section > .verb-grid {
    margin-left: auto;
    margin-right: auto;
}

.section > .eyebrow,
.section > h2,
.section > h3,
.section > p,
.section > .chips,
.section > .text-link {
    width: min(1320px, 100%);
}

.section > .cards,
.section > .benefits,
.section > .verb-grid {
    width: min(1320px, 100%);
}

.section > h2 {
    max-width: 1320px !important;
}

.section > p.lead {
    max-width: 1320px !important;
}

/* Correct the closing statement collision */

.section > .cards + .lead {
    margin-top: 2.5rem !important;
    margin-bottom: 0;
    padding: 1.5rem 1.75rem;
    border-left: 4px solid #cfaa61;
    border-radius: 0 12px 12px 0;
    background: #fff;
    box-shadow: 0 10px 30px rgba(7, 27, 42, .045);
    color: #173743;
    font-size: clamp(1.3rem, 1.8vw, 1.65rem) !important;
    line-height: 1.55;
}

/* Challenge cards */

.challenge-cards {
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: stretch;
    margin-top: 2.25rem !important;
}

.challenge-cards .card {
    min-height: 270px !important;
    padding: 1.65rem !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #d8e3e0;
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            #fff 0%,
            #fbfcfc 100%
        );
    box-shadow: 0 14px 35px rgba(7, 27, 42, .065);
}

.challenge-cards .card::before,
.pillar-cards .card::before {
    content: "";
    width: 54px;
    height: 54px;
    margin-bottom: 1.35rem;
    display: block;
    flex: 0 0 54px;
    border: 1px solid rgba(11, 111, 114, .18);
    border-radius: 15px;
    background-color: #e8f3f1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px 27px;
}

/* Knowledge: open book */

.challenge-cards .card:nth-child(1)::before,
.pillar-cards .card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230b6f72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h6a4 4 0 0 1 4 4v12a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 4h-6a4 4 0 0 0-4 4v12a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}

/* Silos: connected organisational nodes */

.challenge-cards .card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230b6f72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.5'/%3E%3Ccircle cx='5' cy='18' r='2.5'/%3E%3Ccircle cx='19' cy='18' r='2.5'/%3E%3Cpath d='M10.8 7.2 6.2 15.8M13.2 7.2l4.6 8.6M7.5 18h9'/%3E%3C/svg%3E");
}

/* Redundant work: circular arrows */

.challenge-cards .card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230b6f72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5'/%3E%3Cpath d='M4 17v-5h5'/%3E%3Cpath d='M6.1 8.2A7 7 0 0 1 18.8 9L20 12M4 12l1.2 3A7 7 0 0 0 18 15.8'/%3E%3C/svg%3E");
}

/* Peer inspiration: people and spark */

.challenge-cards .card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230b6f72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M2.5 19c.6-3.3 2.4-5 5.5-5s4.9 1.7 5.5 5'/%3E%3Cpath d='m17 4 .7 1.8L19.5 6.5l-1.8.7L17 9l-.7-1.8-1.8-.7 1.8-.7z'/%3E%3Cpath d='M16 14c3 0 4.8 1.7 5.5 5'/%3E%3C/svg%3E");
}

.challenge-cards .card h3 {
    margin: 0 0 .7rem;
    color: #071b2a;
    font-size: 1.32rem !important;
    line-height: 1.25;
}

.challenge-cards .card p {
    margin: 0;
    color: #4e646e;
    font-size: .96rem !important;
    line-height: 1.7;
}

/* Three Pillar cards */

.pillar-cards {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: stretch;
}

.pillar-cards .card {
    min-height: 285px !important;
    padding: 1.75rem !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(7, 27, 42, .065);
}

.pillar-cards .card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230b6f72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3Cpath d='m4 7 6-5 6 7 5-4'/%3E%3C/svg%3E");
}

.pillar-cards .card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%230b6f72' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='7' r='2.5'/%3E%3Cpath d='M2 20c.5-4 2.5-6 6-6s5.5 2 6 6M14 14c4.5-.5 7 1.5 8 5'/%3E%3C/svg%3E");
}

.pillar-cards .card > b {
    order: 2;
    margin-bottom: .55rem;
    color: #0b6f72;
    font-size: .72rem;
    letter-spacing: .12em;
}

.pillar-cards .card > h3 {
    order: 3;
    margin: 0 0 .7rem;
    font-size: 1.45rem !important;
}

.pillar-cards .card > p {
    order: 4;
    margin: 0;
    font-size: .98rem !important;
    line-height: 1.7;
}

.pillar-cards .card::before {
    order: 1;
}

/* Responsive alignment */

@media (max-width: 1100px) {
    .challenge-cards {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    .pillar-cards {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 650px) {
    .challenge-cards {
        grid-template-columns: 1fr !important;
    }

    .challenge-cards .card,
    .pillar-cards .card {
        min-height: 0 !important;
    }

    .section > .cards + .lead {
        margin-top: 1.5rem !important;
        padding: 1.2rem;
    }
}

/* CIC visible inline card icons 20260910 */

/* Remove blocked CSS background icons */

.challenge-cards .card::before,
.pillar-cards .card::before {
    display: none !important;
    content: none !important;
    background-image: none !important;
}

/* Visible CSP-safe inline SVG icons */

.cic-card-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 1.35rem;
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    border: 1px solid rgba(11, 111, 114, .22);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            #edf7f5 0%,
            #dfeeed 100%
        );
    color: #0b6f72;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .75),
        0 8px 18px rgba(7, 27, 42, .06);
}

.cic-card-icon svg {
    width: 29px;
    height: 29px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Preserve correct order inside Pillar cards */

.pillar-cards .cic-card-icon {
    order: 1;
}

.pillar-cards .card > b {
    order: 2;
}

.pillar-cards .card > h3 {
    order: 3;
}

.pillar-cards .card > p {
    order: 4;
}

/* Slightly stronger visual variation */

.challenge-cards .card:nth-child(2) .cic-card-icon,
.pillar-cards .card:nth-child(2) .cic-card-icon {
    background:
        linear-gradient(
            145deg,
            #f7f0df 0%,
            #f1e5c8 100%
        );
    border-color: rgba(176, 128, 38, .24);
    color: #9b6b17;
}

.challenge-cards .card:nth-child(3) .cic-card-icon,
.pillar-cards .card:nth-child(3) .cic-card-icon {
    background:
        linear-gradient(
            145deg,
            #eaf2f8 0%,
            #dce8f1 100%
        );
    border-color: rgba(55, 106, 143, .2);
    color: #376a8f;
}

.challenge-cards .card:nth-child(4) .cic-card-icon {
    background:
        linear-gradient(
            145deg,
            #f1ecf6 0%,
            #e7ddf0 100%
        );
    border-color: rgba(111, 76, 145, .2);
    color: #6f4c91;
}

@media (max-width: 650px) {
    .cic-card-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .cic-card-icon svg {
        width: 26px;
        height: 26px;
    }
}

/* CIC foundation image final correction */

.foundation-bg {
    min-height: 820px;
    padding:
        clamp(5rem, 7vw, 7.5rem)
        max(51vw, calc((100vw - 1480px) / 2 + 700px))
        clamp(5rem, 7vw, 7.5rem)
        max(6vw, calc((100vw - 1480px) / 2)) !important;

    position: relative;
    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            #061d2b 0%,
            #061d2b 48%,
            rgba(6, 29, 43, .93) 54%,
            rgba(6, 29, 43, .28) 72%,
            rgba(6, 29, 43, .12) 100%
        ),
        url("/assets/img/cic-foundation.webp")
        right center / auto 100% no-repeat !important;
}

.foundation-bg::after {
    content: "COLLECTIVE INTELLIGENCE";
    padding: .75rem 1rem;
    position: absolute;
    right: max(3rem, calc((100vw - 1480px) / 2));
    bottom: 3rem;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    background: rgba(6, 29, 43, .72);
    color: #fff;
    backdrop-filter: blur(8px);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.foundation-bg > .eyebrow,
.foundation-bg > h2,
.foundation-bg > h3,
.foundation-bg > p,
.foundation-bg > .journey,
.foundation-bg > .button {
    width: 100%;
    max-width: 720px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.foundation-bg > h2 {
    margin-bottom: 1.5rem;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3.2rem, 4.2vw, 4.7rem) !important;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.045em;
}

.foundation-bg > h3 {
    margin-bottom: 1.25rem;
    color: #fff;
    font-size: clamp(1.25rem, 1.5vw, 1.5rem);
    line-height: 1.35;
}

.foundation-bg > p {
    color: #d4e0e3 !important;
    font-size: 1rem !important;
    line-height: 1.78;
}

.foundation-bg > .journey {
    margin: 2rem 0 1.7rem !important;
    grid-template-columns: 1fr !important;
    gap: 0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .075);
}

.foundation-bg > .journey span {
    padding: 1rem 1.2rem;
    grid-template-columns: 190px 1fr;
    align-items: center;
}

.foundation-bg > .journey span + span {
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.foundation-bg > .journey b {
    margin-top: 0;
    font-size: 1.15rem;
}

.foundation-bg > .button {
    width: auto;
    margin-top: .65rem !important;
}

@media (max-width: 1100px) {
    .foundation-bg {
        min-height: auto;
        padding:
            5rem 2rem
            31rem !important;

        background:
            linear-gradient(
                180deg,
                #061d2b 0%,
                #061d2b 57%,
                rgba(6, 29, 43, .25) 72%,
                rgba(6, 29, 43, .08) 100%
            ),
            url("/assets/img/cic-foundation.webp")
            center bottom / 100% auto no-repeat !important;
    }

    .foundation-bg::after {
        right: 2rem;
        bottom: 2rem;
    }

    .foundation-bg > .eyebrow,
    .foundation-bg > h2,
    .foundation-bg > h3,
    .foundation-bg > p,
    .foundation-bg > .journey {
        max-width: 850px !important;
    }
}

@media (max-width: 650px) {
    .foundation-bg {
        padding:
            4rem 1.25rem
            20rem !important;

        background:
            linear-gradient(
                180deg,
                #061d2b 0%,
                #061d2b 69%,
                rgba(6, 29, 43, .15) 80%
            ),
            url("/assets/img/cic-foundation.webp")
            center bottom / 100% auto no-repeat !important;
    }

    .foundation-bg > h2 {
        font-size: 2.65rem !important;
    }

    .foundation-bg > .journey span {
        grid-template-columns: 1fr;
        gap: .3rem;
    }

    .foundation-bg::after {
        display: none;
    }
}

/* CIC Circle public visual redesign 20260910 */

/* Image 1: Circle page hero */

.circle-public-hero {
    min-height: 650px;
    padding-right: 52% !important;
    background:
        linear-gradient(
            90deg,
            #061a29 0%,
            #061a29 39%,
            rgba(6, 26, 41, .92) 48%,
            rgba(6, 26, 41, .2) 71%,
            rgba(6, 26, 41, .06) 100%
        ),
        url("/assets/img/cic-circle-roundtable.webp")
        right center / 62% auto no-repeat !important;
}

.circle-public-hero h1 {
    max-width: 760px !important;
    font-size: clamp(3.5rem, 5vw, 5.6rem) !important;
}

.circle-public-hero p {
    max-width: 680px;
    color: #d8e4e6;
    font-size: 1.14rem;
}

/* Image 2: engagement visual with six action cards */

.circle-verb-grid {
    grid-template-columns:
        minmax(300px, 1.15fr)
        repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(180px, auto));
    gap: 1rem !important;
    background: transparent !important;
}

.circle-engagement-card {
    min-width: 0;
    min-height: 376px;
    margin: 0;
    overflow: hidden;
    position: relative;
    grid-row: 1 / span 2;
    border-radius: 18px;
    background: #071b2a;
    box-shadow: 0 18px 45px rgba(7, 27, 42, .12);
}

.circle-engagement-card::after {
    content: "";
    position: absolute;
    inset: 40% 0 0;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(5, 24, 37, .92)
        );
}

.circle-engagement-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.circle-engagement-card figcaption {
    max-width: 260px;
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    z-index: 2;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    line-height: 1.2;
}

.circle-verb-grid > div {
    min-height: 180px;
    padding: 1.5rem;
    border: 1px solid #d8e3e0;
    border-radius: 16px;
    background: #fff;
}

.circle-verb-grid > div b {
    font-size: 1.55rem;
}

/* Images 3 and 4: relevant card icons */

.role-circle-cards,
.circle-practice-cards {
    align-items: stretch;
}

.role-circle-cards .card,
.circle-practice-cards .card {
    min-height: 245px !important;
    padding: 1.6rem !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.circle-card-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 1.25rem;
    display: grid;
    place-items: center;
    flex: 0 0 56px;
    border: 1px solid rgba(11, 111, 114, .2);
    border-radius: 15px;
    background: #e8f3f1;
    color: #0b6f72;
}

.circle-card-icon svg {
    width: 28px;
    height: 28px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.role-circle-cards .card:nth-child(2) .circle-card-icon,
.circle-practice-cards .card:nth-child(2) .circle-card-icon {
    background: #f5ecd9;
    color: #9b6b17;
}

.role-circle-cards .card:nth-child(3) .circle-card-icon,
.circle-practice-cards .card:nth-child(3) .circle-card-icon {
    background: #e6eef5;
    color: #376a8f;
}

.role-circle-cards .card:nth-child(4) .circle-card-icon,
.circle-practice-cards .card:nth-child(4) .circle-card-icon {
    background: #eee7f4;
    color: #6f4c91;
}

.role-circle-cards h3,
.circle-practice-cards h3 {
    margin-bottom: .65rem;
    font-size: 1.35rem !important;
}

.role-circle-cards p,
.circle-practice-cards p {
    margin-bottom: 0;
    color: #4c626c;
    font-size: .96rem !important;
    line-height: 1.68;
}

@media (max-width: 1200px) {
    .circle-public-hero {
        padding-right: 42% !important;
    }

    .circle-verb-grid {
        grid-template-columns:
            minmax(300px, 1fr)
            repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(170px, auto));
    }

    .circle-engagement-card {
        grid-row: 1 / span 3;
    }
}

@media (max-width: 900px) {
    .circle-public-hero {
        min-height: 740px;
        padding: 4rem 2rem 25rem !important;
        align-content: start;
        background:
            linear-gradient(
                180deg,
                #061a29 0%,
                #061a29 47%,
                rgba(6, 26, 41, .2) 68%
            ),
            url("/assets/img/cic-circle-roundtable.webp")
            center bottom / 100% 54% no-repeat !important;
    }

    .circle-verb-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto;
    }

    .circle-engagement-card {
        min-height: 380px;
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .role-circle-cards,
    .circle-practice-cards {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 650px) {
    .circle-public-hero {
        min-height: 690px;
        padding: 3.5rem 1.25rem 20rem !important;
    }

    .circle-public-hero h1 {
        font-size: 2.8rem !important;
    }

    .circle-verb-grid,
    .role-circle-cards,
    .circle-practice-cards {
        grid-template-columns: 1fr !important;
    }

    .circle-engagement-card {
        min-height: 290px;
    }

    .role-circle-cards .card,
    .circle-practice-cards .card {
        min-height: 0 !important;
    }
}

/* CIC six visual cards 20260910 */

.circle-six-visuals {
    width: min(1380px, 100%);
    margin: 0 auto;
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    grid-template-rows: auto !important;
    background: transparent !important;
}

.circle-six-visuals > .circle-visual-card {
    min-width: 0;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #d7e1de;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(7, 27, 42, .075);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.circle-six-visuals > .circle-visual-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 48px rgba(7, 27, 42, .13);
}

.circle-visual-card__image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    background: #dfeae7;
}

.circle-visual-card__image::after {
    content: "";
    position: absolute;
    inset: 55% 0 0;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(7, 27, 42, .2)
        );
}

.circle-visual-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

.circle-visual-card:hover
.circle-visual-card__image img {
    transform: scale(1.035);
}

.circle-visual-card__content {
    min-height: 205px;
    padding: 1.45rem 1.55rem 1.65rem;
    position: relative;
}

.circle-visual-card__number {
    width: 36px;
    height: 36px;
    margin-top: -2.65rem;
    margin-bottom: 1rem;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #0b6f72;
    color: #fff;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .07em;
    box-shadow: 0 7px 15px rgba(7, 27, 42, .15);
}

.circle-visual-card__content h3 {
    margin-bottom: .7rem;
    color: #071b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.65rem, 2vw, 2.05rem) !important;
    font-weight: 500;
    line-height: 1.15;
}

.circle-visual-card__content p {
    margin: 0;
    color: #4a616b;
    font-size: .96rem !important;
    line-height: 1.7;
}

@media (max-width: 1000px) {
    .circle-six-visuals {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .circle-six-visuals {
        grid-template-columns: 1fr !important;
    }

    .circle-visual-card__content {
        min-height: 0;
    }
}

/* CIC Three Pillars vertical alignment 20260910 */

.pillar {
    width: 100%;
    padding:
        clamp(4.5rem, 7vw, 7rem)
        max(6vw, calc((100vw - 1380px) / 2)) !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    gap: 1.25rem !important;
}

.pillar > b {
    width: 90px;
    height: 90px;
    margin: 0 0 .75rem !important;
    display: grid;
    place-items: center;
    border: 1px solid rgba(11, 111, 114, .18);
    border-radius: 22px;
    background: #e6f1ef;
    color: #0b6f72 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3.15rem !important;
    font-weight: 500;
    line-height: 1 !important;
    opacity: 1 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .8),
        0 12px 28px rgba(7, 27, 42, .07);
}

.pillar.alt > b {
    background: #f5ecda;
    border-color: rgba(176, 128, 38, .22);
    color: #a87924 !important;
}

.pillar:nth-of-type(5) > b {
    background: #e8edf5;
    border-color: rgba(55, 106, 143, .2);
    color: #376a8f !important;
}

.pillar > div {
    width: min(1050px, 100%);
    min-width: 0;
}

.pillar > div > .eyebrow {
    margin-bottom: .9rem;
}

.pillar > div > h2 {
    max-width: 900px !important;
    margin-bottom: 1.5rem;
    color: #071b2a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 4.5vw, 4.8rem) !important;
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -.045em;
}

.pillar > div > p {
    max-width: 850px;
    color: #465e69;
    font-size: 1.06rem !important;
    line-height: 1.78;
}

.pillar > div > h3 {
    margin-top: 2.25rem;
    margin-bottom: 1.15rem;
    color: #071b2a;
    font-size: 1.35rem;
}

.pillar .feature-list {
    width: 100%;
    max-width: 1000px;
    margin: 1.25rem 0 2rem;
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.pillar .feature-list li {
    min-height: 125px;
    padding: 1.25rem;
    border: 1px solid #d8e2df;
    border-left: 4px solid #0b6f72;
    border-radius: 0 13px 13px 0;
    background: #fff;
}

.pillar .feature-list strong {
    display: block;
    margin-bottom: .35rem;
    color: #071b2a;
    font-size: 1.03rem;
}

.pillar .feature-list span {
    color: #536a73;
    font-size: .93rem;
    line-height: 1.65;
}

.pillar .outcome {
    width: min(1000px, 100%);
    margin-top: 1rem;
    padding: 1.6rem 1.75rem;
    border-radius: 16px;
}

.pillar .outcome strong {
    max-width: 760px;
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    line-height: 1.4;
}

.pillar .outcome p {
    max-width: 760px;
    font-size: .98rem;
}

.pillar .button {
    margin-top: 1.5rem;
}

@media (max-width: 760px) {
    .pillar {
        padding: 3.75rem 1.25rem !important;
    }

    .pillar > b {
        width: 72px;
        height: 72px;
        border-radius: 18px;
        font-size: 2.5rem !important;
    }

    .pillar > div > h2 {
        font-size: 2.6rem !important;
    }

    .pillar .feature-list {
        grid-template-columns: 1fr;
    }

    .pillar .feature-list li {
        min-height: 0;
    }
}

/* CIC horizontal Pillar journey 20260910 */

.cic-pillar-overview {
    padding:
        clamp(4.5rem, 7vw, 7rem)
        max(5vw, calc((100vw - 1480px) / 2));
    overflow: hidden;
    background:
        radial-gradient(
            circle at 4% 5%,
            rgba(29, 196, 211, .22),
            transparent 31%
        ),
        radial-gradient(
            circle at 95% 4%,
            rgba(151, 97, 221, .19),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #09273a 0%,
            #153a62 47%,
            #271765 100%
        );
    color: #fff;
}

.cic-pillar-overview__heading {
    width: min(1180px, 100%);
    margin: 0 auto 3.5rem;
    text-align: center;
}

.cic-pillar-overview__heading .eyebrow {
    color: #6fe0dc;
}

.cic-pillar-overview__heading h2 {
    max-width: none !important;
    margin-bottom: 1rem;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.8rem, 4.5vw, 4.7rem);
    font-weight: 500;
}

.cic-pillar-overview__heading p {
    max-width: 820px;
    margin: 0 auto;
    color: #cfdae5;
    font-size: 1.08rem;
}

.cic-pillar-journey {
    width: min(1440px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        90px
        minmax(0, 1fr)
        90px
        minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.cic-pillar-panel {
    min-width: 0;
    min-height: 490px;
    padding: 2rem 2rem 1.7rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .23);
    background:
        linear-gradient(
            155deg,
            rgba(255, 255, 255, .17),
            rgba(255, 255, 255, .07)
        );
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .21);
    backdrop-filter: blur(12px);
    transition:
        transform .25s ease,
        border-color .25s ease;
}

.cic-pillar-panel::before,
.cic-pillar-panel::after {
    content: "";
    width: 10px;
    position: absolute;
    top: 18px;
    bottom: 18px;
    background: #25d5df;
    box-shadow: 0 0 20px rgba(37, 213, 223, .45);
}

.cic-pillar-panel::before {
    left: 0;
    clip-path: polygon(
        0 0,
        100% 12px,
        100% calc(100% - 12px),
        0 100%
    );
}

.cic-pillar-panel::after {
    right: 0;
    clip-path: polygon(
        100% 0,
        0 12px,
        0 calc(100% - 12px),
        100% 100%
    );
}

.cic-pillar-panel:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 255, 255, .46);
}

.cic-pillar-panel--two::before,
.cic-pillar-panel--two::after {
    background: #ed75dc;
    box-shadow: 0 0 20px rgba(237, 117, 220, .45);
}

.cic-pillar-panel--three::before,
.cic-pillar-panel--three::after {
    background: #a685ef;
    box-shadow: 0 0 20px rgba(166, 133, 239, .45);
}

.cic-pillar-panel__number {
    position: absolute;
    top: 1rem;
    left: 1.4rem;
    color: rgba(255, 255, 255, .58);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.cic-pillar-panel__icon {
    width: 92px;
    height: 92px;
    margin: 2.2rem 0 1.7rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #5be4e2;
}

.cic-pillar-panel--two
.cic-pillar-panel__icon {
    color: #f193e3;
}

.cic-pillar-panel--three
.cic-pillar-panel__icon {
    color: #bea7f3;
}

.cic-pillar-panel__icon svg {
    width: 43px;
    height: 43px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cic-pillar-panel__copy {
    flex: 1;
}

.cic-pillar-panel__copy > span {
    display: block;
    margin-bottom: .8rem;
    color: #72e3e0;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cic-pillar-panel--two
.cic-pillar-panel__copy > span {
    color: #f193e3;
}

.cic-pillar-panel--three
.cic-pillar-panel__copy > span {
    color: #c0a8f4;
}

.cic-pillar-panel h3 {
    margin-bottom: 1.1rem;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.75rem, 2.15vw, 2.3rem);
    font-weight: 500;
    line-height: 1.12;
}

.cic-pillar-panel p {
    margin: 0;
    color: #d8e0e9;
    font-size: .96rem;
    line-height: 1.7;
}

.cic-pillar-panel > strong {
    width: calc(100% - 1.5rem);
    margin-top: 1.5rem;
    padding: .8rem 1rem;
    border-radius: 999px;
    background: #20cad5;
    color: #061a29;
    font-size: .78rem;
    font-weight: 850;
}

.cic-pillar-panel--two > strong {
    background: #eb83df;
}

.cic-pillar-panel--three > strong {
    background: #af91ee;
}

.cic-pillar-arrow {
    color: rgba(255, 255, 255, .6);
}

.cic-pillar-arrow svg {
    width: 100%;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.2;
}

@media (max-width: 1100px) {
    .cic-pillar-journey {
        grid-template-columns: 1fr;
        max-width: 720px;
    }

    .cic-pillar-panel {
        min-height: 420px;
    }

    .cic-pillar-arrow {
        width: 62px;
        margin: 0 auto;
        transform: rotate(90deg);
    }
}

@media (max-width: 600px) {
    .cic-pillar-overview {
        padding: 4rem 1.25rem;
    }

    .cic-pillar-overview__heading {
        margin-bottom: 2.5rem;
    }

    .cic-pillar-overview__heading h2 {
        font-size: 2.6rem;
    }

    .cic-pillar-panel {
        min-height: 390px;
        padding: 1.6rem;
    }
}

/* CIC executive corporate Pillars 20260910 */

.cic-pillar-overview {
    padding:
        clamp(4.75rem, 7vw, 7rem)
        max(5vw, calc((100vw - 1460px) / 2)) !important;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 96% 3%,
            rgba(11, 111, 114, .07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f3f6f5 100%
        ) !important;
    color: #071b2a !important;
}

.cic-pillar-overview::before {
    content: "";
    width: 180px;
    height: 4px;
    position: absolute;
    top: 0;
    left: max(5vw, calc((100vw - 1460px) / 2));
    background: #0b6f72;
}

.cic-pillar-overview__heading {
    width: min(1000px, 100%);
    margin: 0 0 3.5rem !important;
    text-align: left !important;
}

.cic-pillar-overview__heading .eyebrow {
    margin-bottom: .9rem;
    color: #0b6f72 !important;
}

.cic-pillar-overview__heading h2 {
    max-width: 850px !important;
    margin-bottom: 1.25rem;
    color: #071b2a !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 4.4vw, 4.7rem);
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -.045em;
}

.cic-pillar-overview__heading p {
    max-width: 800px;
    margin: 0 !important;
    color: #4c626c !important;
    font-size: 1.08rem;
    line-height: 1.75;
}

.cic-pillar-journey {
    width: min(1460px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        74px
        minmax(0, 1fr)
        74px
        minmax(0, 1fr) !important;
    align-items: stretch;
    gap: 0 !important;
}

.cic-pillar-panel {
    min-width: 0;
    min-height: 430px !important;
    padding: 2rem 2rem 1.8rem !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    position: relative;
    border: 1px solid #d5dfdc !important;
    border-top: 4px solid #0b6f72 !important;
    border-radius: 0 0 16px 16px !important;
    background: #fff !important;
    color: #071b2a !important;
    text-align: left !important;
    box-shadow: 0 16px 40px rgba(7, 27, 42, .07) !important;
    backdrop-filter: none !important;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.cic-pillar-panel::before,
.cic-pillar-panel::after {
    display: none !important;
    content: none !important;
}

.cic-pillar-panel:hover {
    transform: translateY(-5px);
    border-color: #bfceca !important;
    border-top-color: #0b6f72 !important;
    box-shadow: 0 22px 50px rgba(7, 27, 42, .11) !important;
}

.cic-pillar-panel__number {
    position: absolute !important;
    top: 1.2rem !important;
    right: 1.5rem !important;
    left: auto !important;
    color: #dce7e4 !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 4.4rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
}

.cic-pillar-panel__icon {
    width: 64px !important;
    height: 64px !important;
    margin: 0 0 2.4rem !important;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(11, 111, 114, .2) !important;
    border-radius: 15px !important;
    background: #e6f1ef !important;
    color: #0b6f72 !important;
}

.cic-pillar-panel__icon svg {
    width: 31px !important;
    height: 31px !important;
    stroke-width: 1.6;
}

.cic-pillar-panel__copy {
    width: 100%;
    flex: 1;
}

.cic-pillar-panel__copy > span,
.cic-pillar-panel--two
.cic-pillar-panel__copy > span,
.cic-pillar-panel--three
.cic-pillar-panel__copy > span {
    margin-bottom: .75rem;
    color: #0b6f72 !important;
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.cic-pillar-panel h3 {
    max-width: 330px;
    margin-bottom: 1rem;
    color: #071b2a !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.35vw, 2.55rem) !important;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.cic-pillar-panel p {
    max-width: 350px;
    margin: 0;
    color: #4a616b !important;
    font-size:: normal;
    font-size: .96rem;
    line-height: 1.72;
}

.cic-pillar-panel > strong,
.cic-pillar-panel--two > strong,
.cic-pillar-panel--three > strong {
    width: auto !important;
    margin-top: 1.5rem;
    padding: .8rem 0 .3rem !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #0b6f72;
    background: transparent !important;
    color: #0b6f72 !important;
    font-size: .76rem;
    font-weight: 850;
}

.cic-pillar-arrow {
    min-height: 100%;
    display: grid;
    place-items: center;
    color: #7f969d !important;
}

.cic-pillar-arrow svg {
    width: 48px !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.35;
}

@media (max-width: 1050px) {
    .cic-pillar-journey {
        grid-template-columns: 1fr !important;
        max-width: 760px;
        gap: 0 !important;
    }

    .cic-pillar-panel {
        min-height: 360px !important;
    }

    .cic-pillar-arrow {
        min-height: 65px;
        transform: rotate(90deg);
    }
}

@media (max-width: 650px) {
    .cic-pillar-overview {
        padding: 4rem 1.25rem !important;
    }

    .cic-pillar-overview::before {
        left: 1.25rem;
    }

    .cic-pillar-overview__heading h2 {
        font-size: 2.7rem;
    }

    .cic-pillar-panel {
        min-height: 0 !important;
        padding: 1.5rem !important;
    }

    .cic-pillar-panel__number {
        font-size: 3.6rem !important;
    }

    .cic-pillar-panel h3 {
        font-size: 2rem !important;
    }
}

/* CIC premium vertical poster Pillars 20260910 */

.cic-pillar-overview {
    padding:
        clamp(4.5rem, 7vw, 7rem)
        max(5vw, calc((100vw - 1380px) / 2)) !important;
    background:
        linear-gradient(
            180deg,
            #f8faf9 0%,
            #edf2f1 100%
        ) !important;
    color: #071b2a !important;
}

.cic-pillar-overview::before {
    width: 120px;
    height: 4px;
    background: #0b6f72;
}

.cic-pillar-overview__heading {
    width: min(900px, 100%);
    margin: 0 auto 3.5rem !important;
    text-align: center !important;
}

.cic-pillar-overview__heading .eyebrow {
    color: #0b6f72 !important;
}

.cic-pillar-overview__heading h2 {
    max-width: none !important;
    margin-bottom: 1rem;
    color: #071b2a !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 4.3vw, 4.6rem);
    font-weight: 500;
}

.cic-pillar-overview__heading p {
    max-width: 760px;
    margin: 0 auto !important;
    color: #526872 !important;
    font-size: 1.05rem;
}

/* Three equal portrait posters */

.cic-pillar-journey {
    width: min(1260px, 100%);
    margin: 0 auto;
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(1.25rem, 2.5vw, 2.5rem) !important;
    align-items: stretch;
}

/* Remove earlier connecting arrows */

.cic-pillar-arrow {
    display: none !important;
}

/* Main poster */

.cic-pillar-panel {
    width: 100%;
    min-width: 0;
    min-height: 590px !important;
    padding: 2.2rem 2rem 2rem !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    isolation: isolate;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-top: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 4px !important;
    color: #fff !important;
    text-align: left !important;
    box-shadow: 0 25px 60px rgba(7, 27, 42, .2) !important;
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

/* Blue-only poster backgrounds */

.cic-pillar-panel--one {
    background:
        radial-gradient(
            ellipse at 15% 25%,
            rgba(0, 224, 255, .42),
            transparent 34%
        ),
        linear-gradient(
            155deg,
            #031a4a 0%,
            #075ca3 48%,
            #031949 100%
        ) !important;
}

.cic-pillar-panel--two {
    background:
        radial-gradient(
            ellipse at 85% 63%,
            rgba(0, 203, 236, .42),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #061647 0%,
            #064d99 50%,
            #02143d 100%
        ) !important;
}

.cic-pillar-panel--three {
    background:
        radial-gradient(
            ellipse at 20% 72%,
            rgba(38, 211, 239, .4),
            transparent 34%
        ),
        linear-gradient(
            160deg,
            #031b54 0%,
            #0874b9 46%,
            #03133a 100%
        ) !important;
}

.cic-pillar-panel:hover {
    transform: translateY(-8px);
    box-shadow: 0 34px 75px rgba(7, 27, 42, .28) !important;
}

/* Abstract flowing wave */

.cic-pillar-panel::before {
    content: "" !important;
    width: 185%;
    height: 210px;
    display: block !important;
    position: absolute;
    left: -42%;
    top: 24%;
    z-index: -1;
    border: 2px solid rgba(73, 224, 255, .7);
    border-radius: 50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0,
            transparent 8px,
            rgba(60, 220, 255, .23) 9px,
            transparent 11px
        );
    opacity: .78;
    transform: rotate(-17deg);
    filter: drop-shadow(
        0 0 14px rgba(30, 210, 255, .35)
    );
    pointer-events: none;
}

.cic-pillar-panel--two::before {
    top: 42%;
    transform: rotate(18deg);
}

.cic-pillar-panel--three::before {
    top: 29%;
    transform: rotate(-28deg);
}

/* Vertical poster label */

.cic-pillar-panel::after {
    content: "PILLAR 01" !important;
    display: block !important;
    position: absolute;
    top: 2rem;
    right: 1rem;
    bottom: auto;
    left: auto;
    z-index: 2;
    background: transparent !important;
    color: rgba(255, 255, 255, .55);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .2em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.cic-pillar-panel--two::after {
    content: "PILLAR 02" !important;
}

.cic-pillar-panel--three::after {
    content: "PILLAR 03" !important;
}

/* Hide previous large card number */

.cic-pillar-panel__number {
    position: static !important;
    margin-bottom: 2rem;
    color: #61e1f1 !important;
    font-family: inherit;
    font-size: .72rem !important;
    font-weight: 850 !important;
    letter-spacing: .16em !important;
}

/* Compact line icon */

.cic-pillar-panel__icon {
    width: 68px !important;
    height: 68px !important;
    margin: 0 0 auto !important;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    border-radius: 50% !important;
    background: rgba(1, 20, 59, .34) !important;
    color: #68e6f3 !important;
    backdrop-filter: blur(8px);
}

.cic-pillar-panel__icon svg {
    width: 32px !important;
    height: 32px !important;
    stroke-width: 1.5;
}

/* Bottom content block */

.cic-pillar-panel__copy {
    width: calc(100% - 1.6rem);
    margin-top: auto;
    padding-top: 5rem;
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
}

.cic-pillar-panel__copy > span,
.cic-pillar-panel--two
.cic-pillar-panel__copy > span,
.cic-pillar-panel--three
.cic-pillar-panel__copy > span {
    margin-bottom: .7rem;
    color: #66e5f2 !important;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .16em;
}

.cic-pillar-panel h3 {
    max-width: 290px;
    margin-bottom: 1rem;
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.4vw, 2.65rem) !important;
    font-weight: 500;
    line-height: 1.06;
    letter-spacing: -.035em;
}

.cic-pillar-panel p {
    max-width: 300px;
    margin: 0;
    color: rgba(255, 255, 255, .8) !important;
    font-size: .91rem;
    line-height: 1.66;
}

/* Discreet corporate link */

.cic-pillar-panel > strong,
.cic-pillar-panel--two > strong,
.cic-pillar-panel--three > strong {
    width: auto !important;
    margin-top: 1.5rem;
    padding: .65rem 0 .3rem !important;
    position: relative;
    z-index: 3;
    border: 0 !important;
    border-bottom: 1px solid #65e4f1 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: .73rem;
    font-weight: 800;
}

/* Responsive */

@media (max-width: 1000px) {
    .cic-pillar-journey {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        max-width: 820px;
    }

    .cic-pillar-panel--three {
        grid-column: 1 / -1;
        width: calc(50% - .75rem);
        justify-self: center;
    }
}

@media (max-width: 680px) {
    .cic-pillar-overview {
        padding: 4rem 1.25rem !important;
    }

    .cic-pillar-overview__heading h2 {
        font-size: 2.7rem;
    }

    .cic-pillar-journey {
        grid-template-columns: 1fr !important;
        max-width: 430px;
    }

    .cic-pillar-panel,
    .cic-pillar-panel--three {
        width: 100%;
        min-height: 540px !important;
        grid-column: auto;
    }
}

/* CIC branded vertical Pillars 20260910 */
.cic-pillar-overview {
    padding: clamp(4.5rem, 7vw, 7rem) 1.5rem !important;
    background:
        radial-gradient(
            circle at 50% 70%,
            rgba(11, 111, 114, .09),
            transparent 36%
        ),
        linear-gradient(180deg, #ffffff 0%, #f3f7f6 100%) !important;
}

.cic-pillar-overview > .container,
.cic-pillar-overview > div {
    width: min(1160px, 100%);
    margin-inline: auto;
}

.cic-pillar-overview .eyebrow {
    margin-bottom: 1rem;
    color: #0b7779 !important;
}

.cic-pillar-overview h2 {
    max-width: 820px;
    margin: 0 auto 1.1rem;
    color: #071b2a !important;
    font-size: clamp(3rem, 5.2vw, 5rem);
    line-height: .98;
    letter-spacing: -.055em;
    text-align: center;
}

.cic-pillar-overview > div > p {
    max-width: 720px;
    margin: 0 auto;
    color: #536771 !important;
    font-size: 1.05rem;
    line-height: 1.75;
    text-align: center;
}

.cic-pillar-journey {
    margin-top: clamp(3rem, 5vw, 4.5rem) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2rem !important;
}

.cic-pillar-journey__arrow {
    display: none !important;
}

.cic-pillar-journey__card {
    min-height: 525px !important;
    padding: 2rem 1.8rem 1.8rem !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 4px !important;
    background:
        linear-gradient(
            155deg,
            #0b5360 0%,
            #073747 38%,
            #071b2a 100%
        ) !important;
    box-shadow:
        0 25px 55px rgba(7, 27, 42, .18),
        inset 0 1px rgba(255, 255, 255, .09) !important;
    color: #fff !important;
}

.cic-pillar-journey__card:nth-of-type(2) {
    background:
        linear-gradient(
            155deg,
            #116f72 0%,
            #084956 40%,
            #071b2a 100%
        ) !important;
}

.cic-pillar-journey__card:nth-of-type(3) {
    background:
        linear-gradient(
            155deg,
            #185e68 0%,
            #0b3c49 40%,
            #071b2a 100%
        ) !important;
}

.cic-pillar-journey__card::before {
    content: "";
    width: 540px;
    height: 260px;
    position: absolute;
    z-index: -1;
    left: -105px;
    top: 125px;
    border: 1px solid rgba(104, 210, 200, .26);
    border-radius: 50%;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 9px,
            rgba(104, 210, 200, .10) 10px 11px
        );
    transform: rotate(-13deg);
}

.cic-pillar-journey__card:nth-of-type(2)::before {
    top: 175px;
    transform: rotate(13deg);
}

.cic-pillar-journey__card:nth-of-type(3)::before {
    top: 110px;
    transform: rotate(-18deg);
}

.cic-pillar-journey__card::after {
    content: "";
    width: 4px;
    height: 76px;
    position: absolute;
    top: 0;
    right: 22px;
    background: linear-gradient(
        180deg,
        #d3b16e,
        rgba(211, 177, 110, 0)
    );
}

.cic-pillar-journey__number {
    color: #75d3c8 !important;
    font-size: .73rem !important;
    font-weight: 850 !important;
    letter-spacing: .14em !important;
}

.cic-pillar-journey__vertical-label {
    color: rgba(255, 255, 255, .64) !important;
}

.cic-pillar-journey__icon {
    width: 64px !important;
    height: 64px !important;
    margin: 2rem 0 auto !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(117, 211, 200, .52) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #75d3c8 !important;
}

.cic-pillar-journey__icon svg {
    width: 29px;
    height: 29px;
    stroke: currentColor;
}

.cic-pillar-journey__card .eyebrow {
    margin: 1.6rem 0 .8rem !important;
    color: #75d3c8 !important;
    font-size: .67rem !important;
    text-align: left !important;
}

.cic-pillar-journey__card h3 {
    max-width: 290px;
    margin: 0 0 1.15rem !important;
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.8vw, 2.7rem) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
}

.cic-pillar-journey__card p {
    min-height: 72px;
    margin: 0 0 1.5rem !important;
    color: #d5e2e3 !important;
    font-size: .91rem !important;
    line-height: 1.65 !important;
    text-align: left !important;
}

.cic-pillar-journey__card a {
    width: fit-content;
    margin-top: auto !important;
    padding: .78rem 0 .55rem !important;
    display: inline-flex !important;
    border-bottom: 2px solid #d3b16e !important;
    background: transparent !important;
    color: #fff !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.cic-pillar-journey__card a:hover {
    color: #75d3c8 !important;
    border-bottom-color: #75d3c8 !important;
}

@media (max-width: 980px) {
    .cic-pillar-journey {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cic-pillar-journey__card:last-of-type {
        grid-column: 1 / -1;
        width: min(100%, 560px);
        justify-self: center;
    }
}

@media (max-width: 680px) {
    .cic-pillar-overview {
        padding: 3.5rem 1rem !important;
    }

    .cic-pillar-overview h2 {
        font-size: 3rem;
    }

    .cic-pillar-journey {
        grid-template-columns: 1fr !important;
    }

    .cic-pillar-journey__card,
    .cic-pillar-journey__card:last-of-type {
        width: 100%;
        min-height: 480px !important;
        grid-column: auto;
    }
}

/* CIC Three Pillars executive redesign v20 — fully scoped */
.cic3{--navy:#061d2b;--navy2:#0a3444;--teal:#08777a;--mint:#77d2c7;--gold:#c9a45d;--ink:#092231;--muted:#536973;--line:#d8e2df;--ivory:#f4f7f5;background:#fff;color:var(--ink)}
.cic3 *{box-sizing:border-box}.cic3-wrap{width:min(1240px,calc(100% - 3rem));margin-inline:auto}.cic3-kicker{display:block;color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.cic3-hero{min-height:650px;padding:clamp(7rem,10vw,10rem) 0 6rem;overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(119,210,199,.18),transparent 29%),linear-gradient(125deg,var(--navy),var(--navy2));color:#fff}.cic3-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:5rem;align-items:center}.cic3-hero .cic3-kicker{color:var(--mint)}.cic3-hero h1{max-width:820px;margin:1.3rem 0 1.5rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,6.4vw,6.8rem);font-weight:400;line-height:.91;letter-spacing:-.06em}.cic3-hero h1 em{color:#d5b771;font-style:normal}.cic3-hero__copy>p{max-width:690px;margin:0 0 2.3rem;color:#d5e2e4;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.7}.cic3-button{display:inline-flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:var(--teal);color:#fff;text-decoration:none;font-size:.82rem;font-weight:800}.cic3-button span{font-size:1.1rem}.cic3-hero__visual{width:420px;height:420px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cic3-hero__visual:before,.cic3-hero__visual:after{content:"";position:absolute;border:1px solid rgba(119,210,199,.18);border-radius:50%}.cic3-hero__visual:before{inset:45px}.cic3-hero__visual:after{inset:95px}.cic3-hero__visual>strong{position:relative;z-index:3;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;line-height:1;text-align:center}.cic3-orbit{width:74px;height:74px;position:absolute;z-index:4;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.25)}.cic3-orbit--one{left:-12px;top:165px}.cic3-orbit--two{right:25px;top:35px;background:var(--mint)}.cic3-orbit--three{right:30px;bottom:30px;background:#d5b771}.cic3-intro{padding:clamp(5rem,8vw,8rem) 0;background:linear-gradient(180deg,#fff,var(--ivory))}.cic3-intro__heading{margin-top:1rem;display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end}.cic3-intro h2,.cic3-detail h2,.cic3-cta h2{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5vw,5.2rem);font-weight:400;line-height:.98;letter-spacing:-.05em}.cic3-intro__heading p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.cic3-cards{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.cic3-card{min-height:510px;padding:1.7rem;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;border-radius:5px;background:linear-gradient(150deg,#0d6370,var(--navy) 72%);color:#fff;text-decoration:none;box-shadow:0 24px 50px rgba(6,29,43,.15);transition:transform .25s ease,box-shadow .25s ease}.cic3-card:nth-child(2){background:linear-gradient(150deg,#0b5360,var(--navy) 72%)}.cic3-card:nth-child(3){background:linear-gradient(150deg,#124a56,var(--navy) 72%)}.cic3-card:before{content:"";width:470px;height:240px;position:absolute;z-index:-1;left:-75px;top:125px;border:1px solid rgba(119,210,199,.26);border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 10px,rgba(119,210,199,.09) 11px 12px);transform:rotate(-14deg)}.cic3-card:nth-child(2):before{top:175px;transform:rotate(12deg)}.cic3-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px rgba(6,29,43,.24)}.cic3-card__top{display:flex;justify-content:space-between;color:var(--mint);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.cic3-card__top small{color:rgba(255,255,255,.65)}.cic3-card__icon{width:68px;height:68px;margin-top:2.2rem;display:grid;place-items:center;border:1px solid rgba(119,210,199,.5);border-radius:50%;background:rgba(255,255,255,.04)}.cic3-card__icon svg{width:34px;height:34px;fill:none;stroke:var(--mint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cic3-card__copy{margin-top:auto}.cic3-card__copy>span{color:var(--mint);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.cic3-card h3{margin:.75rem 0 1rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,3vw,3.1rem);font-weight:400;line-height:.95;letter-spacing:-.04em}.cic3-card p{min-height:68px;margin:0;color:#d6e3e4;font-size:.9rem;line-height:1.6}.cic3-card>strong{margin-top:1.5rem;padding-top:1rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);color:#fff;font-size:.76rem}.cic3-card>strong b{color:var(--gold);font-size:1.2rem}.cic3-detail{padding:clamp(5rem,8vw,8rem) 0;background:#fff;scroll-margin-top:95px}.cic3-detail--alt{background:var(--ivory)}.cic3-detail__grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:clamp(3rem,7vw,7rem);align-items:start}.cic3-detail__identity{min-height:350px;padding:2rem;position:sticky;top:110px;overflow:hidden;background:linear-gradient(155deg,var(--teal),var(--navy));color:#fff}.cic3-detail__identity:after{content:"";width:280px;height:280px;position:absolute;right:-140px;bottom:-140px;border:1px solid rgba(119,210,199,.32);border-radius:50%;box-shadow:0 0 0 35px rgba(119,210,199,.05),0 0 0 70px rgba(119,210,199,.04)}.cic3-detail__identity>span{display:block;color:var(--mint);font-size:3.7rem;font-family:Georgia,"Times New Roman",serif}.cic3-detail__identity>small{display:block;margin-top:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cic3-detail__identity>div{margin-top:6rem;color:var(--mint);font-size:4rem}.cic3-detail h2{max-width:900px;margin:.9rem 0 1.5rem;font-size:clamp(3rem,4.7vw,5rem)}.cic3-detail__lead{max-width:810px;margin:0;color:var(--muted);font-size:1.13rem;line-height:1.8}.cic3-detail__content>h3{margin:3rem 0 1rem;color:var(--ink);font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.cic3-features{border-top:1px solid var(--line)}.cic3-features>div{padding:1.25rem 0;display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--line)}.cic3-features>div>span{color:var(--teal);font-size:.73rem;font-weight:850}.cic3-features p{margin:0}.cic3-features strong,.cic3-features small{display:block}.cic3-features strong{margin-bottom:.3rem;color:var(--ink);font-size:1.03rem}.cic3-features small{max-width:720px;color:var(--muted);font-size:.89rem;line-height:1.6}.cic3-detail blockquote{margin:2.2rem 0 0;padding:1.5rem 1.6rem;border:0;border-left:4px solid var(--gold);background:#fff;box-shadow:0 12px 35px rgba(6,29,43,.06)}.cic3-detail--alt blockquote{background:var(--navy);color:#fff}.cic3-detail blockquote span{display:block;margin-bottom:.4rem;color:var(--teal);font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.cic3-detail--alt blockquote span{color:var(--mint)}.cic3-detail blockquote strong{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:400;line-height:1.45}.cic3-cta{padding:clamp(5rem,8vw,8rem) 0;text-align:center;background:radial-gradient(circle at 50% 0,rgba(119,210,199,.17),transparent 38%),var(--navy);color:#fff}.cic3-cta .cic3-kicker{color:var(--mint)}.cic3-cta h2{max-width:900px;margin:1rem auto;color:#fff}.cic3-cta p{max-width:680px;margin:0 auto 2rem;color:#ccdadd;font-size:1.05rem;line-height:1.7}.cic3-button--light{background:#fff;color:var(--navy)}
@media(max-width:980px){.cic3-hero__grid{grid-template-columns:1fr}.cic3-hero__visual{display:none}.cic3-intro__heading{grid-template-columns:1fr;gap:1.5rem}.cic3-cards{grid-template-columns:repeat(2,1fr)}.cic3-card:last-child{grid-column:1/-1;width:min(100%,580px);justify-self:center}.cic3-detail__grid{grid-template-columns:220px 1fr;gap:3rem}}
@media(max-width:700px){.cic3-wrap{width:min(100% - 2rem,1240px)}.cic3-hero{min-height:auto;padding:6.5rem 0 4rem}.cic3-hero h1{font-size:3.5rem}.cic3-cards{grid-template-columns:1fr}.cic3-card,.cic3-card:last-child{width:100%;min-height:470px;grid-column:auto}.cic3-detail__grid{grid-template-columns:1fr;gap:2rem}.cic3-detail__identity{min-height:160px;position:relative;top:auto}.cic3-detail__identity>div{margin-top:1.5rem}.cic3-detail h2{font-size:3rem}.cic3-features>div{grid-template-columns:38px 1fr}}

/* CIC Three Pillars executive redesign v20 — fully scoped */
.cic3{--navy:#061d2b;--navy2:#0a3444;--teal:#08777a;--mint:#77d2c7;--gold:#c9a45d;--ink:#092231;--muted:#536973;--line:#d8e2df;--ivory:#f4f7f5;background:#fff;color:var(--ink)}
.cic3 *{box-sizing:border-box}.cic3-wrap{width:min(1240px,calc(100% - 3rem));margin-inline:auto}.cic3-kicker{display:block;color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.cic3-hero{min-height:650px;padding:clamp(7rem,10vw,10rem) 0 6rem;overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(119,210,199,.18),transparent 29%),linear-gradient(125deg,var(--navy),var(--navy2));color:#fff}.cic3-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:5rem;align-items:center}.cic3-hero .cic3-kicker{color:var(--mint)}.cic3-hero h1{max-width:820px;margin:1.3rem 0 1.5rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,6.4vw,6.8rem);font-weight:400;line-height:.91;letter-spacing:-.06em}.cic3-hero h1 em{color:#d5b771;font-style:normal}.cic3-hero__copy>p{max-width:690px;margin:0 0 2.3rem;color:#d5e2e4;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.7}.cic3-button{display:inline-flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:var(--teal);color:#fff;text-decoration:none;font-size:.82rem;font-weight:800}.cic3-button span{font-size:1.1rem}.cic3-hero__visual{width:420px;height:420px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%}.cic3-hero__visual:before,.cic3-hero__visual:after{content:"";position:absolute;border:1px solid rgba(119,210,199,.18);border-radius:50%}.cic3-hero__visual:before{inset:45px}.cic3-hero__visual:after{inset:95px}.cic3-hero__visual>strong{position:relative;z-index:3;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;line-height:1;text-align:center}.cic3-orbit{width:74px;height:74px;position:absolute;z-index:4;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.25)}.cic3-orbit--one{left:-12px;top:165px}.cic3-orbit--two{right:25px;top:35px;background:var(--mint)}.cic3-orbit--three{right:30px;bottom:30px;background:#d5b771}.cic3-intro{padding:clamp(5rem,8vw,8rem) 0;background:linear-gradient(180deg,#fff,var(--ivory))}.cic3-intro__heading{margin-top:1rem;display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end}.cic3-intro h2,.cic3-detail h2,.cic3-cta h2{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5vw,5.2rem);font-weight:400;line-height:.98;letter-spacing:-.05em}.cic3-intro__heading p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.cic3-cards{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.cic3-card{min-height:510px;padding:1.7rem;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;border-radius:5px;background:linear-gradient(150deg,#0d6370,var(--navy) 72%);color:#fff;text-decoration:none;box-shadow:0 24px 50px rgba(6,29,43,.15);transition:transform .25s ease,box-shadow .25s ease}.cic3-card:nth-child(2){background:linear-gradient(150deg,#0b5360,var(--navy) 72%)}.cic3-card:nth-child(3){background:linear-gradient(150deg,#124a56,var(--navy) 72%)}.cic3-card:before{content:"";width:470px;height:240px;position:absolute;z-index:-1;left:-75px;top:125px;border:1px solid rgba(119,210,199,.26);border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 10px,rgba(119,210,199,.09) 11px 12px);transform:rotate(-14deg)}.cic3-card:nth-child(2):before{top:175px;transform:rotate(12deg)}.cic3-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px rgba(6,29,43,.24)}.cic3-card__top{display:flex;justify-content:space-between;color:var(--mint);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.cic3-card__top small{color:rgba(255,255,255,.65)}.cic3-card__icon{width:68px;height:68px;margin-top:2.2rem;display:grid;place-items:center;border:1px solid rgba(119,210,199,.5);border-radius:50%;background:rgba(255,255,255,.04)}.cic3-card__icon svg{width:34px;height:34px;fill:none;stroke:var(--mint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cic3-card__copy{margin-top:auto}.cic3-card__copy>span{color:var(--mint);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.cic3-card h3{margin:.75rem 0 1rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,3vw,3.1rem);font-weight:400;line-height:.95;letter-spacing:-.04em}.cic3-card p{min-height:68px;margin:0;color:#d6e3e4;font-size:.9rem;line-height:1.6}.cic3-card>strong{margin-top:1.5rem;padding-top:1rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);color:#fff;font-size:.76rem}.cic3-card>strong b{color:var(--gold);font-size:1.2rem}.cic3-detail{padding:clamp(5rem,8vw,8rem) 0;background:#fff;scroll-margin-top:95px}.cic3-detail--alt{background:var(--ivory)}.cic3-detail__grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:clamp(3rem,7vw,7rem);align-items:start}.cic3-detail__identity{min-height:350px;padding:2rem;position:sticky;top:110px;overflow:hidden;background:linear-gradient(155deg,var(--teal),var(--navy));color:#fff}.cic3-detail__identity:after{content:"";width:280px;height:280px;position:absolute;right:-140px;bottom:-140px;border:1px solid rgba(119,210,199,.32);border-radius:50%;box-shadow:0 0 0 35px rgba(119,210,199,.05),0 0 0 70px rgba(119,210,199,.04)}.cic3-detail__identity>span{display:block;color:var(--mint);font-size:3.7rem;font-family:Georgia,"Times New Roman",serif}.cic3-detail__identity>small{display:block;margin-top:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cic3-detail__identity>div{margin-top:6rem;color:var(--mint);font-size:4rem}.cic3-detail h2{max-width:900px;margin:.9rem 0 1.5rem;font-size:clamp(3rem,4.7vw,5rem)}.cic3-detail__lead{max-width:810px;margin:0;color:var(--muted);font-size:1.13rem;line-height:1.8}.cic3-detail__content>h3{margin:3rem 0 1rem;color:var(--ink);font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.cic3-features{border-top:1px solid var(--line)}.cic3-features>div{padding:1.25rem 0;display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--line)}.cic3-features>div>span{color:var(--teal);font-size:.73rem;font-weight:850}.cic3-features p{margin:0}.cic3-features strong,.cic3-features small{display:block}.cic3-features strong{margin-bottom:.3rem;color:var(--ink);font-size:1.03rem}.cic3-features small{max-width:720px;color:var(--muted);font-size:.89rem;line-height:1.6}.cic3-detail blockquote{margin:2.2rem 0 0;padding:1.5rem 1.6rem;border:0;border-left:4px solid var(--gold);background:#fff;box-shadow:0 12px 35px rgba(6,29,43,.06)}.cic3-detail--alt blockquote{background:var(--navy);color:#fff}.cic3-detail blockquote span{display:block;margin-bottom:.4rem;color:var(--teal);font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.cic3-detail--alt blockquote span{color:var(--mint)}.cic3-detail blockquote strong{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:400;line-height:1.45}.cic3-cta{padding:clamp(5rem,8vw,8rem) 0;text-align:center;background:radial-gradient(circle at 50% 0,rgba(119,210,199,.17),transparent 38%),var(--navy);color:#fff}.cic3-cta .cic3-kicker{color:var(--mint)}.cic3-cta h2{max-width:900px;margin:1rem auto;color:#fff}.cic3-cta p{max-width:680px;margin:0 auto 2rem;color:#ccdadd;font-size:1.05rem;line-height:1.7}.cic3-button--light{background:#fff;color:var(--navy)}
@media(max-width:980px){.cic3-hero__grid{grid-template-columns:1fr}.cic3-hero__visual{display:none}.cic3-intro__heading{grid-template-columns:1fr;gap:1.5rem}.cic3-cards{grid-template-columns:repeat(2,1fr)}.cic3-card:last-child{grid-column:1/-1;width:min(100%,580px);justify-self:center}.cic3-detail__grid{grid-template-columns:220px 1fr;gap:3rem}}
@media(max-width:700px){.cic3-wrap{width:min(100% - 2rem,1240px)}.cic3-hero{min-height:auto;padding:6.5rem 0 4rem}.cic3-hero h1{font-size:3.5rem}.cic3-cards{grid-template-columns:1fr}.cic3-card,.cic3-card:last-child{width:100%;min-height:470px;grid-column:auto}.cic3-detail__grid{grid-template-columns:1fr;gap:2rem}.cic3-detail__identity{min-height:160px;position:relative;top:auto}.cic3-detail__identity>div{margin-top:1.5rem}.cic3-detail h2{font-size:3rem}.cic3-features>div{grid-template-columns:38px 1fr}}

/* CIC Three Pillars DNA integration v21 */
.cic3-dna{margin-top:clamp(2.75rem,5vw,4.5rem)}
.cic3-dna__frame{margin:0;padding:clamp(.55rem,1vw,.9rem);overflow:hidden;border:1px solid #d8e2df;border-top:3px solid #08777a;border-radius:8px;background:#fff;box-shadow:0 28px 65px rgba(6,29,43,.13)}
.cic3-dna__frame img{width:100%;height:auto;display:block;border-radius:4px;object-fit:contain}
.cic3-dna__links{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.cic3-dna__links a{min-height:54px;padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;border:1px solid #d8e2df;border-radius:4px;background:#fff;color:#061d2b;font-size:.8rem;font-weight:800;text-align:center;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.cic3-dna__links a:hover{transform:translateY(-2px);border-color:#08777a;background:#08777a;color:#fff}
.cic3-dna__caption{max-width:820px;margin:1.25rem auto 0;color:#536973;font-size:1rem;line-height:1.7;text-align:center}
@media(max-width:700px){.cic3-dna__frame{overflow-x:auto}.cic3-dna__frame img{width:760px;max-width:none}.cic3-dna__links{grid-template-columns:1fr}.cic3-dna__caption{font-size:.92rem}}

/* CIC DNA seamless page integration v22 */
.cic3-dna {
    width: min(1380px, calc(100vw - 3rem));
    margin:
        clamp(2.25rem, 4vw, 3.75rem)
        50%
        0;
    transform: translateX(-50%);
}

.cic3-dna__frame {
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.cic3-dna__frame::before,
.cic3-dna__frame::after {
    display: none !important;
    content: none !important;
}

.cic3-dna__frame img {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

/* Labels already appear inside the visual */
.cic3-dna__links,
.cic3-dna__caption {
    display: none !important;
}

/* Blend the illustration naturally into the section */
.cic3-intro {
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 68%,
            rgba(119, 210, 199, .08),
            transparent 35%
        ),
        #fbfcfa !important;
}

@media (max-width: 700px) {
    .cic3-dna {
        width: calc(100vw - 1rem);
        margin-top: 2rem;
    }

    .cic3-dna__frame {
        overflow-x: auto;
    }

    .cic3-dna__frame img {
        width: 900px;
        max-width: none;
    }
}

/* CIC orbit Pillar titles v23 */
.cic3-orbit {
    width: 154px !important;
    min-height: 62px !important;
    height: auto !important;
    padding: .75rem 1rem;
    border: 2px solid rgba(255, 255, 255, .55);
    border-radius: 999px !important;
    text-align: center;
}

.cic3-orbit span {
    color: #061dd;
    font-size: .76rem;
    font-weight: 850;
    line-height: 1.25;
}

.cic3-orbit--one {
    left: -58px !important;
    top: 174px !important;
    background: #fff !important;
}

.cic3-orbit--two {
    right: -20px !important;
    top: 32px !important;
    background: #77d2c7 !important;
}

.cic3-orbit--three {
    right: -38px !important;
    bottom: 31px !important;
    background: #d5b771 !important;
}

@media (max-width: 1100px) {
    .cic3-orbit {
        width: 135px !important;
        font-size: .7rem;
    }
}

/* CIC DNA hero v24 */
.cic3 .cic3-dna-hero{width:540px;height:470px;position:relative;display:block;border:0;border-radius:0;background:transparent}
.cic3 .cic3-dna-hero:before,.cic3 .cic3-dna-hero:after{display:none;content:none}
.cic3-dna-hero svg{width:100%;height:100%;display:block;overflow:visible}
.cic3-dna-hero svg>path{fill:none;stroke-width:26;stroke-linecap:round;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}
.cic3-dna-hero .dna-navy{stroke:#0a2d3c}.cic3-dna-hero .dna-teal{stroke:url(#dnaT)}
.cic3-dna-hero .dna-gold{stroke:url(#dnaG);stroke-width:7}
.dna-rungs path{fill:none;stroke:rgba(119,210,199,.65);stroke-width:4;stroke-linecap:round}
.dna-centre{width:160px;height:160px;position:absolute;left:50%;top:50%;z-index:5;display:grid;place-items:center;transform:translate(-50%,-50%);border:3px solid #c9a45d;border-radius:50%;background:#061d2b;color:#fff;font:400 1.9rem/1 Georgia,serif;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.dna-label{min-width:170px;padding:.8rem 1rem;position:absolute;z-index:6;border:2px solid rgba(255,255,255,.7);border-radius:999px;color:#061d2b;font-size:.75rem;font-weight:850;line-height:1.25;text-align:center;box-shadow:0 12px 25px rgba(0,0,0,.18)}
.dna-label-one{left:-45px;top:65px;background:#fff}.dna-label-two{right:-45px;top:65px;background:#77d2c7}.dna-label-three{right:-50px;bottom:50px;background:#d9b96d}
@media(max-width:1100px){.cic3 .cic3-dna-hero{width:460px;height:420px}.dna-label{min-width:145px;font-size:.68rem}}
@media(max-width:980px){.cic3 .cic3-dna-hero{display:none}}

/* CIC circular ribbon hero v25 */
.cic3 .cic3-ribbon-orbit {
    width: 500px;
    height: 500px;
    position: relative;
    display: block;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.cic3 .cic3-ribbon-orbit::before,
.cic3 .cic3-ribbon-orbit::after {
    display: none;
    content: none;
}

.cic3-ribbon-orbit svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.cic3-ribbon-orbit .cic-orbit {
    fill: none;
    filter: drop-shadow(0 10px 9px rgba(0, 10, 18, .24));
}

.cic-orbit--navy {
    stroke: url(#cicOrbitNavy);
    stroke-width: 24;
}

.cic-orbit--teal {
    stroke: url(#cicOrbitTeal);
    stroke-width: 22;
}

.cic-orbit--gold {
    stroke: url(#cicOrbitGold);
    stroke-width: 18;
}

.cic-orbit-centre {
    width: 170px;
    height: 170px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    border: 3px solid #c9a45d;
    border-radius: 50%;
    background: #061d2b;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.85rem;
    line-height: 1;
    text-align: center;
    box-shadow: 0 20px 42px rgba(0, 0, 0, .3);
}

.cic-orbit-label {
    min-width: 170px;
    padding: .78rem 1rem;
    position: absolute;
    z-index: 7;
    border: 2px solid rgba(255, 255, 255, .8);
    border-radius: 999px;
    color: #061d2b;
    font-size: .74rem;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .22);
}

.cic-orbit-label::after {
    content: "";
    position: absolute;
    background: rgba(119, 210, 199, .78);
}

.cic-orbit-label--one {
    left: -42px;
    top: 211px;
    background: #fff;
}

.cic-orbit-label--one::after {
    width: 48px;
    height: 3px;
    left: 100%;
    top: 50%;
}

.cic-orbit-label--two {
    right: -55px;
    top: 54px;
    background: #77d2c7;
}

.cic-orbit-label--two::after {
    width: 3px;
    height: 44px;
    left: 42%;
    top: 100%;
    transform: rotate(30deg);
    transform-origin: top;
}

.cic-orbit-label--three {
    right: -59px;
    bottom: 50px;
    background: #d9b96f;
}

.cic-orbit-label--three::after {
    width: 3px;
    height: 44px;
    left: 42%;
    bottom: 100%;
    transform: rotate(-30deg);
    transform-origin: bottom;
}

@media (max-width: 1120px) {
    .cic3 .cic3-ribbon-orbit {
        width: 430px;
        height: 430px;
    }

    .cic-orbit-label {
        min-width: 145px;
        font-size: .67rem;
    }

    .cic-orbit-label--one {
        left: -20px;
        top: 181px;
    }

    .cic-orbit-label--two {
        right: -28px;
    }

    .cic-orbit-label--three {
        right: -30px;
    }
}

@media (max-width: 980px) {
    .cic3 .cic3-ribbon-orbit {
        display: none;
    }
}

/* CIC three-pillar complete vertical columns — v26 */
.cic3-column-section{padding:clamp(72px,8vw,124px) 24px;background:linear-gradient(180deg,#f5f8f7 0%,#fff 42%,#f4f8f7 100%);color:#082535}
.cic3-column-wrap{width:min(1500px,100%);margin:0 auto}
.cic3-column-heading{max-width:820px;margin:0 auto clamp(42px,5vw,72px);text-align:center}
.cic3-column-heading h2{margin:12px 0 18px;font-family:var(--font-display,Georgia,serif);font-size:clamp(38px,4vw,64px);line-height:1.02;font-weight:500;letter-spacing:-.035em;color:#082535}
.cic3-column-heading p{max-width:720px;margin:0 auto;font-size:clamp(16px,1.25vw,20px);line-height:1.65;color:#3f5965}
.cic3-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(18px,2vw,30px)}
.cic3-column-card{--accent:#11898d;position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(28px,2.5vw,42px);overflow:hidden;border:1px solid #d7e3e1;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(5,40,53,.09)}
.cic3-column-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--accent)}
.cic3-column-card--capability{--accent:#70cec6}
.cic3-column-card--events{--accent:#d9b665}
.cic3-column-card__top{display:flex;align-items:center;gap:16px;min-height:76px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #dbe6e4}
.cic3-column-card__icon{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border-radius:50%;color:var(--accent);background:#082f3b}
.cic3-column-card__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cic3-column-card__top h2{margin:0;font-family:var(--font-display,Georgia,serif);font-size:clamp(26px,2.15vw,36px);line-height:1.05;font-weight:600;letter-spacing:-.025em;color:#082535}
.cic3-column-card>h3{min-height:3.15em;margin:0 0 16px;font-family:var(--font-display,Georgia,serif);font-size:clamp(23px,1.8vw,31px);line-height:1.16;font-weight:500;color:#082535}
.cic3-column-card__intro{min-height:7.2em;margin:0 0 28px;font-size:15px;line-height:1.65;color:#49616b}
.cic3-column-card>h4{margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--accent);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#08777c}
.cic3-column-list{margin:0 0 30px;padding:0;list-style:none;counter-reset:benefit}
.cic3-column-list li{position:relative;counter-increment:benefit;padding:18px 0 18px 48px;border-bottom:1px solid #e3ecea}
.cic3-column-list li::before{content:counter(benefit,decimal-leading-zero);position:absolute;left:0;top:18px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent)}
.cic3-column-list strong,.cic3-column-list span{display:block}
.cic3-column-list strong{margin-bottom:5px;font-size:16px;line-height:1.3;color:#082535}
.cic3-column-list span{font-size:13.5px;line-height:1.55;color:#526b74}
.cic3-column-outcome{margin-top:auto;padding:22px;border-radius:14px;background:#082f3b;color:#fff}
.cic3-column-outcome span{display:block;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cic3-column-outcome strong{display:block;font-family:var(--font-display,Georgia,serif);font-size:19px;line-height:1.35;font-weight:500}
@media(max-width:1100px){.cic3-column-grid{grid-template-columns:1fr}.cic3-column-card{max-width:820px;width:100%;margin-inline:auto}.cic3-column-card>h3,.cic3-column-card__intro{min-height:0}}
@media(max-width:640px){.cic3-column-section{padding:64px 16px}.cic3-column-card{padding:28px 22px;border-radius:16px}.cic3-column-card__top{align-items:flex-start}.cic3-column-card__icon{flex-basis:50px;width:50px;height:50px}.cic3-column-card__top h2{font-size:27px}.cic3-column-card>h3{font-size:24px}}

/* CIC Calendar — public experience v1 */
.cal-kicker{display:block;margin-bottom:18px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#65d2c8}.cal-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:70px;padding:clamp(90px,10vw,150px) max(24px,calc((100vw - 1320px)/2));overflow:hidden;background:linear-gradient(118deg,#062434 0%,#0a3945 62%,#176c70 100%);color:#fff}.cal-hero h1{max-width:850px;margin:0 0 28px;font-family:var(--font-display,Georgia,serif);font-size:clamp(54px,6vw,94px);font-weight:500;line-height:.98;letter-spacing:-.045em}.cal-hero p{max-width:720px;margin:0;font-size:clamp(17px,1.3vw,21px);line-height:1.65;color:#d5e9e8}.cal-hero__mark{position:relative;width:min(430px,38vw);aspect-ratio:1;margin:auto}.cal-hero__mark span{position:absolute;inset:50%;border:1px solid rgba(122,218,207,.34);border-radius:50%;transform:translate(-50%,-50%)}.cal-hero__mark span:nth-child(1){width:38%;height:38%}.cal-hero__mark span:nth-child(2){width:68%;height:68%;border-color:rgba(216,181,101,.38)}.cal-hero__mark span:nth-child(3){width:96%;height:96%}.cal-hero__mark::before,.cal-hero__mark::after{content:"";position:absolute;left:8%;right:8%;top:50%;height:18px;border-radius:99px;background:linear-gradient(90deg,#d8b565,#6fd1c8,#0d8287);transform:rotate(-16deg)}.cal-hero__mark::after{transform:rotate(32deg);opacity:.58}.cal-hero__mark strong{position:absolute;left:50%;top:50%;z-index:2;display:grid;width:132px;height:132px;place-items:center;border:2px solid #d8b565;border-radius:50%;background:#062c3a;box-shadow:0 20px 50px rgba(0,0,0,.25);font:500 28px var(--font-display,Georgia,serif);transform:translate(-50%,-50%)}.cal-events{padding:clamp(75px,8vw,120px) max(24px,calc((100vw - 1320px)/2));background:#f5f8f7}.cal-events__heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.cal-events__heading .cal-kicker{color:#087c80}.cal-events__heading h2{margin:0;font:500 clamp(40px,4vw,64px)/1 var(--font-display,Georgia,serif);letter-spacing:-.035em;color:#082535}.cal-tabs{display:flex;gap:8px;padding:6px;border-radius:99px;background:#e5edeb}.cal-tabs button{padding:12px 20px;border:0;border-radius:99px;background:transparent;color:#35515c;font-weight:700;cursor:pointer}.cal-tabs button.active{background:#073848;color:#fff;box-shadow:0 5px 15px rgba(7,56,72,.16)}.cal-tabs span{display:inline-grid;min-width:22px;height:22px;margin-left:7px;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:11px}.cal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cal-card{overflow:hidden;border:1px solid #d5e1df;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(5,42,54,.08);transition:transform .25s ease,box-shadow .25s ease}.cal-card:hover{transform:translateY(-5px);box-shadow:0 23px 50px rgba(5,42,54,.14)}.cal-card__visual{position:relative;height:230px;overflow:hidden;background:#093847}.cal-card__visual img{width:100%;height:100%;object-fit:cover}.cal-card__visual>span{position:absolute;left:20px;top:20px;padding:8px 12px;border-radius:99px;background:rgba(5,35,48,.84);color:#fff;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(8px)}.cal-card__visual--fallback{display:flex;flex-direction:column;justify-content:end;padding:26px;background:linear-gradient(135deg,#072b3a,#0a6670)}.cal-card__visual--fallback::before{content:"";position:absolute;width:420px;height:140px;left:-35px;top:44px;border:2px solid rgba(107,214,204,.35);border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 0 22px rgba(216,181,101,.08),0 0 0 46px rgba(107,214,204,.08)}.cal-card__visual--fallback strong,.cal-card__visual--fallback small{position:relative;color:#fff}.cal-card__visual--fallback strong{font:500 54px var(--font-display,Georgia,serif)}.cal-card__visual--fallback small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#95ddd6}.cal-card__body{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:26px}.cal-card__date{padding-right:16px;border-right:1px solid #dbe5e3}.cal-card__date strong,.cal-card__date span{display:block}.cal-card__date strong{font:500 36px/1 var(--font-display,Georgia,serif);color:#087d81}.cal-card__date span{margin-top:7px;font-size:10px;font-weight:800;line-height:1.45;letter-spacing:.1em;color:#687d84}.cal-card__time{margin:0 0 8px!important;font-size:12px!important;font-weight:700;color:#a27d2d!important}.cal-card__copy h2{margin:0 0 12px;font:600 25px/1.12 var(--font-display,Georgia,serif);color:#082535}.cal-card__copy>p{margin:0 0 15px;font-size:14px;line-height:1.55;color:#516a73}.cal-card__meta{padding:12px 0;border-top:1px solid #e6eceb;font-size:12px;color:#48616b}.cal-card__copy>a{display:inline-flex;align-items:center;gap:10px;margin-top:4px;color:#087d81;font-size:13px;font-weight:800;text-decoration:none}.cal-empty{padding:70px;border:1px solid #d4e1de;border-radius:18px;text-align:center;background:#fff}.cal-empty span{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#087d81}.cal-empty h2{margin:12px 0;font:500 36px var(--font-display,Georgia,serif)}.cal-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:75px max(24px,calc((100vw - 1180px)/2));background:#082f3b;color:#fff}.cal-cta h2{margin:0 0 12px;font:500 clamp(36px,4vw,58px)/1 var(--font-display,Georgia,serif)}.cal-cta p{max-width:700px;margin:0;color:#c9dedd}.cal-cta .button{white-space:nowrap}.cal-panel[hidden]{display:none!important}@media(max-width:1000px){.cal-hero{grid-template-columns:1fr}.cal-hero__mark{display:none}.cal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cal-hero{padding:80px 20px}.cal-hero h1{font-size:50px}.cal-events{padding:65px 16px}.cal-events__heading{align-items:flex-start;flex-direction:column}.cal-grid{grid-template-columns:1fr}.cal-card__visual{height:210px}.cal-cta{align-items:flex-start;flex-direction:column;padding:60px 20px}.cal-empty{padding:50px 24px}}

/* CIC public navigation states v1 */
#primary-nav>a:not(.button){position:relative;display:inline-flex;align-items:center;min-height:42px;padding:8px 10px;border-radius:8px;color:#092332;text-decoration:none;transition:color .2s ease,background-color .2s ease,transform .2s ease}
#primary-nav>a:not(.button)::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:99px;background:#087f82;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
#primary-nav>a:not(.button):hover,#primary-nav>a:not(.button):focus-visible{color:#06777b;background:rgba(8,127,130,.09);transform:translateY(-1px);outline:none}
#primary-nav>a:not(.button):hover::after,#primary-nav>a:not(.button):focus-visible::after{transform:scaleX(.62)}
#primary-nav>a:not(.button).is-active,#primary-nav>a:not(.button)[aria-current="page"]{color:#056f73;background:rgba(8,127,130,.12);font-weight:800}
#primary-nav>a:not(.button).is-active::after,#primary-nav>a:not(.button)[aria-current="page"]::after{transform:scaleX(1)}
#primary-nav>.button{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
#primary-nav>.button:hover,#primary-nav>.button:focus-visible{background:#065f64;box-shadow:0 8px 20px rgba(5,74,79,.2);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){#primary-nav>a{transition:none!important}}
@media(max-width:980px){#primary-nav>a:not(.button){width:100%;justify-content:flex-start;padding:12px 14px}#primary-nav>a:not(.button)::after{left:14px;right:auto;width:34px;bottom:6px}}

/* CIC calendar member label v2 */
.cal-card__member-label{grid-column:1/-1;display:inline-flex;justify-self:start;align-items:center;width:max-content;margin:-5px 0 2px;padding:7px 12px;border:1px solid #d4dfdd;border-radius:999px;background:#fff;box-shadow:0 2px 7px rgba(7,48,61,.06);color:#0a3442;font-size:11px;font-weight:800;line-height:1;letter-spacing:.01em}

/* CIC MEMBERSHIP AI PHOTOS START */
.benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.benefits article {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  padding: 0 24px 24px;
  border: 1px solid #d6e2df;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(7, 27, 42, .07);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.benefits article::before {
  content: "";
  display: block;
  height: 190px;
  margin: 0 -24px 20px;
  background-position: center;
  background-size: cover;
  transition: transform .45s ease;
}
.benefits article::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 3px 0 #0b7778;
}
.benefits article:nth-child(1)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-collective-intelligence.webp'); }
.benefits article:nth-child(2)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-peer-learning.webp'); }
.benefits article:nth-child(3)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-cross-industry.webp'); }
.benefits article:nth-child(4)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-problem-solving.webp'); }
.benefits article:nth-child(5)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-leadership-networks.webp'); }
.benefits article:nth-child(6)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-capability-building.webp'); }
.benefits article:nth-child(7)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-thought-leadership.webp'); }
.benefits article:nth-child(8)::before { background-image: linear-gradient(180deg, transparent 70%, rgba(7,27,42,.16)), url('../img/membership/membership-collective-accountability.webp'); }
.benefits article:hover {
  transform: translateY(-5px);
  border-color: rgba(11,111,114,.42);
  box-shadow: 0 18px 44px rgba(7,27,42,.14);
}
.benefits article:hover::before { transform: scale(1.025); }
.benefits article h3 { margin: 0 0 8px; color: #071b2a; }
.benefits article p { margin: 0; color: #405764; }
@media (max-width: 760px) {
  .benefits { grid-template-columns: 1fr; }
  .benefits article { min-height: 0; }
  .benefits article::before { height: 210px; }
}
/* CIC MEMBERSHIP AI PHOTOS END */

/* CIC MEMBERSHIP IMAGE LAYOUT FIX V2 START */
.benefits {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}
.benefits article {
  min-height: 390px;
  padding: 0 28px 28px;
  border-radius: 18px;
}
.benefits article::before {
  height: 250px;
  margin: 0 -28px 24px;
  background-size: cover;
  background-position: center 38%;
}
.benefits article:nth-child(1)::before { background-position: center 43%; }
.benefits article:nth-child(2)::before { background-position: center 45%; }
.benefits article:nth-child(3)::before { background-position: center 48%; }
.benefits article:nth-child(4)::before { background-position: center 38%; }
.benefits article:nth-child(5)::before { background-position: center 40%; }
.benefits article:nth-child(6)::before { background-position: center 32%; }
.benefits article:nth-child(7)::before { background-position: center 35%; }
.benefits article:nth-child(8)::before { background-position: center 43%; }
.benefits article > b { display: none !important; }
.benefits article h3 {
  margin: 0 0 10px;
  font-size: clamp(1.18rem, 1.45vw, 1.42rem);
  line-height: 1.18;
}
.benefits article p {
  max-width: 52ch;
  font-size: .96rem;
  line-height: 1.65;
}
@media (max-width: 760px) {
  .benefits { grid-template-columns: 1fr; gap: 20px; }
  .benefits article { min-height: 0; padding: 0 22px 24px; }
  .benefits article::before {
    height: clamp(220px, 61vw, 310px);
    margin: 0 -22px 21px;
  }
}
/* CIC MEMBERSHIP IMAGE LAYOUT FIX V2 END */

/* CIC MEMBERSHIP FULL IMAGE CARDS V3 START */
.benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}
.benefits article {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 330px;
  padding: 32px;
  border: 1px solid rgba(7, 27, 42, .15);
  border-radius: 18px;
  background: #082c3a;
  box-shadow: 0 10px 30px rgba(7, 27, 42, .10);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.benefits article::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  background-position: center;
  background-size: cover;
  transform: scale(1.001);
  transition: transform .5s ease;
}
.benefits article::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(4,20,29,.06) 10%, rgba(4,20,29,.38) 48%, rgba(4,20,29,.94) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
.benefits article:nth-child(1)::before { background-image: url('../img/membership/membership-collective-intelligence.webp'); background-position:center 42%; }
.benefits article:nth-child(2)::before { background-image: url('../img/membership/membership-peer-learning.webp'); background-position:center 44%; }
.benefits article:nth-child(3)::before { background-image: url('../img/membership/membership-cross-industry.webp'); background-position:center 46%; }
.benefits article:nth-child(4)::before { background-image: url('../img/membership/membership-problem-solving.webp'); background-position:center 38%; }
.benefits article:nth-child(5)::before { background-image: url('../img/membership/membership-leadership-networks.webp'); background-position:center 40%; }
.benefits article:nth-child(6)::before { background-image: url('../img/membership/membership-capability-building.webp'); background-position:center 34%; }
.benefits article:nth-child(7)::before { background-image: url('../img/membership/membership-thought-leadership.webp'); background-position:center 34%; }
.benefits article:nth-child(8)::before { background-image: url('../img/membership/membership-collective-accountability.webp'); background-position:center 42%; }
.benefits article > b { display: none !important; }
.benefits article h3,
.benefits article p {
  position: relative;
  z-index: 1;
  color: #fff;
  text-shadow: 0 2px 14px rgba(0,0,0,.42);
}
.benefits article h3 {
  margin: 0 0 10px;
  max-width: 19ch;
  font-size: clamp(1.35rem, 1.8vw, 1.75rem);
  line-height: 1.08;
}
.benefits article p {
  margin: 0;
  max-width: 54ch;
  font-size: .98rem;
  line-height: 1.55;
}
.benefits article:hover {
  transform: translateY(-5px);
  border-color: rgba(117,211,200,.8);
  box-shadow: 0 20px 48px rgba(7,27,42,.18);
}
.benefits article:hover::before { transform: scale(1.045); }
@media (max-width: 760px) {
  .benefits { grid-template-columns: 1fr; gap: 20px; }
  .benefits article { min-height: 320px; padding: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .benefits article,
  .benefits article::before { transition: none; }
}
/* CIC MEMBERSHIP FULL IMAGE CARDS V3 END */



/* CIC FOUNDING MEMBERS COMPACT EDITORIAL V2 START */
.fm-contribution{padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.fm-card-grid{display:grid;grid-template-columns:1fr;gap:22px;max-width:1220px;margin:0 auto}
.fm-card,.fm-card--wide{grid-column:auto;display:grid;grid-template-columns:minmax(300px,42%) 1fr;align-items:stretch;min-height:250px;border-radius:14px}
.fm-card:nth-child(even){grid-template-columns:1fr minmax(300px,42%)}
.fm-card:nth-child(even) .fm-card__image{order:2}
.fm-card__image{height:250px;min-height:250px;overflow:hidden;background:#dce6e3}
.fm-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.fm-card>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:38px 44px}
.fm-card h3{font-size:clamp(1.8rem,3vw,2.65rem)}
.fm-card p{max-width:52ch;font-size:1rem;line-height:1.65}
.fm-card:hover .fm-card__image{transform:none}
.fm-card:hover .fm-card__image img{transform:scale(1.035)}
.fm-exchange{gap:36px}
.fm-exchange__columns article{border-radius:12px}
@media(max-width:720px){.fm-card,.fm-card:nth-child(even){grid-template-columns:1fr;min-height:0}.fm-card:nth-child(even) .fm-card__image{order:0}.fm-card__image{height:220px;min-height:220px}.fm-card>div:last-child{padding:28px}.fm-heading{margin-bottom:34px}}
/* CIC FOUNDING MEMBERS COMPACT EDITORIAL V2 END */

/* CIC FOUNDING MEMBERS EXECUTIVE REDESIGN START */
.fm-kicker{display:block;margin-bottom:18px;color:#71d7cf;font-size:.76rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.fm-hero{min-height:760px;display:flex;align-items:center;padding:clamp(5rem,10vw,10rem) clamp(1.4rem,8vw,9rem);color:#fff;background:linear-gradient(90deg,rgba(5,28,39,.98) 0%,rgba(5,28,39,.9) 38%,rgba(5,28,39,.2) 70%),url('../img/founding/founding-conference.webp') center/cover no-repeat}.fm-hero__copy{max-width:760px}.fm-hero h1{max-width:10ch;margin:0 0 28px;font:500 clamp(4rem,7.3vw,7.5rem)/.94 Georgia,serif;letter-spacing:-.055em}.fm-hero p{max-width:61ch;margin-bottom:34px;color:#e2edef;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.7}.fm-button{display:inline-flex;align-items:center;gap:34px;min-height:56px;padding:14px 22px;border-radius:4px;text-decoration:none;font-weight:800;transition:.25s}.fm-button span{font-size:1.25rem}.fm-button--gold{background:#d6b363;color:#071b2a}.fm-button--gold:hover{background:#e4c77f;transform:translateY(-2px)}.fm-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,8vw,9rem);padding:clamp(6rem,10vw,10rem) clamp(1.4rem,8vw,9rem);background:#fff}.fm-intro h2,.fm-heading h2,.fm-exchange h2,.fm-cta h2{font:500 clamp(2.8rem,5vw,5.3rem)/1 Georgia,serif;letter-spacing:-.045em}.fm-intro h2{max-width:10ch}.fm-intro>div:last-child{padding-top:45px;border-top:1px solid #c8a85f}.fm-intro p{font-size:1.08rem;line-height:1.85;color:#405764}.fm-contribution{padding:clamp(6rem,10vw,10rem) clamp(1.4rem,8vw,9rem);background:#f1f6f4}.fm-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:4rem;align-items:end;margin-bottom:48px}.fm-heading .fm-kicker{grid-column:1/-1}.fm-heading h2{max-width:12ch;margin:0}.fm-heading p{margin:0 0 8px;color:#536771;font-size:1.06rem}.fm-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.fm-card{grid-column:span 2;overflow:hidden;background:#fff;border:1px solid #d6e2df;border-radius:16px;box-shadow:0 8px 30px rgba(7,27,42,.07);transition:.3s}.fm-card--wide{grid-column:span 3}.fm-card__image{height:250px;background-image:linear-gradient(180deg,transparent 65%,rgba(5,28,39,.16)),var(--fm-image);background-size:cover;background-position:center;transition:.45s}.fm-card>div:last-child{padding:28px}.fm-card span{color:#08797b;font-size:.7rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.fm-card h3{margin:9px 0 10px;font:600 1.65rem/1.05 Georgia,serif}.fm-card p{margin:0;color:#50636d}.fm-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(7,27,42,.14)}.fm-card:hover .fm-card__image{transform:scale(1.025)}.fm-exchange{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:clamp(6rem,10vw,10rem) clamp(1.4rem,8vw,9rem);background:#062b3a;color:#fff}.fm-exchange__header p{max-width:48ch;color:#bdcdd2;font-size:1.05rem}.fm-exchange__image{overflow:hidden;min-height:410px;border-radius:16px}.fm-exchange__image img{width:100%;height:100%;object-fit:cover}.fm-exchange__columns{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.fm-exchange__columns article{padding:36px;background:#fff;color:#071b2a;border-top:4px solid #d6b363;border-radius:0 0 14px 14px}.fm-exchange__label{font:600 2rem Georgia,serif}.fm-exchange ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:24px 0 0;padding:0;list-style:none}.fm-exchange li{padding:20px;border-top:1px solid #dce5e2}.fm-exchange strong,.fm-exchange small{display:block}.fm-exchange strong{margin-bottom:6px;color:#08797b}.fm-exchange small{color:#536771;line-height:1.55}.fm-cta{padding:clamp(6rem,10vw,10rem) clamp(1.4rem,8vw,9rem);text-align:center;background:linear-gradient(120deg,#08797b,#0b5a66);color:#fff}.fm-cta h2{max-width:none;margin-bottom:22px}.fm-cta p{max-width:720px;margin:0 auto 30px;color:#d9eeee;font-size:1.12rem}.fm-button--light{background:#fff;color:#071b2a}.fm-button--light:hover{transform:translateY(-2px)}@media(max-width:980px){.fm-card,.fm-card--wide{grid-column:span 3}.fm-hero{min-height:680px}.fm-heading{grid-template-columns:1fr;gap:18px}.fm-exchange{grid-template-columns:1fr}.fm-exchange__image{min-height:350px}}@media(max-width:720px){.fm-hero{min-height:680px;align-items:end;background:linear-gradient(0deg,rgba(5,28,39,.98) 0%,rgba(5,28,39,.65) 62%,rgba(5,28,39,.18)),url('../img/founding/founding-conference.webp') 62% center/cover no-repeat}.fm-hero h1{font-size:3.7rem}.fm-intro,.fm-exchange__columns{grid-template-columns:1fr}.fm-intro>div:last-child{padding-top:28px}.fm-card,.fm-card--wide{grid-column:1/-1}.fm-card__image{height:230px}.fm-exchange ul{grid-template-columns:1fr}.fm-exchange__columns article{padding:26px}}
/* CIC FOUNDING MEMBERS EXECUTIVE REDESIGN END */

/* CIC FOUNDING STICKY CARD STACK V3 START */
@media (min-width: 981px) {
  .fm-contribution {
    position: relative;
    overflow: visible;
    padding-bottom: 150px;
  }
  .fm-card-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 1220px;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .fm-card,
  .fm-card--wide {
    position: sticky;
    min-height: 270px;
    margin-bottom: 42px;
    transform-origin: center top;
    border-color: rgba(7,27,42,.16);
    box-shadow: 0 22px 55px rgba(7,27,42,.14);
    will-change: transform;
  }
  .fm-card:nth-child(1) { top: 106px; z-index: 1; }
  .fm-card:nth-child(2) { top: 119px; z-index: 2; }
  .fm-card:nth-child(3) { top: 132px; z-index: 3; }
  .fm-card:nth-child(4) { top: 145px; z-index: 4; }
  .fm-card:nth-child(5) { top: 158px; z-index: 5; margin-bottom: 0; }
  .fm-card:nth-child(1)::after,
  .fm-card:nth-child(2)::after,
  .fm-card:nth-child(3)::after,
  .fm-card:nth-child(4)::after,
  .fm-card:nth-child(5)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 3px 0 rgba(113,215,207,.75);
  }
  .fm-card:nth-child(5)::after { box-shadow: inset 0 3px 0 #d6b363; }
  .fm-card:hover {
    transform: translateY(-3px);
  }
}
@media (max-width: 980px) {
  .fm-card-grid { gap: 22px; }
  .fm-card { position: relative; top: auto; margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .fm-card { position: relative !important; top: auto !important; transform: none !important; }
  .fm-card-grid { gap: 22px !important; }
}
/* CIC FOUNDING STICKY CARD STACK V3 END */

/* CIC GLOBAL COMPACT FOOTER START */
body > footer,
.site-footer {
  min-height: 0 !important;
  padding: 42px clamp(24px, 7vw, 120px) 24px !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) minmax(480px, auto) !important;
  align-items: start !important;
  column-gap: clamp(50px, 9vw, 150px) !important;
  row-gap: 28px !important;
  background: #041722 !important;
}
body > footer > div:first-child,
.site-footer > div:first-child {
  max-width: 580px;
}
body > footer > div:first-child strong,
.site-footer > div:first-child strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 1rem;
}
body > footer > div:first-child p,
.site-footer > div:first-child p {
  margin: 0 0 14px;
  color: #91aab3;
  line-height: 1.55;
}
body > footer > div:nth-child(2),
.site-footer > div:nth-child(2) {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  align-items: start !important;
  gap: 10px 34px !important;
  margin: 0 !important;
}
body > footer > div:nth-child(2) a,
.site-footer > div:nth-child(2) a {
  color: #d7e2e5;
  font-size: .9rem;
  line-height: 1.4;
  text-underline-offset: 4px;
  transition: color .2s ease;
}
body > footer > div:nth-child(2) a:hover,
.site-footer > div:nth-child(2) a:hover {
  color: #75d3c8;
}
body > footer > small,
.site-footer > small {
  grid-column: 1 / -1 !important;
  display: block;
  margin: 0 !important;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: #91aab3 !important;
  font-size: .78rem;
}
@media (max-width: 980px) {
  body > footer,
  .site-footer {
    grid-template-columns: 1fr !important;
  }
  body > footer > div:nth-child(2),
  .site-footer > div:nth-child(2) {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width: 620px) {
  body > footer,
  .site-footer {
    padding: 36px 22px 22px !important;
    row-gap: 24px !important;
  }
  body > footer > div:nth-child(2),
  .site-footer > div:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px 20px !important;
  }
}
/* CIC GLOBAL COMPACT FOOTER END */
/* CIC FOUNDING VALUE ICONS START */
.fm-exchange li{position:relative;min-height:108px;padding:22px 20px 20px 76px!important}
.fm-value-icon{position:absolute;left:18px;top:20px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e2f4f1;color:#08797b;font:normal 700 20px/1 Georgia,serif;transition:transform .25s ease,background .25s ease,color .25s ease}
.fm-value-icon--gold{background:#f5ecd8;color:#9a742b}
.fm-exchange li:hover .fm-value-icon{transform:translateY(-2px);background:#08797b;color:#fff}
.fm-exchange li:hover .fm-value-icon--gold{background:#d6b363;color:#071b2a}
@media(max-width:720px){.fm-exchange li{padding-left:72px!important}}
/* CIC FOUNDING VALUE ICONS END */

/* CIC SITEWIDE MOBILE RESPONSIVE FIX 20260911 START */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%}
main,section,article,div{min-width:0}
input,select,textarea,button{max-width:100%}
@media(max-width:980px){
  .site-header{height:72px;padding:0 16px;gap:12px}
  .brand{min-width:0}.brand-logo{width:auto!important;max-width:min(190px,52vw)!important;height:52px!important;object-fit:contain}
  .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:8px 12px;border:1px solid rgba(7,27,42,.16)!important;border-radius:999px!important;background:#fff!important;color:#071b2a!important;font-weight:800!important;cursor:pointer}
  #primary-nav{display:none!important;position:absolute;top:72px;left:0;right:0;max-height:calc(100dvh - 72px);overflow-y:auto;padding:12px 16px 20px!important;grid-template-columns:1fr!important;gap:3px!important;background:#fff!important;border-top:1px solid #dbe2df;box-shadow:0 18px 34px rgba(7,27,42,.16)}
  #primary-nav.open{display:grid!important}
  #primary-nav>a{display:flex!important;width:100%;min-height:44px;align-items:center;padding:10px 12px!important;border-radius:8px;font-size:.9rem!important}
  #primary-nav>a:hover,#primary-nav>a.active,#primary-nav>a[aria-current=page]{background:#e4f1ee;color:#075e62}
  #primary-nav>.button{justify-content:center!important;margin-top:7px;background:#0b6f72!important;color:#fff!important}
  .section,.cta,.page-hero,.pillar{padding-left:24px!important;padding-right:24px!important}
  .cards,.cards.three,.cards.four,.cards.five,.verb-grid,.split,.benefits,.form-page,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{min-height:calc(100svh - 72px)}
  .hero-copy{width:min(680px,calc(100% - 48px));margin-left:24px}
  .cic-partners{grid-template-columns:1fr!important}
  .pillar{grid-template-columns:120px minmax(0,1fr)}
  .cal-hero,.cal-grid{grid-template-columns:1fr!important}.cal-hero__mark{display:none!important}
  .cal-events__heading{align-items:flex-start!important;flex-direction:column!important}
  .cic3-dna__frame{overflow:hidden!important}.cic3-dna__frame img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important}
  .cic3-dna__links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .fm-card-grid{grid-template-columns:1fr!important}.fm-card,.fm-card--wide{grid-column:auto!important;position:relative!important;top:auto!important;margin-bottom:0!important;transform:none!important}
  .fm-exchange{grid-template-columns:1fr!important}.fm-exchange__columns{grid-template-columns:1fr!important}
  .table-wrap{max-width:calc(100vw - 48px);overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
@media(max-width:720px){
  body{font-size:15px;overflow-wrap:anywhere}
  h1,.page-hero h1{max-width:100%!important;font-size:clamp(2.5rem,13vw,3.5rem)!important;line-height:1!important}
  h2,.section h2,.cta h2{max-width:100%!important;font-size:clamp(2rem,10vw,3rem)!important}
  h3{letter-spacing:-.02em}
  .section,.cta,.page-hero,.pillar{padding:52px 18px!important}
  .page-hero{min-height:0!important}
  .hero-copy{width:100%;margin:0;padding:64px 18px 48px}.hero-copy p,.page-hero p{font-size:1.05rem}
  .actions{align-items:stretch;flex-direction:column}.actions .button{width:100%}
  .cards,.cards.three,.cards.four,.cards.five,.verb-grid,.split,.benefits,.form-page,.form-grid{grid-template-columns:1fr!important}
  .card{min-height:0;padding:24px}.pillar{grid-template-columns:1fr}.pillar>b{font-size:3rem}
  .cic-partner-card{grid-template-columns:1fr!important}.cic-partner-logo{min-height:150px!important}
  .circle-six-visuals{grid-template-columns:1fr!important}.circle-visual-card{min-height:0!important}.circle-visual-card__image{height:210px!important}
  .benefits article{min-height:0!important}.benefits article img,.benefit-image{width:100%!important;height:190px!important;object-fit:cover!important}
  .cic3-wrap{width:calc(100% - 36px)!important}.cic3-hero{padding:64px 0 50px!important}.cic3-hero h1{font-size:clamp(2.75rem,15vw,4rem)!important}.cic3-hero__copy>p{font-size:1rem!important}
  .cic3-intro,.cic3-detail,.cic3-cta{padding:52px 0!important}.cic3-intro h2,.cic3-detail h2,.cic3-cta h2{font-size:clamp(2.25rem,11vw,3.2rem)!important}
  .cic3-dna{margin-top:30px!important}.cic3-dna__frame{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.cic3-dna__frame img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
  .cic3-dna__links{grid-template-columns:1fr!important}.cic3-dna__links a{min-height:44px;text-align:center}
  .cic3-column-section{padding:52px 16px!important}.cic3-column-card{padding:24px 18px!important}.cic3-column-card__top{gap:12px}.cic3-column-card__top h2{font-size:1.65rem!important}.cic3-column-card>h3{font-size:1.45rem!important}
  .cic3-detail__identity{min-height:130px!important;padding:22px!important}.cic3-features>div{grid-template-columns:32px minmax(0,1fr)!important}
  .cal-hero{padding:64px 18px!important}.cal-hero h1{font-size:clamp(2.75rem,14vw,3.6rem)!important}.cal-events{padding:52px 16px!important}.cal-tabs{width:100%;border-radius:14px!important}.cal-tabs button{flex:1;padding:11px 8px!important}.cal-card__visual{height:190px!important}.cal-card__body{grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;padding:20px!important}.cal-card__date{padding-right:10px!important}.cal-card__date strong{font-size:30px!important}.cal-card__copy h2{font-size:1.3rem!important}.cal-cta{padding:52px 18px!important}.cal-cta .button{width:100%}.cal-empty{padding:42px 18px!important}
  .fm-hero{min-height:calc(100svh - 72px)!important;padding:64px 18px 48px!important}.fm-hero h1{font-size:clamp(2.8rem,14vw,4rem)!important}.fm-intro,.fm-contribution,.fm-exchange,.fm-cta{padding:52px 18px!important}.fm-intro h2,.fm-heading h2,.fm-exchange h2,.fm-cta h2{font-size:clamp(2.25rem,11vw,3.2rem)!important}.fm-heading{display:block!important}.fm-card{grid-template-columns:1fr!important;min-height:0!important}.fm-card:nth-child(even) .fm-card__image{order:0!important}.fm-card__image{height:210px!important;min-height:210px!important}.fm-card>div:last-child{padding:24px!important}.fm-exchange__image{min-height:0!important;aspect-ratio:4/3}.fm-exchange__columns article{padding:22px!important}.fm-exchange ul{grid-template-columns:1fr!important}.fm-exchange li{min-height:0!important}
  .form-page{gap:28px}.form-page form{width:100%}.check{grid-template-columns:auto minmax(0,1fr)!important}
  body>.site-footer,.site-footer,body>footer{padding:34px 18px 20px!important;grid-template-columns:1fr!important}.site-footer>div:nth-child(2),body>footer>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .member-shell .member-sidebar{padding:12px!important}.member-brand{padding-bottom:12px}.member-shell .member-navigation{display:flex!important;gap:8px!important;overflow-x:auto;padding:4px 0 10px;scroll-snap-type:x proximity}.member-shell .member-navigation a{flex:0 0 min(76vw,260px);justify-content:flex-start!important;scroll-snap-align:start}.member-sidebar__account{margin-top:4px}.member-shell .member-topbar{padding:0 16px}.portal-hero,.portal-title{padding:32px 18px!important}.portal-grid,.stats{grid-template-columns:1fr!important;padding:18px!important}.list{padding:0 18px 28px!important}.table-wrap{margin:0 18px 28px!important;max-width:calc(100vw - 36px)}
}
@media(max-width:390px){
  .brand-logo{max-width:165px!important}.site-header{padding-inline:10px}.nav-toggle{min-width:44px;padding-inline:9px;font-size:.8rem}
  .section,.cta,.page-hero,.pillar{padding-left:15px!important;padding-right:15px!important}
  .cal-card__body{grid-template-columns:1fr!important}.cal-card__date{display:flex!important;gap:8px;border-right:0!important;border-bottom:1px solid #dbe5e3;padding:0 0 10px!important}.cal-card__date span{margin-top:0!important}
  .site-footer>div:nth-child(2),body>footer>div:nth-child(2){grid-template-columns:1fr!important}
}
@media(hover:none){.card:hover,.cal-card:hover,.fm-card:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* CIC SITEWIDE MOBILE RESPONSIVE FIX 20260911 END */

/* CIC HOME HERO READABILITY FIX START */

/* Strong dark background behind the complete written section */
.home-executive-hero .hero-copy,
.hero .hero-copy {
    position: relative;
    z-index: 3;
    width: min(820px, calc(100% - 4rem));
    padding: clamp(3rem, 5vw, 5rem);
    border-radius: 0 24px 24px 0;
    background: linear-gradient(
        90deg,
        rgba(4, 24, 37, .98) 0%,
        rgba(4, 24, 37, .94) 70%,
        rgba(4, 24, 37, .82) 100%
    );
    box-shadow: 25px 0 55px rgba(4, 24, 37, .22);
}

/* Ensure all hero text is clearly visible */
.home-executive-hero .hero-copy h1,
.hero .hero-copy h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .18);
}

.home-executive-hero .hero-copy p,
.hero .hero-copy p {
    max-width: 660px !important;
    color: #e4eef0 !important;
    font-size: clamp(1rem, 1.25vw, 1.18rem) !important;
    font-weight: 450 !important;
    line-height: 1.75 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}

.home-executive-hero .hero-copy .eyebrow,
.hero .hero-copy .eyebrow {
    color: #79ddd3 !important;
}

.home-executive-hero .hero-copy .button,
.hero .hero-copy .button {
    position: relative;
    z-index: 4;
}

/* Tablet */
@media (max-width: 980px) {
    .home-executive-hero .hero-copy,
    .hero .hero-copy {
        width: min(720px, calc(100% - 3rem));
        margin-left: 0 !important;
        padding: 3rem 2rem;
        border-radius: 0 20px 20px 0;
    }
}

/* Mobile */
@media (max-width: 720px) {
    .home-executive-hero,
    .hero {
        min-height: auto !important;
        background: #061d2b;
    }

    .home-executive-hero .hero-media,
    .hero .hero-media {
        position: relative !important;
        width: 100%;
        height: 290px;
        background-position: 66% center !important;
    }

    .home-executive-hero .hero-copy,
    .hero .hero-copy {
        width: 100% !important;
        margin: 0 !important;
        padding: 38px 20px 44px !important;
        border-radius: 0 !important;
        background: #061d2b !important;
        box-shadow: none !important;
    }

    .home-executive-hero .hero-copy h1,
    .hero .hero-copy h1 {
        font-size: clamp(2.65rem, 13vw, 3.6rem) !important;
    }

    .home-executive-hero .hero-copy p,
    .hero .hero-copy p {
        color: #e4eef0 !important;
        font-size: 1rem !important;
        line-height: 1.7 !important;
    }

    .home-executive-hero .actions,
    .hero .actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .home-executive-hero .actions .button,
    .hero .actions .button {
        width: 100%;
    }
}

/* CIC HOME HERO READABILITY FIX END */

/* CIC HEADER PARTNER LOGOS CSS START */

.site-header {
    column-gap: clamp(16px, 2vw, 30px);
}

.header-partners {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 11px;
    margin-right: auto;
}

.header-partners__divider {
    width: 1px;
    height: 38px;
    margin: 0 3px;
    background: #d7e1df;
}

.header-partners__label {
    color: #6c7c83;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.header-partners__logo {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #d8e2df;
    border-radius: 8px;
    background: #ffffff;
    text-decoration: none;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.header-partners__logo:hover {
    transform: translateY(-2px);
    border-color: #72cfc6;
    box-shadow: 0 8px 20px rgba(7, 27, 42, .1);
}

.header-partners__logo img {
    display: block;
    width: auto;
    max-width: none;
    object-fit: contain;
}

.header-partners__logo--avtar {
    min-width: 70px;
    padding: 5px 9px;
}

.header-partners__logo--avtar img {
    height: 25px;
    max-width: 75px;
}

.header-partners__logo--seramount {
    min-width: 105px;
    padding: 6px 11px;
    border-color: #143746;
    background: #082f3d;
}

.header-partners__logo--seramount img {
    height: 21px;
    max-width: 105px;
}

/* Keep navigation comfortably spaced on medium desktop screens */
@media (max-width: 1350px) {
    .header-partners__label {
        display: none;
    }

    .header-partners {
        gap: 7px;
    }

    .header-partners__logo--avtar {
        min-width: 60px;
        padding-inline: 6px;
    }

    .header-partners__logo--seramount {
        min-width: 88px;
        padding-inline: 8px;
    }

    .header-partners__logo--seramount img {
        max-width: 88px;
    }
}

/* Mobile/tablet navigation */
@media (max-width: 1100px) {
    .site-header {
        flex-wrap: wrap;
        height: auto !important;
        min-height: 72px;
        padding: 8px 16px !important;
    }

    .header-partners {
        margin-left: auto;
        margin-right: 6px;
    }

    .header-partners__divider,
    .header-partners__label {
        display: none;
    }

    #primary-nav {
        top: 72px;
    }
}

/* Compact partner treatment for phones */
@media (max-width: 700px) {
    .site-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 7px;
    }

    .site-header > .brand {
        grid-column: 1;
        grid-row: 1;
    }

    .site-header > .nav-toggle {
        grid-column: 2;
        grid-row: 1;
    }

    .header-partners {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        justify-content: flex-start;
        margin: 0;
        padding-top: 7px;
        border-top: 1px solid #e2e9e7;
    }

    .header-partners::before {
        content: "In partnership with";
        margin-right: 2px;
        color: #657980;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .header-partners__logo {
        height: 31px;
    }

    .header-partners__logo--avtar {
        min-width: 56px;
        padding: 4px 7px;
    }

    .header-partners__logo--avtar img {
        height: 20px;
        max-width: 60px;
    }

    .header-partners__logo--seramount {
        min-width: 82px;
        padding: 5px 8px;
    }

    .header-partners__logo--seramount img {
        height: 17px;
        max-width: 82px;
    }

    #primary-nav {
        top: 118px !important;
        max-height: calc(100dvh - 118px) !important;
    }
}

@media (max-width: 390px) {
    .header-partners::before {
        content: "Partners";
    }
}

/* CIC HEADER PARTNER LOGOS CSS END */

/* CIC ADVANCED NAVIGATION ANIMATION START */

/*
 * Modern corporate navigation interaction:
 * animated underline, subtle lift, active-page indicator and premium CTA.
 */

@media (min-width: 981px) {

    #primary-nav > a {
        position: relative;
        isolation: isolate;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 8px 3px;
        color: #102936;
        transition:
            color .25s ease,
            transform .25s cubic-bezier(.2, .8, .2, 1);
    }

    /* Soft animated hover background */
    #primary-nav > a:not(.button)::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 5px -10px;
        border-radius: 10px;
        background:
            linear-gradient(
                135deg,
                rgba(117, 211, 200, .15),
                rgba(11, 111, 114, .07)
            );
        opacity: 0;
        transform: scale(.86);
        transition:
            opacity .25s ease,
            transform .3s cubic-bezier(.2, .8, .2, 1);
    }

    /* Sliding aqua-to-gold underline */
    #primary-nav > a:not(.button)::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 3px;
        width: calc(100% - 6px);
        height: 3px;
        border-radius: 99px;
        background: linear-gradient(
            90deg,
            #0b777a 0%,
            #70d2c8 55%,
            #cfaa61 100%
        );
        opacity: 0;
        transform: translateX(-50%) scaleX(0);
        transform-origin: center;
        transition:
            opacity .2s ease,
            transform .32s cubic-bezier(.2, .8, .2, 1);
    }

    #primary-nav > a:not(.button):hover,
    #primary-nav > a:not(.button):focus-visible {
        color: #087477;
        transform: translateY(-2px);
    }

    #primary-nav > a:not(.button):hover::before,
    #primary-nav > a:not(.button):focus-visible::before {
        opacity: 1;
        transform: scale(1);
    }

    #primary-nav > a:not(.button):hover::after,
    #primary-nav > a:not(.button):focus-visible::after,
    #primary-nav > a:not(.button).active::after,
    #primary-nav > a:not(.button)[aria-current="page"]::after {
        opacity: 1;
        transform: translateX(-50%) scaleX(1);
    }

    /* Current-page styling */
    #primary-nav > a:not(.button).active,
    #primary-nav > a:not(.button)[aria-current="page"] {
        color: #087477;
        font-weight: 800;
    }

    #primary-nav > a:not(.button).active::before,
    #primary-nav > a:not(.button)[aria-current="page"]::before {
        opacity: .65;
        transform: scale(1);
    }

    /* Join the Circle premium animation */
    #primary-nav > .button {
        position: relative;
        min-width: 128px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .22);
        background:
            linear-gradient(
                110deg,
                #09686b 0%,
                #0c8585 48%,
                #09686b 100%
            );
        background-size: 220% 100%;
        color: #ffffff;
        box-shadow:
            0 8px 20px rgba(8, 111, 114, .18),
            inset 0 1px 0 rgba(255, 255, 255, .2);
        transition:
            transform .28s cubic-bezier(.2, .8, .2, 1),
            box-shadow .28s ease,
            background-position .45s ease;
    }

    /* Moving light across button */
    #primary-nav > .button::before {
        content: "";
        position: absolute;
        top: -40%;
        bottom: -40%;
        left: -45%;
        width: 35%;
        border-radius: 50%;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .48),
            transparent
        );
        transform: skewX(-22deg);
        transition: left .55s ease;
    }

    #primary-nav > .button:hover,
    #primary-nav > .button:focus-visible {
        background-position: 100% 0;
        transform: translateY(-3px) scale(1.025);
        box-shadow:
            0 14px 30px rgba(8, 111, 114, .28),
            0 0 0 4px rgba(117, 211, 200, .12);
    }

    #primary-nav > .button:hover::before,
    #primary-nav > .button:focus-visible::before {
        left: 120%;
    }

    #primary-nav > .button:active {
        transform: translateY(0) scale(.98);
    }

    /* Logo hover treatment */
    .site-header > .brand {
        transition:
            transform .28s cubic-bezier(.2, .8, .2, 1),
            filter .28s ease;
    }

    .site-header > .brand:hover {
        transform: translateY(-2px);
        filter: drop-shadow(0 7px 10px rgba(7, 27, 42, .12));
    }

    .header-partners__logo {
        position: relative;
        overflow: hidden;
    }

    .header-partners__logo::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            110deg,
            transparent 25%,
            rgba(255, 255, 255, .55) 50%,
            transparent 75%
        );
        transform: translateX(-130%);
        transition: transform .55s ease;
        pointer-events: none;
    }

    .header-partners__logo:hover::after {
        transform: translateX(130%);
    }
}

/* Strong keyboard focus for accessibility */
#primary-nav > a:focus-visible,
.site-header > .brand:focus-visible,
.header-partners__logo:focus-visible {
    outline: 3px solid rgba(11, 111, 114, .3);
    outline-offset: 4px;
}

/* Disable decorative motion when requested */
@media (prefers-reduced-motion: reduce) {
    #primary-nav > a,
    #primary-nav > a::before,
    #primary-nav > a::after,
    #primary-nav > .button,
    #primary-nav > .button::before,
    .site-header > .brand,
    .header-partners__logo,
    .header-partners__logo::after {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
}

/* CIC ADVANCED NAVIGATION ANIMATION END */

/* CIC LOGIN CORRECTED ICONS START */

.member-login__benefits > div {
    transition:
        background .25s ease,
        border-color .25s ease;
}

.login-benefit-icon {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    flex: 0 0 46px;
    place-items: center;
    position: relative;
    overflow: visible;
    border: 1px solid rgba(117, 211, 200, .42);
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(117, 211, 200, .18),
            rgba(117, 211, 200, .05)
        );
    color: #75d3c8 !important;
    font-size: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 8px 20px rgba(0, 0, 0, .13);
    transition:
        transform .28s ease,
        color .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.login-benefit-icon::before {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: -1;
    border: 1px solid rgba(117, 211, 200, .17);
    border-radius: 17px;
    opacity: 0;
    transform: scale(.8);
}

.login-benefit-icon svg {
    width: 27px;
    height: 27px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Learn – gently opening book */
.login-benefit-icon--learn svg {
    transform-origin: center bottom;
    animation: cicLoginBook 3.2s ease-in-out infinite;
}

/* Connect – expanding connection signal */
.login-benefit-icon--connect::before {
    animation: cicLoginConnect 2.7s ease-out infinite;
}

/* Lead – upward progress */
.login-benefit-icon--lead svg {
    animation: cicLoginLead 2.8s ease-in-out infinite;
}

.member-login__benefits > div:hover .login-benefit-icon {
    color: #f0c978 !important;
    border-color: #cfaa61;
    background:
        linear-gradient(
            145deg,
            rgba(207, 170, 97, .2),
            rgba(117, 211, 200, .08)
        );
    transform: translateY(-3px) scale(1.05);
}

@keyframes cicLoginBook {
    0%, 100% {
        transform: perspective(100px) rotateX(0);
    }

    50% {
        transform: perspective(100px) rotateX(-9deg);
    }
}

@keyframes cicLoginConnect {
    0% {
        opacity: .65;
        transform: scale(.82);
    }

    75%, 100% {
        opacity: 0;
        transform: scale(1.35);
    }
}

@keyframes cicLoginLead {
    0%, 100% {
        transform: translateY(1px);
    }

    50% {
        transform: translateY(-3px);
    }
}

@media (max-width: 720px) {
    .login-benefit-icon {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px;
    }

    .login-benefit-icon svg {
        width: 24px;
        height: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-benefit-icon,
    .login-benefit-icon::before,
    .login-benefit-icon svg {
        animation: none !important;
        transition: none !important;
    }
}

/* CIC LOGIN CORRECTED ICONS END */

/* CIC JOIN EXECUTIVE UI START */

.form-page {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: calc(100vh - 82px);
    padding:
        clamp(64px, 8vw, 112px)
        max(5vw, calc((100vw - 1500px) / 2)) !important;
    display: grid;
    grid-template-columns:
        minmax(360px, .82fr)
        minmax(620px, 1.18fr) !important;
    align-items: start;
    gap: clamp(55px, 7vw, 110px) !important;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            #062635 0%,
            #062635 39%,
            #f1f6f4 39%,
            #f1f6f4 100%
        );
}

/* Decorative executive-circle motif */
.form-page::before,
.form-page::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(117, 211, 200, .17);
    border-radius: 50%;
    pointer-events: none;
}

.form-page::before {
    width: 460px;
    height: 460px;
    left: -160px;
    bottom: -190px;
    box-shadow:
        0 0 0 52px rgba(117, 211, 200, .035),
        0 0 0 104px rgba(207, 170, 97, .025);
}

.form-page::after {
    width: 240px;
    height: 240px;
    left: calc(39% - 150px);
    top: 70px;
    border-color: rgba(207, 170, 97, .18);
}

/* Left information panel */
.form-page > div:first-child {
    position: sticky;
    top: 130px;
    padding: 12px 0 50px;
    color: #ffffff;
}

.form-page > div:first-child .eyebrow {
    margin-bottom: 24px;
    color: #75d3c8 !important;
}

.form-page > div:first-child h1 {
    max-width: 9ch !important;
    margin: 0 0 32px;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(4rem, 5.5vw, 6.6rem) !important;
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.055em;
}

.form-page > div:first-child p {
    max-width: 470px;
    margin: 0;
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    color: #d3e2e4;
    font-size: 1.08rem;
    line-height: 1.75;
}

/* Premium form container */
.form-page > form {
    position: relative;
    gap: 22px;
    padding: clamp(32px, 4vw, 54px);
    border: 1px solid #d3e0dd;
    border-radius: 22px;
    background: rgba(255, 255, 255, .97);
    box-shadow:
        0 28px 70px rgba(7, 27, 42, .12),
        0 2px 0 rgba(255, 255, 255, .9) inset;
}

.form-page > form::before {
    content: "Membership enquiry";
    display: block;
    margin-bottom: 4px;
    padding-bottom: 22px;
    border-bottom: 1px solid #dce5e2;
    color: #092635;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 2.5vw, 2.45rem);
    font-weight: 600;
    line-height: 1;
}

/* Form grid */
.form-page .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 18px !important;
}

.form-page label {
    gap: 8px;
    color: #102b38;
    font-size: .79rem;
    font-weight: 800;
    letter-spacing: .005em;
}

.form-page input,
.form-page select,
.form-page textarea {
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid #bdceca;
    border-radius: 10px;
    background: #fbfdfc;
    color: #092635;
    font-size: .94rem;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        transform .2s ease;
}

.form-page textarea {
    min-height: 145px;
    resize: vertical;
    line-height: 1.6;
}

.form-page input:hover,
.form-page select:hover,
.form-page textarea:hover {
    border-color: #82aaa5;
    background: #ffffff;
}

.form-page input:focus,
.form-page select:focus,
.form-page textarea:focus {
    outline: none;
    border-color: #0b777a;
    background: #ffffff;
    box-shadow:
        0 0 0 4px rgba(11, 119, 122, .11),
        0 8px 20px rgba(7, 27, 42, .06);
    transform: translateY(-1px);
}

.form-page input::placeholder,
.form-page textarea::placeholder {
    color: #85979e;
}

/* Full-width fields */
.form-page .form-grid > label:has(textarea),
.form-page .form-grid > label:has(select[name="interest"]),
.form-page .form-grid > label:has(select[name="membership_interest"]) {
    grid-column: 1 / -1;
}

/* Consent */
.form-page .check {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start;
    gap: 12px;
    margin: 2px 0;
    padding: 17px 18px;
    border: 1px solid #d9e4e1;
    border-radius: 11px;
    background: #f3f8f7;
    color: #405862;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.55;
}

.form-page .check input {
    width: 19px;
    height: 19px;
    min-height: 0;
    margin: 2px 0 0;
    padding: 0;
    accent-color: #0b777a;
}

/* reCAPTCHA */
.form-page .g-recaptcha {
    max-width: 100%;
    overflow: hidden;
}

/* Submit button */
.form-page form > .button,
.form-page button[type="submit"] {
    width: 100%;
    min-height: 56px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background:
        linear-gradient(
            110deg,
            #087174 0%,
            #0d8b8c 50%,
            #087174 100%
        );
    background-size: 220% 100%;
    color: #ffffff;
    font-size: .88rem;
    font-weight: 850;
    box-shadow: 0 13px 28px rgba(8, 113, 116, .2);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background-position .4s ease;
}

.form-page form > .button:hover,
.form-page button[type="submit"]:hover {
    background-position: 100% 0;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(8, 113, 116, .28);
}

/* Validation messages */
.form-page .flash,
.form-page .alert,
.form-page .validation-errors {
    border-radius: 10px;
    line-height: 1.55;
}

.form-page .flash.error,
.form-page .alert-danger,
.form-page .validation-errors {
    border-left: 4px solid #af3f3f;
    background: #fff0ef;
    color: #7d2929;
}

.form-page .flash.success,
.form-page .alert-success {
    border-left: 4px solid #21805f;
    background: #e9f7f1;
    color: #175f47;
}

/* Tablet */
@media (max-width: 1100px) {
    .form-page {
        grid-template-columns:
            minmax(290px, .75fr)
            minmax(500px, 1.25fr) !important;
        gap: 40px !important;
        background:
            linear-gradient(
                90deg,
                #062635 0%,
                #062635 35%,
                #f1f6f4 35%,
                #f1f6f4 100%
            );
    }

    .form-page > div:first-child h1 {
        font-size: clamp(3.5rem, 5.8vw, 5rem) !important;
    }
}

/* Mobile */
@media (max-width: 820px) {
    .form-page {
        min-height: 0;
        padding: 0 0 50px !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        background: #f1f6f4;
    }

    .form-page::before,
    .form-page::after {
        display: none;
    }

    .form-page > div:first-child {
        width: 100%;
        position: relative;
        top: auto;
        padding: 62px 22px 58px;
        overflow: hidden;
        background:
            radial-gradient(
                circle at 95% 5%,
                rgba(117, 211, 200, .18),
                transparent 34%
            ),
            linear-gradient(135deg, #061d2b, #0a4552);
    }

    .form-page > div:first-child::after {
        content: "";
        width: 210px;
        height: 210px;
        position: absolute;
        right: -105px;
        bottom: -105px;
        border: 1px solid rgba(117, 211, 200, .23);
        border-radius: 50%;
        box-shadow:
            0 0 0 35px rgba(117, 211, 200, .04),
            0 0 0 70px rgba(207, 170, 97, .03);
    }

    .form-page > div:first-child h1 {
        max-width: 12ch !important;
        font-size: clamp(3.1rem, 13vw, 4.7rem) !important;
    }

    .form-page > div:first-child p {
        max-width: 580px;
        position: relative;
        z-index: 2;
        font-size: 1rem;
    }

    .form-page > form {
        width: calc(100% - 32px);
        margin: -24px auto 0;
        padding: 30px 22px;
        z-index: 3;
        border-radius: 18px;
    }
}

@media (max-width: 620px) {
    .form-page .form-grid {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
    }

    .form-page .form-grid > label {
        grid-column: auto !important;
    }

    .form-page > form::before {
        font-size: 1.75rem;
    }

    .form-page input,
    .form-page select {
        min-height: 52px;
    }

    .form-page textarea {
        min-height: 130px;
    }

    .form-page .check {
        padding: 15px;
    }
}

@media (max-width: 390px) {
    .form-page > div:first-child {
        padding: 52px 17px 50px;
    }

    .form-page > div:first-child h1 {
        font-size: 2.8rem !important;
    }

    .form-page > form {
        width: calc(100% - 20px);
        padding: 25px 16px;
    }

    .form-page .g-recaptcha {
        transform: scale(.88);
        transform-origin: left top;
        margin-bottom: -9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-page input,
    .form-page select,
    .form-page textarea,
    .form-page button {
        transition: none !important;
        transform: none !important;
    }
}

/* CIC JOIN EXECUTIVE UI END */

/* CIC foundation journey */
.journey {
    display: grid;
    gap: 0;
    margin: 1.5rem 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    overflow: hidden;
}

.journey span {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.85rem 1rem;
    white-space: nowrap;
}

.journey span + span {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.journey b {
    color: #58d6c7;
    font-weight: 700;
}

.participation-note {
    margin: 0 0 1rem;
}

@media (max-width: 480px) {
    .journey span {
        white-space: normal;
        flex-wrap: wrap;
    }
}

/* CIC journey icons and sentence case */
.foundation-bg > .journey .journey-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.2rem;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.foundation-bg > .journey .journey-item + .journey-item {
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.foundation-bg > .journey .journey-icon {
    display: block;
    width: 36px;
    height: 36px;
    object-fit: contain;
    filter:
        invert(80%)
        sepia(28%)
        saturate(750%)
        hue-rotate(116deg)
        brightness(96%)
        contrast(90%);
}

.foundation-bg > .journey .journey-item p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    line-height: 1.4;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: normal;
}

.foundation-bg > .journey .journey-item b {
    color: #61d2ae;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: none !important;
    letter-spacing: normal !important;
}

@media (max-width: 650px) {
    .foundation-bg > .journey .journey-item {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .8rem;
        padding: .9rem 1rem;
    }

    .foundation-bg > .journey .journey-icon {
        width: 30px;
        height: 30px;
    }
}

/* CIC foundation study note */
.foundation-bg .foundation-study-note {
    display: block;
    margin-top: .8rem;
    color: #9fded5;
    font-size: .86rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .01em;
}

/* Circle six professional icon cards */
.circle-six-visuals {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    background: transparent !important;
}

.circle-six-visuals > .circle-visual-card {
    min-height: 340px !important;
    overflow: hidden;
    border: 1px solid #d7e4e1;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 38px rgba(7, 27, 42, .08);
}

.circle-six-visuals > .circle-visual-card:hover {
    transform: translateY(-5px);
    border-color: rgba(11, 111, 114, .35);
    box-shadow: 0 20px 48px rgba(7, 27, 42, .13);
}

.circle-six-visuals .circle-visual-card__image {
    height: 150px !important;
    display: grid !important;
    place-items: center;
    overflow: hidden;
    position: relative;
    background:
        radial-gradient(
            circle at 50% 44%,
            rgba(117, 211, 200, .24),
            rgba(117, 211, 200, .07) 48%,
            transparent 70%
        ),
        linear-gradient(145deg, #edf7f4, #f8fbfa) !important;
}

.circle-six-visuals .circle-visual-card__image::after {
    display: none !important;
}

.circle-six-visuals .circle-visual-card__image img {
    width: 72px !important;
    height: 72px !important;
    object-fit: contain !important;
    transform: none !important;
    filter:
        invert(34%)
        sepia(31%)
        saturate(1230%)
        hue-rotate(133deg)
        brightness(91%)
        contrast(94%);
    transition: transform .25s ease;
}

.circle-six-visuals .circle-visual-card:hover
.circle-visual-card__image img {
    transform: scale(1.08) !important;
}

.circle-six-visuals .circle-visual-card__content {
    padding: 1.5rem 1.6rem 1.7rem !important;
}

.circle-six-visuals .circle-visual-card__number {
    color: #0b6f72 !important;
}

.circle-six-visuals .circle-visual-card__content h3 {
    margin-bottom: .65rem;
}

@media (max-width: 980px) {
    .circle-six-visuals {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .circle-six-visuals {
        grid-template-columns: 1fr !important;
    }

    .circle-six-visuals .circle-visual-card__image {
        height: 125px !important;
    }

    .circle-six-visuals .circle-visual-card__image img {
        width: 62px !important;
        height: 62px !important;
    }
}

/* Membership professional SVG icon cards */
.membership-benefits-section {
    background: #f5f8f7;
}

.membership-benefits-section > .lead {
    max-width: 820px;
    margin-bottom: 2.5rem;
}

.membership-benefits-section .benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    background: transparent !important;
}

.membership-benefits-section .benefits article {
    min-height: 270px !important;
    padding: 1.7rem !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    border: 1px solid #d8e5e1 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 36px rgba(7, 27, 42, .07);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.membership-benefits-section .benefits article::before,
.membership-benefits-section .benefits article::after {
    display: none !important;
    content: none !important;
    background-image: none !important;
}

.membership-benefits-section .benefits article:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(11, 111, 114, .35) !important;
    box-shadow: 0 20px 46px rgba(7, 27, 42, .12) !important;
}

.membership-benefit-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 1.35rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(117, 211, 200, .22),
            rgba(117, 211, 200, .07)
        );
}

.membership-benefit-icon img {
    width: 38px !important;
    height: 38px !important;
    display: block;
    object-fit: contain !important;
    filter:
        invert(34%)
        sepia(31%)
        saturate(1230%)
        hue-rotate(133deg)
        brightness(91%)
        contrast(94%);
}

.membership-benefits-section .benefits article h3 {
    margin: 0 0 .75rem !important;
    color: #071b2a !important;
    font-size: 1.25rem;
    line-height: 1.25;
}

.membership-benefits-section .benefits article p {
    margin: 0 !important;
    color: #405764 !important;
    font-size: .96rem !important;
    line-height: 1.65;
}

.membership-benefits-section .benefits article:nth-child(2n)
.membership-benefit-icon {
    background:
        linear-gradient(
            145deg,
            rgba(207, 170, 97, .22),
            rgba(207, 170, 97, .07)
        );
}

@media (max-width: 1180px) {
    .membership-benefits-section .benefits {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .membership-benefits-section .benefits {
        grid-template-columns: 1fr !important;
    }

    .membership-benefits-section .benefits article {
        min-height: 0 !important;
        padding: 1.5rem !important;
    }

    .membership-benefit-icon {
        width: 60px;
        height: 60px;
    }

    .membership-benefit-icon img {
        width: 34px !important;
        height: 34px !important;
    }
}

/* Membership cards match Circle design */
.membership-benefits-section .benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    background: transparent !important;
}

.membership-benefits-section .benefits article {
    min-height: 360px !important;
    padding: 0 0 1.7rem !important;
    display: block !important;
    overflow: hidden;
    position: relative;
    border: 1px solid #d5e2df !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 36px rgba(7, 27, 42, .08) !important;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.membership-benefits-section .benefits article::before {
    display: none !important;
    content: none !important;
    background-image: none !important;
}

.membership-benefits-section .benefits article::after {
    content: "" !important;
    width: 32px;
    height: 32px;
    display: block !important;
    position: absolute;
    top: 134px;
    left: 26px;
    z-index: 3;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #0b7f82 !important;
    box-shadow: 0 5px 12px rgba(7, 27, 42, .18);
}

.membership-benefits-section .benefits article:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(11, 111, 114, .35) !important;
    box-shadow: 0 20px 46px rgba(7, 27, 42, .13) !important;
}

.membership-benefit-icon {
    width: 100% !important;
    height: 150px !important;
    margin: 0 0 2.2rem !important;
    display: grid !important;
    place-items: center;
    overflow: hidden;
    border-radius: 0 !important;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(117, 211, 200, .26),
            rgba(117, 211, 200, .08) 50%,
            transparent 74%
        ),
        linear-gradient(
            145deg,
            #edf7f4,
            #f8fbfa
        ) !important;
}

.membership-benefits-section
.benefits article:nth-child(2n)
.membership-benefit-icon {
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(207, 170, 97, .24),
            rgba(207, 170, 97, .07) 50%,
            transparent 74%
        ),
        linear-gradient(
            145deg,
            #faf6ed,
            #ffffff
        ) !important;
}

.membership-benefit-icon img {
    width: 66px !important;
    height: 66px !important;
    display: block;
    object-fit: contain !important;
}

.membership-benefits-section .benefits article h3 {
    margin: 0 1.6rem .75rem !important;
    color: #071b2a !important;
    font-family:
        Georgia,
        "Times New Roman",
        serif !important;
    font-size: 1.55rem !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
}

.membership-benefits-section .benefits article p {
    margin: 0 1.6rem !important;
    color: #405764 !important;
    font-size: .96rem !important;
    line-height: 1.65 !important;
}

@media (max-width: 1180px) {
    .membership-benefits-section .benefits {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .membership-benefits-section .benefits {
        grid-template-columns: 1fr !important;
    }

    .membership-benefits-section .benefits article {
        min-height: 0 !important;
    }

    .membership-benefit-icon {
        height: 135px !important;
    }

    .membership-benefits-section .benefits article::after {
        top: 119px;
    }

    .membership-benefit-icon img {
        width: 58px !important;
        height: 58px !important;
    }
}

/* Founding role SVG icon panels */
.fm-contribution .fm-card__image {
    min-height: 250px !important;
    height: 250px !important;
    display: grid !important;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(117, 211, 200, .27),
            rgba(117, 211, 200, .08) 48%,
            transparent 72%
        ),
        linear-gradient(
            145deg,
            #edf7f4,
            #f8fbfa
        ) !important;
}

.fm-contribution
.fm-card:nth-child(even)
.fm-card__image {
    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(207, 170, 97, .25),
            rgba(207, 170, 97, .07) 48%,
            transparent 72%
        ),
        linear-gradient(
            145deg,
            #faf6ed,
            #ffffff
        ) !important;
}

.fm-contribution .fm-card__image::before,
.fm-contribution .fm-card__image::after {
    display: none !important;
    content: none !important;
}

.fm-contribution .fm-card__image img {
    width: 96px !important;
    height: 96px !important;
    display: block;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter:
        invert(34%)
        sepia(31%)
        saturate(1230%)
        hue-rotate(133deg)
        brightness(91%)
        contrast(94%);
    transition: transform .25s ease;
}

.fm-contribution .fm-card:hover .fm-card__image {
    transform: none !important;
}

.fm-contribution
.fm-card:hover
.fm-card__image img {
    transform: scale(1.07) !important;
}

@media (max-width: 720px) {
    .fm-contribution .fm-card__image {
        min-height: 190px !important;
        height: 190px !important;
    }

    .fm-contribution .fm-card__image img {
        width: 78px !important;
        height: 78px !important;
    }
}

/* Approved CIC executive split homepage hero */
.home-executive-hero {
    min-height: clamp(650px, calc(100svh - 82px), 820px) !important;
    display: grid !important;
    grid-template-columns:
        minmax(540px, 42%)
        minmax(0, 1fr) !important;
    align-items: stretch !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #061d2b !important;
    color: #ffffff;
}

.home-executive-hero .hero-media {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: inherit;
    position: relative !important;
    inset: auto !important;
    z-index: 0;
    background:
        url("../img/cic-home-banner.webp")
        center center / cover no-repeat !important;
}

.home-executive-hero .hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            #061d2b 0%,
            rgba(6, 29, 43, .78) 7%,
            rgba(6, 29, 43, .22) 20%,
            transparent 35%
        );
    pointer-events: none;
}

.home-executive-hero .hero-copy {
    grid-column: 1;
    grid-row: 1;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding:
        clamp(4.5rem, 7vw, 7rem)
        clamp(2.2rem, 5vw, 6.5rem) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    border-radius: 0 !important;
    background:
        radial-gradient(
            circle at 15% 85%,
            rgba(11, 111, 114, .18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #061d2b,
            #082638
        ) !important;
    box-shadow: none !important;
}

.home-executive-hero .hero-copy::after {
    content: "";
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -90px;
    background:
        linear-gradient(
            90deg,
            #082638,
            transparent
        );
    pointer-events: none;
}

.home-executive-hero .hero-copy .eyebrow {
    margin: 0 0 3.1rem !important;
    position: relative;
    color: #52d6d0 !important;
    font-size: .77rem !important;
    font-weight: 850;
    line-height: 1.4;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.home-executive-hero .hero-copy .eyebrow::after {
    content: "";
    width: 44px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -1.3rem;
    border-radius: 999px;
    background: #d6b343;
}

.home-executive-hero .hero-copy h1 {
    max-width: 9.5ch !important;
    margin: 0 0 2rem !important;
    color: #ffffff;
    font-family:
        Georgia,
        "Times New Roman",
        serif !important;
    font-size: clamp(4.2rem, 5.35vw, 6.35rem) !important;
    font-weight: 500 !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
}

.home-executive-hero .hero-title-accent {
    display: block;
    color: #28c7c4;
}

.home-executive-hero .hero-title-dot {
    color: #d6b343;
}

.home-executive-hero .hero-copy > p:not(.hero-trust) {
    max-width: 590px !important;
    margin: 0 !important;
    color: #eef5f6 !important;
    font-size: clamp(1.06rem, 1.3vw, 1.23rem) !important;
    line-height: 1.72 !important;
}

.home-executive-hero .actions {
    margin-top: 2.25rem !important;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.home-executive-hero .actions .button {
    min-height: 54px !important;
    padding: .85rem 1.4rem !important;
    gap: 1.25rem;
    border-radius: 999px !important;
}

.home-executive-hero .actions .button::after {
    content: "→";
    font-size: 1.2rem;
    line-height: 1;
}

.home-executive-hero .actions .button:first-child {
    min-width: 220px;
    background:
        linear-gradient(
            135deg,
            #07858a,
            #20c6bd
        ) !important;
    box-shadow: 0 12px 30px rgba(10, 172, 167, .22);
}

.home-executive-hero .actions .button:first-child:hover {
    background:
        linear-gradient(
            135deg,
            #08777b,
            #18afa9
        ) !important;
}

.home-executive-hero .actions .button.ghost {
    min-width: 250px;
    border: 1px solid rgba(255, 255, 255, .82) !important;
    background: transparent !important;
}

.home-executive-hero .actions .button.ghost:hover {
    background: rgba(255, 255, 255, .08) !important;
}

.home-executive-hero .hero-trust {
    margin: 2rem 0 0 !important;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #d8e5e7 !important;
    font-size: .86rem !important;
    line-height: 1.4 !important;
}

.home-executive-hero .hero-trust::before {
    content: "";
    width: 44px;
    height: 3px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #d6b343;
}

@media (max-width: 1180px) {
    .home-executive-hero {
        grid-template-columns:
            minmax(470px, 48%)
            minmax(0, 1fr) !important;
    }

    .home-executive-hero .hero-copy {
        padding: 4.5rem 2.5rem !important;
    }

    .home-executive-hero .hero-copy h1 {
        font-size: clamp(3.8rem, 5.4vw, 5rem) !important;
    }
}

@media (max-width: 820px) {
    .home-executive-hero {
        min-height: calc(100svh - 72px) !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: end !important;
    }

    .home-executive-hero .hero-media {
        grid-column: 1;
        grid-row: 1;
        position: absolute !important;
        inset: 0 !important;
        min-height: 100%;
        background:
            url("../img/cic-home-banner.webp")
            58% center / cover no-repeat !important;
    }

    .home-executive-hero .hero-media::after {
        background:
            linear-gradient(
                0deg,
                #061d2b 0%,
                rgba(6, 29, 43, .94) 44%,
                rgba(6, 29, 43, .42) 76%,
                rgba(6, 29, 43, .12) 100%
            );
    }

    .home-executive-hero .hero-copy {
        grid-column: 1;
        grid-row: 1;
        width: 100% !important;
        padding: 6rem 1.3rem 3rem !important;
        justify-content: flex-end;
        background: transparent !important;
    }

    .home-executive-hero .hero-copy::after {
        display: none;
    }

    .home-executive-hero .hero-copy .eyebrow {
        margin-bottom: 2.5rem !important;
    }

    .home-executive-hero .hero-copy h1 {
        max-width: 10ch !important;
        font-size: clamp(3.25rem, 13vw, 4.6rem) !important;
    }

    .home-executive-hero .hero-copy > p:not(.hero-trust) {
        font-size: 1rem !important;
        line-height: 1.62 !important;
    }

    .home-executive-hero .actions {
        width: 100%;
    }

    .home-executive-hero .actions .button {
        min-width: 0 !important;
        flex: 1 1 210px;
    }
}

@media (max-width: 480px) {
    .home-executive-hero .hero-copy h1 {
        font-size: clamp(3rem, 14vw, 3.8rem) !important;
    }

    .home-executive-hero .actions {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .home-executive-hero .actions .button {
        width: 100%;
    }

    .home-executive-hero .hero-trust {
        margin-top: 1.5rem !important;
    }
}


/* CIC photographic page banners 20261102 */
.page-hero.cic-image-hero {
    min-height: 650px !important;
    padding:
        clamp(5rem, 7vw, 7rem)
        max(6vw, calc((100vw - 1480px) / 2)) !important;
    position: relative;
    display: grid !important;
    align-content: center;
    isolation: isolate;
    overflow: hidden;
    background-color: #061b2a !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.page-hero.cic-image-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(4, 23, 35, .98) 0%,
            rgba(4, 23, 35, .96) 27%,
            rgba(4, 23, 35, .84) 45%,
            rgba(4, 23, 35, .35) 68%,
            rgba(4, 23, 35, .12) 100%
        );
}

.page-hero.cic-image-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(3, 18, 28, .08),
            rgba(3, 18, 28, .28)
        );
}

.page-hero.cic-image-hero > .eyebrow,
.page-hero.cic-image-hero > h1,
.page-hero.cic-image-hero > p {
    width: min(100%, 760px);
    position: relative;
    z-index: 1;
}

.page-hero.cic-image-hero > h1 {
    max-width: 12ch !important;
    margin-bottom: 1.5rem;
    color: #fff;
    text-wrap: balance;
    text-shadow: 0 3px 22px rgba(0, 0, 0, .25);
}

.page-hero.cic-image-hero > p {
    max-width: 58ch !important;
    margin-bottom: 0;
    color: #e0eaec !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .3);
}

.page-hero.cic-image-hero--why {
    background-image:
        url("/assets/img/page-banners/why-cic-banner.webp") !important;
    background-position: 67% center !important;
}

.page-hero.cic-image-hero--membership {
    background-image:
        url("/assets/img/page-banners/membership-banner.webp") !important;
    background-position: 64% center !important;
}

.page-hero.cic-image-hero--about {
    background-image:
        url("/assets/img/page-banners/about-cic-banner.webp") !important;
    background-position: 64% center !important;
}

.page-hero.cic-image-hero--about > h1 {
    max-width: 13ch !important;
}

@media (max-width: 900px) {
    .page-hero.cic-image-hero {
        min-height: 590px !important;
        padding: 5rem 2rem !important;
        background-position: center !important;
    }

    .page-hero.cic-image-hero::before {
        background:
            linear-gradient(
                90deg,
                rgba(4, 23, 35, .97) 0%,
                rgba(4, 23, 35, .91) 48%,
                rgba(4, 23, 35, .48) 100%
            );
    }

    .page-hero.cic-image-hero > h1 {
        max-width: 14ch !important;
    }
}

@media (max-width: 650px) {
    .page-hero.cic-image-hero {
        min-height: 560px !important;
        padding: 4rem 1.25rem !important;
        align-content: end;
    }

    .page-hero.cic-image-hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(4, 23, 35, .25) 0%,
                rgba(4, 23, 35, .66) 38%,
                rgba(4, 23, 35, .98) 76%,
                #041723 100%
            );
    }

    .page-hero.cic-image-hero > h1 {
        max-width: 100% !important;
        font-size: clamp(2.65rem, 12vw, 3.6rem) !important;
    }

    .page-hero.cic-image-hero > p {
        font-size: 1rem !important;
        line-height: 1.6;
    }

    .page-hero.cic-image-hero--why {
        background-position: 58% center !important;
    }

    .page-hero.cic-image-hero--membership {
        background-position: 52% center !important;
    }

    .page-hero.cic-image-hero--about {
        background-position: 50% center !important;
    }
}