/* Athena Careers — front end.
   Type, colour and spacing all match the Careers page Code Blocks. */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500&display=swap");

.ath-jobs,.ath-jobs *,.ath-jobs *::before,.ath-jobs *::after,
.ath-jobdetail,.ath-jobdetail *,.ath-jobdetail *::before,.ath-jobdetail *::after,
.ath-apply,.ath-apply *,.ath-apply *::before,.ath-apply *::after{box-sizing:border-box}

/* Breakdance lays a section out as a flex column that does not stretch its
   children, so the block is told to fill the section it sits in. Set that
   section's Content Width to Full Width and its side padding to 0 and these
   bands run edge to edge on their own. */
.bde-code-block:has(> .ath-jobs),
.bde-code-block:has(> .ath-jobdetail){width:100%;align-self:stretch}

:root{
	--ac-ink:#0B0B0C;
	--ac-gold:#FFC04A;
	--ac-body:#3A3A42;
	--ac-muted:#55555E;
	--ac-line:#DAD8D0;
	--ac-shade:#F7F7F5;
}

/* ============================================================ OPEN ROLES */

.ath-jobs{
	width:100%;
	background:var(--ac-shade);
}
.ath-jobs .aj-inner{max-width:1240px;margin:0 auto;padding:56px 40px 20px}

.ath-jobs .aj-head{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
	gap:16px;border-bottom:3px solid var(--ac-ink);padding-bottom:18px;
}
.ath-jobs .aj-h2{
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:32px;font-weight:500;letter-spacing:-.025em;line-height:1.15;
	color:var(--ac-ink);margin:0;padding:0;
}

