/* BOAGS about page — V15 cleanup (2026-07-24). Page-specific styles only;
 * shared nav/footer/buttons/typography/etc live in css/global.css. */

.btn-nav-cta:hover { background:#E2B007; }

.sec-pad { padding:3rem 1rem; }

.sec-sky { background:#EBF4FF; }

/* #programs is shared via _partials/programs.html (identical markup on Home) --
   this page-only bg override lives here, not in the partial, so Home stays white. */
#programs { background:#EBF4FF; }

.btn-amber { background:#F2820D; color:#0E1116; font-family:'Inter',sans-serif; font-size:1.0625rem; font-weight:700; padding:1rem 2.5rem; border-radius:2px; text-decoration:none; border:none; cursor:pointer; letter-spacing:0.05em; text-transform:uppercase; display:inline-block; box-shadow:0 2px 12px rgba(242,130,13,0.22); transition:background 0.15s,transform 0.12s; }

.btn-amber:hover { background:#E2B007; transform:translateY(-2px); }

.btn-amber-hero { background:#F2820D; color:#0E1116; font-family:'Inter',sans-serif; font-size:1.1875rem; font-weight:700; padding:1.25rem 3rem; border-radius:2px; text-decoration:none; border:none; cursor:pointer; letter-spacing:0.05em; text-transform:uppercase; display:inline-block; box-shadow:0 4px 24px rgba(242,130,13,0.30); transition:background 0.15s,transform 0.12s; }

.btn-amber-hero:hover { background:#E2B007; transform:translateY(-2px); }

.hero-section { position:relative; min-height:60vh; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding-top:120px; }

.hero-bg picture, .hero-bg img { width:100%; height:100%; object-fit:cover; object-position:center 38%; }

.hero-content { position:relative; z-index:2; max-width:1400px; margin:0 auto; padding:4rem 2rem 5rem; width:100%; }

.hero-h1 { font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(2.5rem,5.5vw,4.25rem); line-height:1.10; color:#E8EAED; margin:1rem 0; letter-spacing:-0.01em; }

.hero-sub { font-family:'Inter',sans-serif; font-size:clamp(1.1875rem,2.4vw,1.4375rem); font-weight:400; color:rgba(232,234,237,0.80); line-height:1.80; margin-bottom:0; }

.hero-badge { display:inline-flex; align-items:center; gap:0.5rem; background:rgba(242,130,13,0.18); border:1px solid rgba(242,130,13,0.55); border-radius:2px; padding:0.4rem 1rem; font-family:'Inter',sans-serif; font-size:1rem; font-weight:700; letter-spacing:0.10em; text-transform:uppercase; color:rgba(255,255,255,0.95); margin-bottom:1.5rem; }

.issuu-modal { display:none; position:fixed; inset:0; z-index:9000; background:rgba(10,12,16,0.88); backdrop-filter:blur(6px); align-items:center; justify-content:center; padding:1rem; }

.issuu-modal.open { display:flex; }

.issuu-modal-inner { position:relative; width:100%; max-width:900px; max-height:90vh; background:#0E1116; border-radius:6px; overflow:hidden; box-shadow:0 24px 80px rgba(0,0,0,0.7); }

.issuu-modal-close { position:absolute; top:0.75rem; right:0.875rem; z-index:9001; background:rgba(14,17,22,0.85); border:1px solid rgba(255,255,255,0.15); border-radius:4px; color:#E8EAED; font-size:1.25rem; line-height:1; padding:0.3rem 0.65rem; cursor:pointer; }

.issuu-modal-iframe { width:100%; height:75vh; border:0; display:block; }

.issuu-card { background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 2px 16px rgba(0,0,0,0.08); cursor:pointer; transition:transform 0.15s,box-shadow 0.15s; }

.issuu-card:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(0,0,0,0.14); }

.issuu-card-cover { aspect-ratio:3/4; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem 1.5rem; background:linear-gradient(145deg,#13212e 0%,#1a3346 60%,#0d1a24 100%); position:relative; overflow:hidden; }

.programs-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1.25rem; max-width:100%; }

.programs-grid .issuu-card { width:100%; max-width:100%; }

@media(max-width:900px) { .programs-grid { grid-template-columns:repeat(3,1fr); } }

@media(max-width:560px) { .programs-grid { grid-template-columns:repeat(2,1fr); } }

.program-cover-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

.issuu-card-year { font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(2.75rem,8vw,4rem); color:#F2820D; letter-spacing:-0.02em; line-height:1; }

.issuu-card-title { font-family:'Inter',sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(232,234,237,0.55); margin-top:0.5rem; }

.issuu-card-footer { padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(0,0,0,0.07); }

.issuu-card-label { font-family:'Oswald',sans-serif; font-weight:700; font-size:0.9375rem; color:#14181D; }

.issuu-open-btn { font-family:'Inter',sans-serif; font-size:0.75rem; font-weight:700; color:#F2820D; text-decoration:none; letter-spacing:0.06em; text-transform:uppercase; display:flex; align-items:center; gap:0.35rem; background:none; border:none; cursor:pointer; padding:0; }

footer { background:#1B3A5C; border-top:3px solid #F2820D; padding:4rem 2rem 2.25rem; }

.about-2col { display:grid; grid-template-columns:minmax(0,1fr); gap:3rem; align-items:center; }

@media(min-width:960px) { .about-2col { grid-template-columns:6fr 5fr; gap:5rem; } }

.hosted-by-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:4rem; align-items:center; }

@media(min-width:860px) { .hosted-by-grid { grid-template-columns:1fr 1fr; } }

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

@media(min-width:768px) { .directions-grid { grid-template-columns:1fr 1fr; gap:3rem; } }