/* OOUTH directors.css v2 */
.directors-hero { background: #0092E2; padding: 80px 0 72px; }
.directors-hero h2 { font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 14px; }
.directors-hero p { font-size: 15px; color: rgba(255,255,255,.65); max-width: 520px; line-height: 1.75; }
.directors-cmd-feature { background: #fff; border-bottom: 1px solid #CCE8F8; }
.cmd-feature-inner { display: grid; grid-template-columns: 320px 1fr; align-items: stretch; min-height: 360px; }
.cmd-feature-photo { overflow: hidden; position: relative; }
.cmd-feature-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.cmd-gold-tab { position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #D4AF37; }
.cmd-feature-body { padding: 52px 56px; display: flex; flex-direction: column; justify-content: center; }
.cmd-feature-badge { display: inline-flex; align-items: center; background: #FBF5DC; border: 0.5px solid rgba(212,175,55,.35); border-radius: 30px; padding: 6px 16px; margin-bottom: 20px; align-self: flex-start; }
.cmd-feature-badge span { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: #9C7E1A; }
.cmd-feature-body h3 { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 700; color: #0D1B2A; margin-bottom: 6px; }
.cmd-feature-qual { font-family: 'DM Mono', monospace; font-size: 11px; color: #637080; letter-spacing: .06em; margin-bottom: 20px; }
.cmd-feature-body p { font-size: 15px; color: #2E3F52; line-height: 1.8; max-width: 520px; }
.directors-grid-section { padding: 80px 0 100px; background: #F0F8FF; }
.directors-grid-header { display: flex; align-items: baseline; gap: 16px; margin-bottom: 40px; }
.directors-grid-header h3 { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 600; color: #0D1B2A; }
.directors-grid-header span { font-family: 'DM Mono', monospace; font-size: 11px; color: #637080; }
.directors-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.dir-card { background: #fff; border: 0.5px solid #CCE8F8; border-radius: 16px; overflow: hidden; transition: transform .2s, border-color .2s; }
.dir-card:hover { transform: translateY(-4px); border-color: #D4AF37; }
.dir-photo { height: 240px; overflow: hidden; position: relative; background: #0092E2; }
.dir-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.dir-card:hover .dir-photo img { transform: scale(1.04); }
.dir-dept-badge { position: absolute; bottom: 12px; left: 12px; background: rgba(0,92,160,.85); border-radius: 20px; padding: 4px 12px; }
.dir-dept-badge span { font-family: 'DM Mono', monospace; font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.85); }
.dir-info { padding: 20px; }
.dir-name { font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 600; color: #0D1B2A; margin-bottom: 4px; line-height: 1.3; }
.dir-role { font-family: 'DM Mono', monospace; font-size: 10px; color: #637080; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
.dir-divider { width: 28px; height: 2px; background: #D4AF37; margin-bottom: 10px; }
.dir-qual { font-size: 12px; color: #637080; }