/* Public recruitment pages (hub, areas, guides, privacy). Builds on seekies-base.css. */
.pg{background:var(--cream)}
.pg .wrap{width:min(1240px,100% - 48px)}
.pg nav .wrap{width:min(1240px,100% - 48px)}
.pg nav{background:rgba(250,247,242,.86);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 rgba(20,18,16,.06)}
.pg nav ul{display:flex}
.btn-lg{padding:17px 28px;font-size:16.5px;min-height:56px;white-space:nowrap}
.pg-narrow{max-width:760px}

/* hero */
.pg-hero{padding:clamp(120px,12vw,170px) 0 clamp(56px,6vw,96px);background:linear-gradient(180deg,#FBF7EF,var(--cream))}
.pg-hero-sm{padding-bottom:clamp(44px,5vw,72px)}
.pg-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:center}
.pg-hero h1{font-size:clamp(42px,5.4vw,88px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;margin:14px 0 0;max-width:14ch}
.pg-hero-sm h1{font-size:clamp(38px,4.6vw,72px);max-width:16ch}
.pg-article-h h1,.pg-narrow h1{text-transform:none;letter-spacing:-.04em;line-height:1;max-width:20ch}
.pg-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.pg-lede{margin:20px 0 0;font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:var(--ink-2);max-width:36em}
.pg-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pg-hero-art{width:100%;max-width:520px;height:auto;justify-self:center}
.pg-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--ink-3);margin-bottom:18px;position:static;background:none;backdrop-filter:none;box-shadow:none;padding:0}
.pg-crumbs a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.pg-crumbs i{font-style:normal;opacity:.5}
.pg-crumbs [aria-current]{color:var(--ink)}

/* sections */
.pg-sec{padding:clamp(64px,7vw,112px) 0}
.pg-white{background:#fff}
.pg-blue{background:#E9EEFB}
.pg-kick{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--red-deep)}
.pg-h2{margin:12px 0 0;font-size:clamp(30px,3.4vw,52px);line-height:.98;letter-spacing:-.04em;max-width:18ch}
.pg-p{margin:16px 0 0;font-size:17px;color:var(--ink-2);max-width:42em}
.pg-small{margin:20px 0 0;font-size:14px;color:var(--ink-3);max-width:60em;line-height:1.6}
.pg-small a,.pg-prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.pg-two{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);align-items:start}