.ath-jobs .aj-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ath-jobs .aj-chip{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:14px;font-weight:500;line-height:1;padding:10px 18px;
	border:1px solid var(--ac-line);background:transparent;color:var(--ac-body);
	border-radius:2px;cursor:pointer;
	transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.ath-jobs .aj-chip:hover{border-color:var(--ac-ink)}
.ath-jobs .aj-chip.is-on{background:var(--ac-ink);border-color:var(--ac-ink);color:#fff}
.ath-jobs .aj-chip:focus-visible{outline:2px solid var(--ac-ink);outline-offset:2px}

.ath-jobs .aj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}

.ath-jobs .aj-card{
	background:#fff;border:1px solid var(--ac-line);border-radius:3px;
	overflow:hidden;display:flex;flex-direction:column;
}
.ath-jobs .aj-card[hidden]{display:none}

.ath-jobs .aj-title{
	background:var(--ac-ink);margin:0;padding:18px 22px;
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:19px;font-weight:600;letter-spacing:-.012em;line-height:1.3;
}
.ath-jobs .aj-title a,
.ath-jobs .aj-title a:link,
.ath-jobs .aj-title a:visited{color:#fff;text-decoration:none}
.ath-jobs .aj-title a:hover,
.ath-jobs .aj-title a:focus-visible{color:var(--ac-gold);text-decoration:none}

.ath-jobs .aj-meta{
	display:grid;grid-template-columns:118px 1fr;gap:14px;
	padding:16px 22px;border-bottom:1px solid #E7E5DC;background:var(--ac-shade);
}
.ath-jobs .aj-meta--alt{background:#fff}
.ath-jobs .aj-k{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ac-muted);
}
.ath-jobs .aj-v{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:14px;color:var(--ac-body);
}

.ath-jobs .aj-foot{margin-top:auto;padding:20px 22px 22px}
.ath-jobs .aj-btn{
	display:flex;align-items:center;justify-content:center;gap:9px;
	background:var(--ac-gold);border:1px solid var(--ac-gold);border-radius:2px;
	padding:14px 20px;
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:15px;font-weight:600;line-height:1;text-decoration:none;
	transition:background-color .2s ease,border-color .2s ease;
}
.ath-jobs a.aj-btn,
.ath-jobs a.aj-btn:link,
.ath-jobs a.aj-btn:visited{color:var(--ac-ink)}
.ath-jobs a.aj-btn:hover,
.ath-jobs a.aj-btn:focus-visible{background:#FFCE72;border-color:#FFCE72;color:var(--ac-ink);text-decoration:none}
.ath-jobs .aj-i{width:17px;height:17px;display:block}

.ath-jobs .aj-share{display:flex;justify-content:center;gap:18px;margin-top:16px}
.ath-jobs .aj-share a{display:flex;color:var(--ac-ink);opacity:.7;transition:opacity .18s ease,color .18s ease}
.ath-jobs .aj-share a:hover,
.ath-jobs .aj-share a:focus-visible{opacity:1;color:var(--ac-ink)}
.ath-jobs .aj-s{width:16px;height:16px;display:block}

.ath-jobs .aj-empty{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:16px;color:var(--ac-body);margin:28px 0 0;
}

@media (max-width:1023px){
	.ath-jobs .aj-inner{padding:44px 32px 16px}
	.ath-jobs .aj-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
	.ath-jobs .aj-inner{padding:36px 24px 12px}
	.ath-jobs .aj-h2{font-size:26px}
	.ath-jobs .aj-grid{grid-template-columns:1fr}
	.ath-jobs .aj-meta{grid-template-columns:104px 1fr;padding:14px 18px}
}

/* =========================================================== JOB DETAIL */

.ath-jobdetail{
	width:100%;
	background:var(--ac-shade);
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	color:var(--ac-ink);
}
.ath-jobdetail .jd-inner{max-width:1240px;margin:0 auto;padding:0 40px}
.ath-jobdetail .jd-hero{background:#000;color:#fff}
.ath-jobdetail .jd-hero .jd-inner{padding:34px 40px 62px}

.ath-jobdetail .jd-back{
	display:inline-flex;align-items:center;gap:8px;
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;
	text-decoration:none;
}
.ath-jobdetail a.jd-back,
.ath-jobdetail a.jd-back:link,
.ath-jobdetail a.jd-back:visited{color:#8A8A93}
.ath-jobdetail a.jd-back:hover,
.ath-jobdetail a.jd-back:focus-visible{color:var(--ac-gold);text-decoration:none}

.ath-jobdetail .jd-eyebrow{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
	color:var(--ac-gold);margin:30px 0 0;padding:0;
}
.ath-jobdetail .jd-h1{
	font-size:48px;font-weight:500;letter-spacing:-.028em;line-height:1.08;
	color:#fff;margin:14px 0 0;padding:0;
}
.ath-jobdetail .jd-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ath-jobdetail .jd-tag{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;
	color:#E6E6EA;border:1px solid rgba(255,255,255,.22);padding:8px 16px;border-radius:2px;
}

.ath-jobdetail .jd-body .jd-inner{padding:56px 40px 40px}
.ath-jobdetail .jd-cols{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}

.ath-jobdetail .jd-sec{
	font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
	color:#6C6C75;margin:40px 0 0;padding:0;
}
.ath-jobdetail .jd-main > .jd-sec:first-child{margin-top:0}
.ath-jobdetail .jd-lead,
.ath-jobdetail .jd-rich p{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:18px;font-weight:400;line-height:1.75;color:#26262C;margin:14px 0 0;
}

.ath-jobdetail .jd-list{list-style:none;margin:16px 0 0;padding:0}
.ath-jobdetail .jd-list li{
	display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start;
	padding:12px 0;border-bottom:1px solid #E7E5DC;
}
.ath-jobdetail .jd-check{width:18px;height:18px;margin-top:4px;color:var(--ac-ink)}
.ath-jobdetail .jd-list span{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:17px;line-height:1.66;color:#26262C;
}

.ath-jobdetail .jd-rail{position:sticky;top:100px}
.ath-jobdetail .jd-apply{background:#fff;border:1px solid var(--ac-line);border-radius:3px;overflow:hidden}
.ath-jobdetail .jd-apply-h{
	background:var(--ac-ink);color:#fff;padding:18px 22px;
	font-size:18px;font-weight:600;letter-spacing:-.012em;
}
.ath-jobdetail .jd-apply-b{padding:22px}
.ath-jobdetail .jd-apply-p{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:15px;line-height:1.6;color:var(--ac-muted);margin:0 0 16px;
}

.ath-jobdetail .jd-btn{
	display:inline-block;width:100%;text-align:center;cursor:pointer;
	padding:15px 20px;border-radius:2px;
	background:var(--ac-gold);border:1px solid var(--ac-gold);color:var(--ac-ink);
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:15px;font-weight:600;line-height:1;text-decoration:none;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.ath-jobdetail .jd-btn:hover,
.ath-jobdetail .jd-btn:focus-visible{background:#FFCE72;border-color:#FFCE72;color:var(--ac-ink)}
.ath-jobdetail .jd-btn--dark{background:var(--ac-ink);border-color:var(--ac-ink);color:#fff;width:auto;padding:15px 28px}
.ath-jobdetail a.jd-btn--dark,
.ath-jobdetail a.jd-btn--dark:link,
.ath-jobdetail a.jd-btn--dark:visited{color:#fff}
.ath-jobdetail .jd-btn--dark:hover,
.ath-jobdetail .jd-btn--dark:focus-visible{background:var(--ac-gold);border-color:var(--ac-gold);color:var(--ac-ink)}
.ath-jobdetail .jd-btn--ghost{background:transparent;border-color:var(--ac-ink);color:var(--ac-ink);width:auto;padding:15px 28px}
.ath-jobdetail .jd-btn--ghost:hover,
.ath-jobdetail .jd-btn--ghost:focus-visible{background:var(--ac-gold);border-color:var(--ac-gold);color:var(--ac-ink)}

.ath-jobdetail .jd-share{border:1px solid var(--ac-line);background:#fff;border-radius:3px;padding:22px;margin-top:16px}
.ath-jobdetail .jd-share-h{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#6C6C75;
}
.ath-jobdetail .jd-share-row{display:flex;gap:18px;margin-top:14px}
.ath-jobdetail .jd-share-row a{display:flex;color:var(--ac-ink);opacity:.75;transition:opacity .18s ease}
.ath-jobdetail .jd-share-row a:hover,
.ath-jobdetail .jd-share-row a:focus-visible{opacity:1}
.ath-jobdetail .aj-s{width:18px;height:18px;display:block}

.ath-jobdetail .jd-foot .jd-inner{padding:20px 40px 80px}
.ath-jobdetail .jd-foot-row{
	border-top:3px solid var(--ac-ink);padding-top:26px;
	display:flex;align-items:center;justify-content:space-between;gap:32px;
}
.ath-jobdetail .jd-foot-h{font-size:24px;font-weight:500;letter-spacing:-.02em}
.ath-jobdetail .jd-foot-p{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:16px;color:var(--ac-muted);margin:8px 0 0;
}
.ath-jobdetail .jd-foot-btns{display:flex;gap:12px;flex:none}

@media (max-width:1100px){
	.ath-jobdetail .jd-cols{grid-template-columns:1fr 300px;gap:40px}
	.ath-jobdetail .jd-h1{font-size:40px}
}
@media (max-width:1023px){
	.ath-jobdetail .jd-hero .jd-inner{padding:26px 32px 48px}
	.ath-jobdetail .jd-h1{font-size:36px}
	.ath-jobdetail .jd-body .jd-inner{padding:44px 32px 32px}
	.ath-jobdetail .jd-cols{grid-template-columns:1fr;gap:36px}
	.ath-jobdetail .jd-rail{position:static}
	.ath-jobdetail .jd-foot .jd-inner{padding:16px 32px 64px}
}
@media (max-width:767px){
	.ath-jobdetail .jd-hero .jd-inner{padding:22px 24px 40px}
	.ath-jobdetail .jd-h1{font-size:30px}
	.ath-jobdetail .jd-body .jd-inner{padding:36px 24px 26px}
	.ath-jobdetail .jd-lead{font-size:16px}
	.ath-jobdetail .jd-list li{grid-template-columns:22px 1fr;gap:12px}
	.ath-jobdetail .jd-list span{font-size:15px}
	.ath-jobdetail .jd-foot .jd-inner{padding:12px 24px 52px}
	.ath-jobdetail .jd-foot-row{flex-direction:column;align-items:flex-start;gap:22px}
	.ath-jobdetail .jd-foot-h{font-size:22px}
	.ath-jobdetail .jd-foot-btns{flex-direction:column;width:100%}
	.ath-jobdetail .jd-btn--dark,
	.ath-jobdetail .jd-btn--ghost{width:100%}
}

/* ================================================== APPLICATION POPUP */

.ath-apply[hidden]{display:none}
.ath-apply{
	position:fixed;inset:0;z-index:100000;
	display:flex;align-items:flex-start;justify-content:center;
	padding:24px;overflow-y:auto;
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.ath-apply .aa-backdrop{position:fixed;inset:0;background:rgba(11,11,12,.72)}
.ath-apply .aa-dialog{
	position:relative;width:100%;max-width:560px;margin:auto;
	background:#fff;border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.35);
	animation:aaIn .18s ease-out;
}
@keyframes aaIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ath-apply .aa-x{
	position:absolute;top:10px;right:12px;z-index:2;
	background:transparent;border:0;color:#fff;font-size:28px;line-height:1;
	padding:4px 8px;cursor:pointer;
}
.ath-apply .aa-x:hover{color:var(--ac-gold)}

.ath-apply .aa-head{background:var(--ac-ink);color:#fff;padding:22px 26px}
.ath-apply .aa-eyebrow{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
	color:var(--ac-gold);margin:0;
}
.ath-apply .aa-h{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:6px 0 0;color:#fff}

.ath-apply .aa-form{padding:22px 26px 26px;display:grid;gap:14px}
.ath-apply .aa-row--2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ath-apply .aa-field{display:block}
.ath-apply .aa-label{
	display:block;margin-bottom:6px;
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:13px;font-weight:500;color:var(--ac-muted);
}
.ath-apply .aa-label i{color:#C0392B;font-style:normal}
.ath-apply input[type=text],
.ath-apply input[type=email],
.ath-apply input[type=tel],
.ath-apply textarea{
	width:100%;padding:12px 14px;border:1px solid var(--ac-line);border-radius:2px;
	background:var(--ac-shade);color:var(--ac-ink);
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;
	outline:0;
}
.ath-apply input:focus,
.ath-apply textarea:focus{border-color:var(--ac-ink);background:#fff}
.ath-apply .is-bad input,
.ath-apply .is-bad textarea{border-color:#C0392B}

.ath-apply .aa-drop{
	display:block;position:relative;cursor:pointer;
	padding:20px 14px;border:1px dashed #C4C1B6;border-radius:2px;background:var(--ac-shade);
	text-align:center;
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;color:#6C6C75;
}
.ath-apply .aa-drop:hover,
.ath-apply .aa-drop.is-over{border-color:var(--ac-gold);background:#fff}
.ath-apply .aa-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.ath-apply .aa-drop b{color:var(--ac-ink);font-weight:500;border-bottom:1px solid var(--ac-gold)}
.ath-apply .aa-drop-file{display:block;color:var(--ac-ink);font-weight:500}
.ath-apply .aa-hint{
	display:block;margin-top:6px;
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12px;color:#8A8A93;
}

.ath-apply .aa-check{
	display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:8px;
	border:1px solid var(--ac-line);border-radius:2px;cursor:pointer;background:#fff;
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;color:var(--ac-ink);
}
.ath-apply .aa-check:hover{border-color:var(--ac-ink)}
.ath-apply .aa-check input{width:17px;height:17px;accent-color:#0B0B0C;margin:0}

.ath-apply .aa-error{
	background:#FDECEA;border:1px solid #F5C6C2;color:#8A2018;border-radius:2px;
	padding:11px 13px;
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;
}
.ath-apply .aa-error[hidden]{display:none}
.ath-apply .aa-reveal[hidden]{display:none}

.ath-apply .aa-submit{
	width:100%;padding:15px 20px;border-radius:2px;cursor:pointer;
	background:var(--ac-gold);border:1px solid var(--ac-gold);color:var(--ac-ink);
	font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:15px;font-weight:600;line-height:1;
	transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;
}
.ath-apply .aa-submit:hover:not(:disabled){background:#FFCE72;border-color:#FFCE72}
.ath-apply .aa-submit:disabled{opacity:.6;cursor:default}
.ath-apply .aa-fine{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:12px;line-height:1.5;color:#8A8A93;margin:0;
}

.ath-apply .aa-done{padding:44px 30px;text-align:center}
.ath-apply .aa-done[hidden]{display:none}
.ath-apply .aa-done-mark{
	width:56px;height:56px;margin:0 auto;border-radius:50%;
	background:var(--ac-gold);color:var(--ac-ink);
	display:flex;align-items:center;justify-content:center;font-size:28px;
}
.ath-apply .aa-done-h{font-size:22px;font-weight:600;margin:18px 0 0;color:var(--ac-ink)}
.ath-apply .aa-done-p{
	font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
	font-size:15px;line-height:1.6;color:var(--ac-muted);margin:8px 0 22px;
}

@media (max-width:520px){
	.ath-apply{padding:0}
	.ath-apply .aa-dialog{max-width:none;min-height:100%;border-radius:0}
	.ath-apply .aa-row--2{grid-template-columns:1fr}
	.ath-apply .aa-form{padding:20px 20px 24px}
	.ath-apply .aa-head{padding:20px}
}

@media (prefers-reduced-motion:reduce){
	.ath-apply .aa-dialog{animation:none}
	.ath-jobs .aj-btn,.ath-jobs .aj-chip,.ath-jobdetail .jd-btn,.ath-apply .aa-submit{transition:none}
}