.cai-page{
    --cai-navy:#0C005b;
    --cai-blue:#3355d8;
    --cai-magenta:#d6248f;
    --cai-gold:#FFD301;
    --cai-ink:#1f2937;
    --cai-muted:#5b6472;
    --cai-line:rgba(12,0,91,0.10);
    --cai-card-shadow:0 10px 28px rgba(12,0,91,0.08);
}
.cai-page .subpage-main{ padding-top:0; }
.cai-page .cai-wrap{ max-width:1180px; margin:0 auto; padding:0 1rem; }

/* Breadcrumb */
.cai-crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; padding:.85rem 0 0; font-size:.82rem; font-weight:600; color:var(--cai-muted); }
.cai-crumb a{ color:var(--cai-blue); text-decoration:none; }
.cai-crumb a:hover{ text-decoration:underline; }
.cai-crumb i{ font-size:.65rem; color:#b9beca; }

/* Hero */
.cai-hero{
    position:relative; margin-top:.85rem; border-radius:1.25rem; overflow:hidden;
    min-height:clamp(320px, 46vw, 480px);
    display:flex; align-items:flex-end;
    background:#0a0640 url('../images/cai-hero.jpg') center 22% / cover no-repeat;
    box-shadow:var(--cai-card-shadow);
}
.cai-hero::before{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(10,6,64,.35) 0%, rgba(10,6,64,.55) 45%, rgba(6,3,42,.94) 100%);
}
.cai-hero-inner{ position:relative; z-index:1; padding:clamp(1.5rem,4vw,3rem); color:#fff; width:100%; }
.cai-hero-badge{
    display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .8rem; border-radius:999px;
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3);
    font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; backdrop-filter:blur(2px);
}
.cai-hero h1{
    margin:.85rem 0 .5rem; font-weight:800; line-height:1.12;
    font-size:clamp(1.7rem, 4.1vw, 3rem);
}
.cai-hero h1 span{ color:var(--cai-gold); }
.cai-hero p.lead{
    max-width:640px; color:rgba(255,255,255,.88); font-size:clamp(.95rem,1.6vw,1.1rem); line-height:1.7; margin-bottom:1.35rem;
}
.cai-hero-actions{ display:flex; flex-wrap:wrap; gap:.65rem; }
.cai-btn{
    display:inline-flex; align-items:center; gap:.5rem; padding:.62rem 1.15rem; border-radius:.65rem;
    font-weight:700; font-size:.88rem; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease;
}
.cai-btn:hover{ transform:translateY(-2px); }
.cai-btn-solid{ background:var(--cai-gold); color:#241b00; box-shadow:0 8px 18px rgba(255,211,1,.25); }
.cai-btn-outline{ background:rgba(255,255,255,.06); color:#fff; border:1.5px solid rgba(255,255,255,.55); }
.cai-hero-facts{
    display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid rgba(255,255,255,.18);
}
.cai-fact{ min-width:150px; }
.cai-fact b{ display:block; font-size:1.05rem; color:#fff; }
.cai-fact span{ font-size:.74rem; color:rgba(255,255,255,.7); text-transform:uppercase; letter-spacing:.05em; }

/* Quick nav */
.cai-quicknav{
    position:sticky; top:0; z-index:20; margin-top:1.1rem; background:#fff; border:1px solid var(--cai-line);
    border-radius:.8rem; box-shadow:0 6px 18px rgba(12,0,91,.06);
    padding:.55rem .6rem; display:flex; gap:.35rem; overflow-x:auto; scrollbar-width:thin;
}
.cai-quicknav a{
    flex:0 0 auto; padding:.42rem .8rem; border-radius:.55rem; font-size:.82rem; font-weight:700;
    color:var(--cai-navy); text-decoration:none; white-space:nowrap;
}
.cai-quicknav a:hover,
.cai-quicknav a.is-active{ background:var(--cai-navy); color:#fff; }

/* Section shell */
.cai-section{ padding:2.1rem 0 .3rem; scroll-margin-top:64px; }
.cai-section-head{ margin-bottom:1.1rem; }
.cai-eyebrow{
    display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
    color:var(--cai-magenta); margin-bottom:.3rem;
}
.cai-section-title{ margin:0; font-weight:800; color:var(--cai-navy); font-size:clamp(1.25rem,2.4vw,1.7rem); }
.cai-section-sub{ margin:.4rem 0 0; color:var(--cai-muted); font-size:.94rem; max-width:70ch; }

.cai-card{
    background:#fff; border:1px solid var(--cai-line); border-radius:1rem; box-shadow:var(--cai-card-shadow);
    padding:1.4rem 1.5rem;
}
.cai-card p{ color:#41485a; line-height:1.78; font-size:.96rem; margin-bottom:.9rem; }
.cai-card p:last-child{ margin-bottom:0; }
.cai-card strong{ color:var(--cai-navy); }

/* two column grid */
.cai-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
@media (max-width:820px){ .cai-grid-2{ grid-template-columns:1fr; } }

.cai-tile-head{ display:flex; align-items:center; gap:.6rem; margin-bottom:.85rem; }
.cai-tile-head i{
    width:38px; height:38px; border-radius:.65rem; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--cai-blue),var(--cai-navy)); color:#fff; font-size:1rem; flex:0 0 auto;
}
.cai-tile-head h3{ margin:0; font-size:1.05rem; font-weight:800; color:var(--cai-navy); }

/* chips */
.cai-chips{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1rem; }
.cai-chip{
    padding:.35rem .75rem; border-radius:999px; background:var(--cai-cream,#f0eeff); color:var(--cai-navy);
    font-size:.78rem; font-weight:700; border:1px solid var(--cai-line);
}

/* event card */
.cai-event-card{
    background:linear-gradient(135deg,var(--cai-navy) 0%,#1a1075 100%); color:#fff; border-radius:1rem;
    padding:1.6rem 1.7rem; box-shadow:var(--cai-card-shadow); position:relative; overflow:hidden;
}
.cai-event-card::after{
    content:"\f2bd"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:-10px; bottom:-24px;
    font-size:9rem; color:rgba(255,255,255,.06);
}
.cai-event-date{
    display:inline-flex; flex-direction:column; align-items:center; justify-content:center; background:var(--cai-gold);
    color:#241b00; border-radius:.7rem; padding:.5rem .9rem; font-weight:800; line-height:1.1; margin-bottom:1rem;
}
.cai-event-date b{ font-size:1.4rem; }
.cai-event-date span{ font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }
.cai-event-card h3{ font-weight:800; margin-bottom:.6rem; position:relative; }
.cai-event-card p{ color:rgba(255,255,255,.86); line-height:1.75; position:relative; margin-bottom:1rem; font-size:.94rem; }
.cai-guest-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:.75rem; position:relative; }
.cai-guest{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:.7rem; padding:.75rem .9rem; }
.cai-guest span{ display:block; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:var(--cai-gold); font-weight:800; margin-bottom:.2rem; }
.cai-guest b{ font-size:.92rem; font-weight:700; }

/* people grids */
.cai-people-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; }
.cai-people-card{
    background:#fff; border:1px solid var(--cai-line); border-radius:.9rem; padding:1.1rem 1.2rem; box-shadow:var(--cai-card-shadow);
    display:flex; gap:.8rem; align-items:flex-start;
}
.cai-avatar{
    width:44px; height:44px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--cai-magenta),var(--cai-blue)); color:#fff; font-weight:800; font-size:.95rem;
}
.cai-people-card h4{ margin:0 0 .15rem; font-size:.96rem; font-weight:800; color:var(--cai-navy); }
.cai-people-card p{ margin:0; font-size:.83rem; color:var(--cai-muted); line-height:1.55; }

/* patron spotlight */
.cai-patron{ display:flex; gap:1.6rem; align-items:center; flex-wrap:wrap; }
.cai-patron img{
    width:190px; height:190px; object-fit:cover; border-radius:1rem; box-shadow:var(--cai-card-shadow);
    border:4px solid #fff; outline:1px solid var(--cai-line);
}
.cai-patron-copy{ flex:1 1 260px; }
.cai-patron-copy .cai-eyebrow{ margin-bottom:.15rem; }
.cai-patron-copy h3{ margin:0 0 .2rem; font-size:1.3rem; font-weight:800; color:var(--cai-navy); }
.cai-patron-copy p{ margin:0; color:var(--cai-muted); font-weight:600; }

/* quote cards */
.cai-quote-card{ background:#fff; border:1px solid var(--cai-line); border-radius:1rem; box-shadow:var(--cai-card-shadow); padding:1.4rem 1.5rem; height:100%; }
.cai-quote-role{ font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--cai-magenta); }
.cai-quote-card h4{ margin:.25rem 0 .1rem; color:var(--cai-navy); font-weight:800; font-size:1.05rem; }
.cai-quote-card .cai-quote-title{ font-size:.82rem; color:var(--cai-muted); margin-bottom:.85rem; font-weight:600; }
.cai-quote-card blockquote{ margin:0; padding-left:.9rem; border-left:3px solid var(--cai-gold); color:#41485a; font-size:.92rem; line-height:1.78; font-style:italic; }

/* founding team / student body */
.cai-team-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.1rem; }
.cai-team-card{ background:#fff; border:1px solid var(--cai-line); border-radius:1rem; box-shadow:var(--cai-card-shadow); padding:1.25rem 1.35rem; }
.cai-team-card header{ display:flex; justify-content:space-between; align-items:baseline; gap:.5rem; margin-bottom:.55rem; }
.cai-team-card h4{ margin:0; font-weight:800; color:var(--cai-navy); font-size:1rem; }
.cai-team-card .role{ font-size:.72rem; font-weight:800; color:#fff; background:var(--cai-blue); padding:.2rem .55rem; border-radius:999px; white-space:nowrap; }
.cai-team-card .yr{ display:block; font-size:.78rem; color:var(--cai-muted); font-weight:600; margin-bottom:.6rem; }
.cai-team-card p{ margin:0; font-size:.87rem; line-height:1.7; color:#41485a; font-style:italic; }

.cai-body-group{ margin-bottom:1.3rem; }
.cai-body-group h4{ font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; color:var(--cai-blue); margin-bottom:.6rem; }
.cai-body-list{ display:flex; flex-wrap:wrap; gap:.55rem; }
.cai-body-pill{
    display:flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--cai-line); border-radius:999px;
    padding:.4rem .8rem .4rem .5rem; font-size:.83rem; box-shadow:0 4px 10px rgba(12,0,91,.05);
}
.cai-body-pill .cai-avatar{ width:26px; height:26px; font-size:.68rem; }
.cai-body-pill b{ color:var(--cai-navy); font-weight:700; }
.cai-body-pill span{ color:var(--cai-muted); }

/* CTA / projects */
.cai-cta{
    background:linear-gradient(120deg,var(--cai-magenta) 0%, var(--cai-blue) 55%, var(--cai-navy) 100%);
    border-radius:1.1rem; padding:2rem clamp(1.2rem,4vw,2.6rem); color:#fff; text-align:center; box-shadow:var(--cai-card-shadow);
}
.cai-cta h3{ font-weight:800; margin-bottom:.6rem; font-size:clamp(1.15rem,2.4vw,1.55rem); }
.cai-cta p{ max-width:62ch; margin:0 auto 1.2rem; color:rgba(255,255,255,.92); line-height:1.75; font-size:.95rem; }

/* gallery */
.cai-gallery{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.cai-gallery figure{ margin:0; border-radius:1rem; overflow:hidden; box-shadow:var(--cai-card-shadow); position:relative; }
.cai-gallery img{ width:100%; height:280px; object-fit:cover; display:block; transition:transform .35s ease; }
.cai-gallery a:hover img{ transform:scale(1.045); }
.cai-gallery figcaption{
    position:absolute; left:0; right:0; bottom:0; padding:.8rem .9rem;
    background:linear-gradient(0deg, rgba(6,3,42,.82), transparent); color:#fff; font-size:.82rem; font-weight:700;
}

/* contact */
.cai-contact-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.cai-contact-card{
    background:#fff; border:1px solid var(--cai-line); border-radius:1rem; box-shadow:var(--cai-card-shadow);
    padding:1.2rem 1.3rem; text-align:center;
}
.cai-contact-card .cai-avatar{ width:52px; height:52px; margin:0 auto .65rem; font-size:1.05rem; }
.cai-contact-card h4{ margin:0 0 .1rem; font-weight:800; color:var(--cai-navy); font-size:.98rem; }
.cai-contact-card .role{ font-size:.78rem; color:var(--cai-muted); font-weight:600; margin-bottom:.6rem; }
.cai-contact-card a.tel{
    display:inline-flex; align-items:center; gap:.4rem; font-weight:700; color:var(--cai-blue); text-decoration:none; font-size:.9rem;
}
.cai-contact-card a.tel:hover{ text-decoration:underline; }

@media (max-width:600px){
    .cai-patron{ text-align:center; justify-content:center; }
    .cai-patron img{ width:150px; height:150px; }
}