/* pay tiers */
.pg-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;max-width:900px}
.pg-tier{background:var(--cream);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 1.5px var(--line)}
.pg-white .pg-tier{background:#FBF7EF}
.pg-tier span{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.pg-tier b{font-size:clamp(40px,4vw,56px);letter-spacing:-.05em;line-height:1}
.pg-tier em{font-style:normal;color:var(--ink-2);font-size:15px}
.pg-tier.pop{box-shadow:inset 0 0 0 2px var(--red);background:#FDF0EE}

/* points */
.pg-points{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.pg-points li{font-size:17px;line-height:1.55;color:var(--ink-2);padding:18px 20px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pg-points b{color:var(--ink)}

/* steps */
.pg-steps{list-style:none;margin:32px 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:none}
.pg-steps li{background:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px}
.pg-steps i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;display:grid;place-items:center}
.pg-steps b{font-size:18px;letter-spacing:-.02em}
.pg-steps span{font-size:15px;color:var(--ink-2);line-height:1.5}

/* areas and guides */
.pg-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.pg-area,.pg-guide{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 44px 18px 18px;border-radius:18px;background:#FBF7EF;box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .2s,transform .2s}
.pg-sec:not(.pg-white) .pg-area,.pg-sec:not(.pg-white) .pg-guide{background:#fff}
.pg-area:hover,.pg-guide:hover{box-shadow:inset 0 0 0 1.5px var(--red);transform:translateY(-2px)}
.pg-area b,.pg-guide b{font-size:18px;letter-spacing:-.02em}
.pg-area span,.pg-guide span{font-size:13.5px;color:var(--ink-3)}
.pg-area svg,.pg-guide svg{position:absolute;right:16px;top:50%;margin-top:-8px;color:var(--red)}
.pg-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}

/* faq */
.pg-faq{display:grid;gap:10px}
.pg-faq details{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:0 20px}
.pg-white .pg-faq details{background:#FBF7EF}
.pg-faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:600;font-size:16.5px;position:relative}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";position:absolute;right:0;top:15px;font-size:22px;color:var(--red);font-weight:500}
.pg-faq details[open] summary::after{content:"\2212"}
.pg-faq p{margin:0 0 18px;color:var(--ink-2);line-height:1.6}

/* prose / articles */
.pg-prose h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.1;margin:40px 0 12px;text-transform:none}
.pg-prose h2:first-child{margin-top:0}
.pg-prose h3{font-size:19px;letter-spacing:-.02em;margin:26px 0 8px}
.pg-prose h3:first-child{margin-top:0}
.pg-prose p,.pg-prose li{font-size:17px;line-height:1.65;color:var(--ink-2)}
.pg-prose p+p{margin-top:12px}
.pg-prose ul,.pg-prose ol{padding-left:22px;margin:12px 0}
.pg-prose li+li{margin-top:8px}
.pg-prose strong{color:var(--ink)}
.pg-article .pg-faq{margin-top:12px}
.pg-applyline{margin-top:40px!important}
.pg-applyline a{color:#fff!important;text-decoration:none!important}
.pg-table{margin:18px 0;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.pg-table [role=row]{display:grid;grid-template-columns:1fr 70px 110px;gap:12px;padding:14px 18px;font-size:15.5px;color:var(--ink-2)}
.pg-table [role=row]+[role=row]{border-top:1px solid var(--line)}
.pg-table .hd{background:#FBF7EF;font-weight:600;color:var(--ink);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.pg-table [role=cell]:last-child{font-weight:700;color:var(--ink)}

/* closing cta */
.pg-cta{background:#FBEFEC;padding:clamp(56px,6vw,96px) 0}
.pg-cta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.pg-cta h2{font-size:clamp(30px,3.6vw,56px);letter-spacing:-.045em;line-height:.95;text-transform:uppercase}
.pg-cta p{margin:12px 0 0;color:var(--ink-2);font-size:17px;max-width:38em}

/* footer grid has 5 columns here */
.pg .sf-in{width:min(1240px,100% - 48px)}
.pg .sf-grid{grid-template-columns:2fr 1fr 1fr 1.2fr 1fr}
.pg .sf-brand{grid-column:auto}

@media (max-width:1000px){
  .pg-hero-in,.pg-two{grid-template-columns:1fr}
  .pg-hero-art{max-width:420px}
  .pg-steps{grid-template-columns:1fr 1fr}
  .pg-areas{grid-template-columns:repeat(2,1fr)}
  .pg-guides{grid-template-columns:1fr}
  .pg .sf-grid{grid-template-columns:1fr 1fr}
  .pg .sf-brand{grid-column:1/-1}
}
@media (max-width:640px){
  .pg .wrap,.pg nav .wrap,.pg .sf-in{width:calc(100% - 40px)}
  .pg nav ul{gap:16px;font-size:13.5px}
  .pg nav ul li:nth-child(3){display:none}
  .pg nav .lk span{display:none}
  .pg-hero{padding-top:104px}
  .pg-hero h1{font-size:clamp(38px,11vw,52px)}
  .pg-hero-sm h1{font-size:clamp(34px,9.6vw,46px)}
  .pg-narrow h1{font-size:clamp(32px,8.6vw,42px)}
  .pg-hero-cta .btn{width:100%;justify-content:center}
  .pg-tiers{grid-template-columns:1fr}
  .pg-steps{grid-template-columns:1fr}
  .pg-areas{grid-template-columns:1fr 1fr;gap:10px}
  .pg-area{padding:16px 36px 16px 14px}
  .pg-area svg{right:12px}
  .pg-cta-in .btn{width:100%;justify-content:center}
  .pg-table [role=row]{grid-template-columns:1fr 46px 80px;padding:12px 14px;font-size:14.5px}
  .pg-prose p,.pg-prose li{font-size:16.5px}
}
@media (max-width:400px){
  .pg nav .wrap{gap:14px}
  .pg nav ul li:nth-child(2){display:none}
  .pg nav .btn{padding:8px 12px;font-size:13px}
}
@media (max-width:380px){
  .pg .wrap,.pg nav .wrap,.pg .sf-in{width:calc(100% - 32px)}
  .pg-areas{grid-template-columns:1fr}
  .pg nav .btn{padding:8px 12px}
}