/* Dentist University — institutional holding page.
   Deliberately unlike the six lead-generation sites: no CTA, no urgency, no
   colour push. A crest, a statement, and a directory that is actually useful
   to somebody who lands here looking for a dental school. */

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%}
svg{display:block}
a{color:inherit}
ul{list-style:none;padding:0}

:root{
  --paper:#f5f4f0;
  --paper-2:#ffffff;
  --ink:#17202e;
  --ink-2:#3c4657;
  --muted:#6d7686;
  --faint:#98a0ad;
  --rule:#ddd9cf;
  --rule-2:#e8e5dd;
  --brass:#8c6d2f;
  --brass-2:#a9873f;
  --disp:"Spectral",Georgia,"Times New Roman",serif;
  --sans:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#14171d;
    --paper-2:#1a1e26;
    --ink:#eceef2;
    --ink-2:#c3c8d2;
    --muted:#98a0ad;
    --faint:#6d7686;
    --rule:#2b303a;
    --rule-2:#242932;
    --brass:#c19a4d;
    --brass-2:#d4ad60;
  }
}

body{
  background:var(--paper);color:var(--ink-2);
  font-family:var(--sans);font-size:16.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--brass);color:var(--paper)}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-9999px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:50}
.skip:focus{left:0;top:0}

.hold{max-width:820px;margin-inline:auto;padding-inline:clamp(20px,5vw,36px)}

/* --------------------------------------------------------------- crest */
.crest{border-bottom:1px solid var(--rule);padding-block:22px}
.crest .hold{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lockup{display:flex;align-items:center;gap:13px;text-decoration:none}
.shield{width:34px;height:34px;flex:none;color:var(--brass)}
.lockup-t{
  font-family:var(--disp);font-weight:400;font-size:22px;color:var(--ink);
  letter-spacing:.005em;line-height:1.1;
}
.lockup-t em{
  display:block;font-style:normal;font-family:var(--sans);font-size:9.5px;
  font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin-top:4px;
}
.status{
  margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--faint);
  border:1px solid var(--rule);padding:5px 12px;border-radius:2px;
}

/* ------------------------------------------------------------- opening */
.opening{padding-block:clamp(52px,9vw,92px) clamp(38px,6vw,64px)}
.over{
  font-size:10.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;
  color:var(--brass);margin-bottom:22px;
}
h1{
  font-family:var(--disp);font-weight:300;color:var(--ink);
  font-size:clamp(32px,5.4vw,54px);line-height:1.14;letter-spacing:-.015em;
  text-wrap:balance;
}
.stand{margin-top:22px;max-width:56ch;font-size:18px;line-height:1.72;color:var(--ink-2)}
.note{
  margin-top:26px;max-width:60ch;padding:15px 18px;
  background:var(--paper-2);border:1px solid var(--rule-2);border-left:3px solid var(--brass);
  font-size:14.5px;line-height:1.62;color:var(--muted);
}

.band{height:5px;background:var(--brass);opacity:.85}

/* ----------------------------------------------------------- directory */
.directory{padding-block:clamp(42px,7vw,72px)}
.grp+.grp{margin-top:clamp(40px,6vw,64px)}
.grp-h{border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:6px}
h2{
  font-family:var(--disp);font-weight:400;color:var(--ink);
  font-size:clamp(22px,2.8vw,30px);line-height:1.2;letter-spacing:-.01em;
}
.grp-h p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted);max-width:62ch}

.links li{border-bottom:1px solid var(--rule-2);padding:16px 0}
.links a{
  display:inline-block;font-family:var(--disp);font-size:19px;font-weight:500;
  color:var(--ink);text-decoration:none;line-height:1.3;
  border-bottom:1px solid var(--rule);padding-bottom:1px;
  transition:color .25s,border-color .25s;
}
.links a:hover{color:var(--brass);border-bottom-color:var(--brass)}
.links a::after{content:" ↗";font-family:var(--sans);font-size:12px;color:var(--faint);border:0}
.links a:hover::after{color:var(--brass)}
.links span{display:block;margin-top:6px;font-size:14.5px;line-height:1.62;color:var(--muted);max-width:66ch}

/* ---------------------------------------------------------------- foot */
.foot{border-top:1px solid var(--rule);padding-block:38px 44px;margin-top:clamp(40px,6vw,70px)}
.foot-mark{font-family:var(--disp);font-size:19px;color:var(--ink);line-height:1.1}
.foot-mark em{
  display:block;font-style:normal;font-family:var(--sans);font-size:9px;font-weight:600;
  letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin-top:4px;
}
.foot-legal{margin-top:22px;font-size:12.5px;line-height:1.75;color:var(--muted);max-width:78ch}
.foot-copy{margin-top:16px;font-size:12.5px;color:var(--faint)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}