/* Refined visual treatment for the existing functional Auburn pages. */
html { --refined-navy:#14243b; --refined-blue:#2466bc; --refined-orange:#bd571d; }
html .nav-wrap { border-bottom:1px solid #e3eaf2; }
html .button { border-radius:11px; }
html .button:not(.ghost):hover { filter:brightness(1.06); }

html:has(.campus-split) .campus-split {
  position:relative; isolation:isolate; overflow:visible;
  background-color:#14243b;
  background-image:linear-gradient(90deg,#0d2036ed,#0d2036a5),url('/electives-refined/media/electives-task-poster.jpg');
  background-position:center top;
  background-size:100% 440px;
  background-repeat:no-repeat;
  padding:0 0 76px;
}
html:has(.campus-split) .campus-split::before,
html:has(.campus-split) .campus-split::after,
html:has(.campus-split) .campus-split-intro::before,
html:has(.campus-split) .campus-split-intro::after { display:none!important; }
html:has(.campus-split) .campus-split-intro {
  position:relative; z-index:1; max-width:1160px; min-height:390px; margin:auto;
  padding:74px 32px 100px; background:transparent; box-shadow:none; backdrop-filter:none;
  color:#fff; text-align:left;
}
html:has(.campus-split) .campus-split-intro h1 { color:#fff; font-size:clamp(46px,5vw,68px); line-height:1.06; letter-spacing:-.05em; }
html:has(.campus-split) .campus-split-intro > span:last-child { color:#e8f0fb; }
html:has(.campus-split) .campus-split-grid {
  position:relative; z-index:2; max-width:1160px; margin:-64px auto 0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;
}
html:has(.campus-split) .campus-choice {
  min-width:0; border:1px solid #dae4ef; border-radius:18px;
  box-shadow:0 16px 38px #0e233c24; padding:30px;
}
html:has(.campus-split) .client-choice { background:#fff; color:#14243b; }
html:has(.campus-split) .worker-choice { background:#1b3454; color:#fff; border-color:#7895b5; }
html:has(.campus-split) .worker-choice .choice-number { color:#acc6e2; }
html:has(.campus-split) .worker-choice > p { color:#f4b487; }
html:has(.campus-split) .campus-choice h2 { font-size:clamp(27px,2.7vw,36px); letter-spacing:-.045em; }
html:has(.campus-split) .worker-choice > span,html:has(.campus-split) .worker-choice li { color:#e0e9f5; }
html:has(.campus-split) .campus-choice .split-button { border-radius:11px; }

html:has(.client-search-hero) .client-search-hero,
html:has(.worker-task-hero) .worker-task-hero {
  position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(#14243b 0 460px,#f5f8fb 460px);
}
html:has(.client-search-hero) .client-search-hero::before,
html:has(.worker-task-hero) .worker-task-hero::before {
  content:""; position:absolute; inset:0 0 auto; height:460px; z-index:0;
  background:url('/electives-refined/media/electives-hero-draft-poster.jpg') center 43%/cover no-repeat;
}
html:has(.client-search-hero) .client-search-hero::after,
html:has(.worker-task-hero) .worker-task-hero::after {
  content:""; position:absolute; inset:0 0 auto; height:460px; z-index:1;
  background:linear-gradient(90deg,#0d2036ed,#0d2036bd 47%,#0d203675);
  pointer-events:none;
}
html:has(.client-search-hero) .client-search-hero > .shell,
html:has(.worker-task-hero) .worker-task-hero > .shell { position:relative; z-index:2; }
.refined-hero-video {
  position:absolute; inset:0 0 auto; z-index:0; width:100%; height:460px;
  object-fit:cover; object-position:center 43%; pointer-events:none;
}
html:has(.client-search-hero) .client-search-copy,
html:has(.worker-task-hero) .worker-hero-copy {
  min-height:365px; padding-top:70px; background:transparent;
  box-shadow:none; backdrop-filter:none; border:0;
}
html:has(.client-search-hero) .client-search-copy h1,
html:has(.worker-task-hero) .worker-hero-copy h1 {
  max-width:770px; color:#fff; font-size:clamp(43px,4.7vw,62px);
  line-height:1.08; letter-spacing:-.05em;
}
html:has(.client-search-hero) .client-search-copy p,
html:has(.worker-task-hero) .worker-hero-copy p { max-width:640px; color:#e8f0fb; }
html:has(.client-search-hero) .client-search-copy .eyebrow,
html:has(.worker-task-hero) .worker-hero-copy .eyebrow { color:#f4b487; }
html:has(.worker-task-hero) .worker-hero-copy .button.ghost {
  background:#fff; border-color:#fff; color:#143862;
}
.refined-video-control {
  position:absolute; z-index:4; top:402px; right:max(24px,calc((100% - 1160px)/2));
  padding:8px 13px; border:1px solid #ffffffa8; border-radius:999px;
  background:#0d2036c9; color:#fff; font-size:12px; font-weight:700; cursor:pointer;
}
.refined-video-control:hover,.refined-video-control:focus-visible { background:#14243b; outline-color:#f4b487; }
.refined-video-note {
  position:absolute; z-index:4; top:415px; left:max(24px,calc((100% - 1160px)/2));
  color:#e3ecf5; font-size:11px; letter-spacing:.035em;
}
html:has(.client-search-hero) .client-service-intro { margin-top:18px; }
html:has(.client-search-hero) .gated-task-composer,html:has(.worker-task-hero) .role-preview { border-radius:18px; box-shadow:0 12px 34px #10243d15; }
html:has(.local-signup-shell) .local-signup-shell { gap:clamp(24px,5vw,64px); }
html:has(.local-signup-shell) .local-signup-copy h1 { color:#14243b; letter-spacing:-.05em; }
html:has(.local-signup-shell) .local-signup-form { border-radius:20px; box-shadow:0 16px 40px #14243b12; }

@media(max-width:900px) {
  html:has(.campus-split) .campus-split-grid { margin-inline:24px; }
  html:has(.campus-split) .campus-split-intro { padding-inline:24px; }
}
@media(max-width:600px) {
  html:has(.campus-split) .campus-split { padding-bottom:42px; }
  html:has(.campus-split) .campus-split { background-size:100% 345px; }
  html:has(.campus-split) .campus-split-intro { min-height:315px; padding:48px 20px 70px; }
  html:has(.campus-split) .campus-split-intro h1 { font-size:clamp(38px,10vw,46px); }
  html:has(.campus-split) .campus-split-grid { grid-template-columns:1fr; gap:12px; margin:-36px 16px 0; }
  html:has(.campus-split) .campus-choice { padding:21px; min-height:0; height:auto; }
  html:has(.campus-split) .campus-choice h2 { font-size:27px; }
  html:has(.campus-split) .campus-choice ul { display:none; }
  html:has(.campus-split) .campus-choice .split-button { margin-top:18px; }
  html:has(.client-search-hero) .client-search-hero,html:has(.worker-task-hero) .worker-task-hero {
    background:linear-gradient(#14243b 0 390px,#f5f8fb 390px);
  }
  html:has(.client-search-hero) .client-search-hero::before,html:has(.worker-task-hero) .worker-task-hero::before,
  html:has(.client-search-hero) .client-search-hero::after,html:has(.worker-task-hero) .worker-task-hero::after,
  .refined-hero-video { height:390px; }
  html:has(.client-search-hero) .client-search-copy,html:has(.worker-task-hero) .worker-hero-copy { min-height:332px; padding-top:40px; }
  html:has(.client-search-hero) .client-search-copy h1,html:has(.worker-task-hero) .worker-hero-copy h1 { font-size:clamp(37px,9vw,44px); }
  .refined-video-control { top:343px; right:16px; padding:7px 10px; font-size:10px; }
  .refined-video-note { top:355px; left:16px; font-size:9px; }
  html:has(.worker-task-hero) .worker-task-hero {
    background:linear-gradient(#14243b 0 600px,#f5f8fb 600px);
  }
  html:has(.worker-task-hero) .worker-task-hero::before,
  html:has(.worker-task-hero) .worker-task-hero::after,
  html:has(.worker-task-hero) .refined-hero-video { height:600px; }
  html:has(.worker-task-hero) .worker-hero-copy { min-height:570px; padding-top:27px; }
  html:has(.worker-task-hero) .worker-hero-copy h1 { font-size:37px; }
  html:has(.worker-task-hero) .worker-hero-copy p { font-size:14px; line-height:1.45; }
  html:has(.worker-task-hero) .refined-video-control { top:550px; }
  html:has(.worker-task-hero) .refined-video-note { top:563px; }
}
@media(prefers-reduced-motion:reduce) {
  html:has(.campus-split) .campus-choice { transition:none; }
}