:root{
  --paper:#F2F0EF;
  --ink:#111113;
  --ink-60:#68686f;
  --ink-40:#9b9ba1;
  --hairline:#d9d7d2;
  --signal:#B53A2D;
  --signal-tint:#F4DED9;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Instrument Sans',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 80px));margin:0 auto}
nav{height:82px;border-bottom:1px solid rgba(255,255,255,.2);position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center}
.nav-inner{width:min(1400px,calc(100% - 80px));margin:0 auto;display:flex;align-items:center;gap:56px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand-mark{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:650}
.brand-text{font-size:15px;font-weight:650;letter-spacing:.04em;line-height:1.15}
.brand-text span{display:block;font-size:10px;letter-spacing:.18em;opacity:.62;margin-top:2px}
.nav-links{display:flex;gap:32px;margin-left:auto;font-size:13px;color:rgba(255,255,255,.8)}
.nav-links a:hover{color:#fff}
.hero{min-height:590px;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(8,8,10,.76),rgba(8,8,10,.42) 60%,rgba(8,8,10,.22)),linear-gradient(180deg,rgba(8,8,10,.16),rgba(8,8,10,.82)),url('/hero-moxy-rooftop.jpg');background-size:cover;background-position:center 30%}
.hero-inner{padding:170px 0 78px}
.kicker,.eyebrow{font-size:17px;letter-spacing:.15em;text-transform:uppercase;color:var(--signal);font-weight:700;line-height:1.25}
.hero .kicker{color:#F07865;margin-bottom:20px}
h1{font-size:clamp(48px,6.7vw,88px);line-height:.98;letter-spacing:-.035em;font-weight:500;color:#fff;max-width:1000px}
.hero-copy{font-size:clamp(18px,1.8vw,24px);line-height:1.45;color:rgba(255,255,255,.86);max-width:790px;margin-top:25px}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;color:rgba(255,255,255,.7);font-size:13px}
.hero-meta span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#F07865;margin-right:10px;vertical-align:middle}
main section{padding:88px 0;border-bottom:1px solid var(--hairline)}
.intro-grid,.section-grid{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:90px}
.intro-copy{font-size:20px;line-height:1.62;max-width:760px}
.intro-copy p+p{margin-top:22px}
.intro-copy a,.prose a{color:var(--signal);border-bottom:1px solid rgba(181,58,45,.35)}
h2{font-size:clamp(31px,3.8vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:500;margin-top:14px}
.who-heading{font-size:clamp(30px,2.9vw,40px);line-height:1.12}
.who-heading span{display:block;white-space:nowrap}
.section-lede{color:var(--ink-60);font-size:16px;max-width:540px;margin-top:18px}
.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:48px}
.track{padding:30px 34px 34px 0;border-bottom:1px solid var(--hairline)}
.track:nth-child(odd){border-right:1px solid var(--hairline);padding-right:34px}
.track:nth-child(even){padding-left:34px}
.track h3{font-size:22px;font-weight:550;margin-bottom:10px}
.track p{color:var(--ink-60);font-size:14px;max-width:48ch}
.prose{max-width:760px;font-size:16px;color:var(--ink-60)}
.prose p+p{margin-top:19px}
.detail-list{border-top:1px solid var(--ink)}
.detail-list article{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:23px 0;border-bottom:1px solid var(--hairline)}
.detail-list h3{font-size:14px;font-weight:650}
.detail-list p{color:var(--ink-60)}
.apply{background:var(--ink);color:#fff;border-bottom:0}
.apply-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.apply h2{color:#fff}
.apply .eyebrow{color:#F07865}
.apply-copy{color:rgba(255,255,255,.72);font-size:16px}
.apply-copy p+p{margin-top:18px}
.apply-copy strong{color:#fff}
.button{display:inline-block;background:#fff;color:var(--ink);padding:15px 24px;border-radius:3px;font-weight:650;margin-top:30px}
.button:hover{background:var(--signal-tint)}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);margin-top:48px;border:1px solid var(--hairline)}
.openings{padding-top:70px;padding-bottom:76px}
.openings .path-grid{margin-top:28px}
.path-card{background:var(--paper);padding:38px;min-height:360px;display:flex;flex-direction:column}
.path-card h2{font-size:34px;margin:26px 0 14px}
.path-card p{color:var(--ink-60);font-size:15px}
.path-card .facts{margin:24px 0 30px;border-top:1px solid var(--hairline)}
.path-card .facts span{display:block;padding:11px 0;border-bottom:1px solid var(--hairline);font-size:13px}
.path-card .link{margin-top:auto;color:var(--signal);font-weight:650}
footer{padding:42px 0;border-top:1px solid var(--hairline)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--ink-60);font-size:13px}
.footer-links{display:flex;gap:24px;flex-wrap:wrap}
.footer-links a:hover{color:var(--ink)}
@media(max-width:760px){
  .wrap,.nav-inner{width:min(100% - 44px,1120px)}
  .nav-links{display:none}
  .hero{min-height:540px}
  .hero-inner{padding:140px 0 58px}
  h1{font-size:45px}
  main section{padding:65px 0}
  .openings{padding-top:54px;padding-bottom:58px}
  .openings .path-grid{margin-top:22px}
  .intro-grid,.section-grid,.apply-grid{grid-template-columns:1fr;gap:28px}
  .intro-copy{font-size:18px}
  .track-grid,.path-grid{grid-template-columns:1fr}
  .track,.track:nth-child(odd),.track:nth-child(even){padding:26px 0;border-right:0}
  .path-card{min-height:310px;padding:28px}
  .detail-list article{grid-template-columns:1fr;gap:6px}
  .footer-inner{align-items:flex-start;flex-direction:column}
}
