@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700;900&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap');

* { box-sizing: border-box; }
body {
  margin:0; font-family:'IBM Plex Sans',sans-serif;
  background:#221F1A; color:#F6F2E7;
}
.hero { padding:56px 24px 40px; text-align:center; }
.hero-tag { font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:#F5B90D; }
.hero h1 { font-family:'Roboto Slab',serif; font-weight:900; font-size:clamp(28px,6vw,44px); margin:14px 0 10px; line-height:1.08; }
.hero p { max-width:520px; margin:0 auto; color:#B8B0A0; font-size:15px; line-height:1.6; }
.tower { margin:28px auto 0; display:block; }
.divider { height:3px; background:#F5B90D; }

.roles { max-width:820px; margin:0 auto; padding:36px 20px 60px; }
.roles-eyebrow { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:#7FA6AF; text-align:center; margin-bottom:6px; }
.roles h2 { font-family:'Roboto Slab',serif; text-align:center; font-size:24px; margin:0 0 30px; }

.role-card { background:#F6F2E7; color:#221F1A; border-radius:2px; margin-bottom:14px; overflow:hidden; }
.role-head { display:flex; justify-content:space-between; align-items:center; padding:18px 20px; cursor:pointer; gap:12px; }
.role-head h3 { font-family:'Roboto Slab',serif; font-size:17px; margin:0; }
.role-type { font-family:'IBM Plex Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:#6B6455; margin-top:3px; }
.chevron { font-size:20px; color:#6B6455; transition:transform 0.15s ease; flex-shrink:0; display:inline-block; }
.chevron.open { transform:rotate(45deg); }
.role-body { padding:0 20px; max-height:0; overflow:hidden; transition:max-height 0.2s ease, padding 0.2s ease; }
.role-body.open { padding:0 20px 20px; max-height:400px; }
.role-body p { font-size:14px; line-height:1.6; color:#3A362E; margin:0 0 12px; }
.role-body ul { margin:0 0 16px; padding-left:18px; font-size:13.5px; color:#3A362E; line-height:1.7; }
.apply-btn { display:inline-block; background:#221F1A; color:#F6F2E7; text-decoration:none; font-family:'IBM Plex Mono',monospace; font-size:12.5px; text-transform:uppercase; letter-spacing:0.05em; padding:10px 20px; }
.apply-btn:hover { background:#C15B3C; }

.footer { border-top:1px solid #3A362E; padding:32px 20px 40px; text-align:center; }
.footer .fname { font-family:'Roboto Slab',serif; font-weight:700; font-size:16px; }
.footer p { color:#B8B0A0; font-size:13px; margin:6px 0; line-height:1.6; }
.footer .contact { font-family:'IBM Plex Mono',monospace; font-size:13px; color:#F5B90D; margin-top:10px; }