:root {
  --ink: #112b3b;
  --gold: #8b6c39;
  --paper: #ffffff;
  --muted: #50616c;
  --line: #d7dfe2;
  --quiet: #eff4f6;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:98px}
body {margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
a {color:inherit;text-decoration:none}
button {font:inherit;cursor:pointer}
a,button {-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible {outline:3px solid #b18d50;outline-offset:5px}
h1,h2,h3,p {margin-top:0}
h1,h2,h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}
em {font-weight:400;color:var(--gold)}

header {
  position:sticky;top:0;z-index:20;
  min-height:92px;padding:0 5.5%;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid #112b3b10;
}
.wordmark {line-height:1.2;display:inline-block;white-space:nowrap}
.wordmark>span {font:27px Georgia,serif;letter-spacing:-1px}
.wordmark i {font-weight:400;color:var(--gold)}
nav {display:flex;gap:36px;font-size:14px}
nav a {padding:8px 0;border-bottom:1px solid transparent}
nav a:hover {border-color:var(--gold);color:var(--gold)}
.menu-toggle {display:none}
.skip {position:fixed;top:-70px;left:20px;z-index:50;background:white;padding:10px}
.skip:focus {top:10px}

.hero {position:relative;isolation:isolate;overflow:hidden;background:#edf4f6}
.hero picture,.hero-photo {display:block;width:100%}
.hero-photo {height:auto}
.hero:after {
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 42%,#eaf1f200 54%,#edf3f54f 73%,#edf3f55c);
}
.hero-copy {position:absolute;z-index:2;top:clamp(75px,9vh,140px);left:55%;right:3.5%}
.hero-eyebrow,.eyebrow {
  font-size:11px;letter-spacing:2.25px;font-weight:700;color:var(--gold);
  margin:0 0 20px;
}
.hero h1 {font-size:clamp(55px,5.25vw,88px);letter-spacing:-.05em;line-height:1.04;margin:0 0 22px}
.hero h1 em {display:block}
.hero-position {font:clamp(20px,2.1vw,31px)/1.25 Georgia,serif;margin-bottom:18px}
.hero-degrees {font-size:13px;letter-spacing:.07em;color:#304b5c;margin-bottom:0}
.hero-degrees b {color:var(--gold);margin:0 5px;font-weight:400}
.actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:35px}
.button {
  display:inline-flex;justify-content:space-between;align-items:center;gap:26px;
  padding:15px 22px;background:var(--ink);color:white;font-size:14px;
  transition:background .2s ease;
}
.button:hover {background:#28516a}
.text-link {
  display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #8b6c3970;
  padding-bottom:7px;font-size:14px;
}
.text-link:hover {color:var(--gold)}
.hero-caption {
  position:absolute;z-index:2;bottom:33px;left:5.5%;color:#fff;
  text-shadow:0 1px 8px #112b3b;font-size:10px;letter-spacing:2px;
}
.hero-caption span {display:block;font:italic 21px Georgia,serif;letter-spacing:0;margin-top:4px}
.scroll {
  position:absolute;z-index:2;right:5.5%;bottom:auto;
  top:min(calc(100% - 76px),calc(100vh - 92px - 76px));
  font-size:11px;letter-spacing:2px;white-space:nowrap;
}
@supports(height:100svh) {
  .scroll {top:min(calc(100% - 76px),calc(100svh - 92px - 76px))}
}
.scroll span {font-size:24px;margin-left:20px;vertical-align:-2px}

.credentials {display:grid;grid-template-columns:repeat(3,1fr);padding:34px 8%;background:var(--ink);color:#fff}
.credentials>div {display:flex;align-items:center;justify-content:center;gap:22px;border-right:1px solid #ffffff30}
.credentials>div:last-child {border:0}
.credentials strong {font:35px Georgia,serif;color:#d9ba86;white-space:nowrap}
.credentials span {max-width:165px;font-size:12px;line-height:1.45}

.section {padding:105px 8%;scroll-margin-top:0}
h2 {font-size:clamp(39px,3.8vw,58px);letter-spacing:-.03em;margin-bottom:30px}
h3 {font-size:29px;margin:20px 0}
.bio {display:grid;grid-template-columns:1fr 1fr;gap:9%}
.bio-profile {margin-top:46px}
.bio-name-group {display:inline-flex;align-items:flex-end;flex-direction:column;max-width:100%}
.bio-name-group h3 {font-size:clamp(29px,2.6vw,39px);letter-spacing:-.045em;white-space:nowrap;margin:0 0 5px}
.bio-degree {font-size:12px;font-weight:700;letter-spacing:.055em;color:var(--gold);text-align:right}
.bio-roles {list-style:none;padding:0;margin:27px 0 0}
.bio-roles li {font-size:15px;font-weight:600;line-height:1.55;margin:0 0 10px}
.bio-roles li:before {content:'•';color:var(--gold);display:inline-block;width:1em;font-weight:400}
.bio-copy p {font-size:16px;color:var(--muted)}
.bio-copy .lead {font:22px/1.5 Georgia,serif;color:var(--ink)}
.bio-copy .text-link {margin-top:12px}

.professional {background:var(--quiet)}
.section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}
.section-heading>p {font-size:15px;color:var(--muted);padding-bottom:12px}
.expertise {display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.expertise article {border-top:1px solid #9aafb9;padding-top:22px}
.number {font:italic 22px Georgia,serif;color:var(--gold)}
.expertise p {font-size:15px;color:var(--muted)}
.tag {display:block;font-size:10px;letter-spacing:1.5px;margin-top:25px}
.recognition {margin-top:55px;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 3fr;gap:30px}
.recognition p {margin:0}
.recognition>p:last-child {font-size:16px;color:var(--muted)}

.slider-controls {display:flex;align-items:center;gap:12px;padding-bottom:30px}
.slider-controls>span {font-size:12px;letter-spacing:2px;margin-right:18px;white-space:nowrap}
.slider-controls button {width:48px;height:48px;background:transparent;border:1px solid var(--ink);border-radius:50%;color:var(--ink);font-size:22px}
.slider-controls button:hover {background:var(--ink);color:white}
.slide {display:grid;grid-template-columns:1.1fr 1fr;min-height:370px;border:1px solid var(--line)}
.slide[hidden] {display:none}
.media-art {display:flex;flex-direction:column;justify-content:space-between;padding:40px 45px;background:var(--ink);color:#fff}
.media-art>span,.media-art small {font-size:10px;letter-spacing:2.2px}
.media-art strong {font:42px/1.15 Georgia,serif;margin:25px 0}
.media-art em {color:#d9ba86}
.media-art.education {background:#244956}
.media-art.journal {background:#33404c}
.slide-copy {padding:45px}
.slide-copy .eyebrow {margin-bottom:18px}
.slide-copy h3 {font-size:33px}
.slide-copy>p:not(.eyebrow) {font-size:15px;color:var(--muted)}

.contact {display:grid;grid-template-columns:1.3fr 1fr;gap:10%;background:var(--ink);color:#fff}
.contact .eyebrow,.contact em {color:#d9ba86}
.contact>div>p:not(.eyebrow),.contact-details p {color:#c3d0d8}
.contact .button {margin-top:17px}
.contact .button.light {background:#e8dcc6;color:var(--ink)}
.contact .button.light:hover {background:#fff}
.contact-details {border-left:1px solid #ffffff30;padding-left:50px}
.contact-details h3 {font-size:32px;margin:0 0 24px}
.contact-details p {font-size:15px;margin-bottom:16px}
.contact-details .text-link {margin-top:25px}
footer {padding:44px 5.5% 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}
.footer-link {font-size:14px;border-bottom:1px solid var(--gold)}
.footer-link:hover {color:var(--gold)}
.copyright {font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;width:100%;margin:4px 0 0}

@media(max-width:1050px) and (min-width:761px) {
  header {min-height:86px;padding:0 4%}
  nav {gap:20px}
  .wordmark>span {font-size:23px}
  .hero-copy {left:54%;right:2%;top:clamp(46px,5vw,84px)}
  .hero h1 {font-size:clamp(45px,5.6vw,61px)}
  .hero-position {font-size:21px;margin-bottom:10px}
  .hero-degrees {font-size:11px;letter-spacing:0}
  .actions {margin-top:20px;gap:12px}
  .button {padding:12px 15px;gap:12px;font-size:12px}
  .hero .text-link {font-size:12px;gap:11px}
  .scroll {top:min(calc(100% - 76px),calc(100vh - 86px - 76px))}
  .section {padding:76px 6%}
  .credentials {padding:28px 4%}
  .credentials>div {gap:12px}
  .credentials strong {font-size:27px}
  .credentials span {font-size:11px;max-width:120px}
  .expertise {gap:24px}
  .slide-copy {padding:30px}
  .media-art {padding:30px}
  .media-art strong {font-size:36px}
  .contact-details {padding-left:30px}
}
@media(max-width:760px) {
  html {scroll-padding-top:80px}
  header {min-height:80px;padding:0 6%}
  .wordmark>span {font-size:22px}
  .menu-toggle {display:flex;gap:9px;align-items:center;background:none;border:0;color:var(--ink);font-size:12px;padding:10px 0}
  .menu-toggle span {font-size:19px}
  nav {display:none;position:absolute;top:80px;left:0;right:0;background:white;box-shadow:0 15px 20px #112b3b15;padding:18px 6% 29px;gap:10px}
  nav.open {display:flex;flex-direction:column}
  nav a {padding:9px 0}
  .hero {display:flex;flex-direction:column}
  .hero picture {order:0}
  .hero-photo {aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;object-position:left top}
  .hero:after {display:none}
  .hero-copy {position:relative;top:auto;left:auto;right:auto;order:1;padding:33px 7% 93px;background:#edf4f6}
  .hero-eyebrow {font-size:10px;letter-spacing:1.6px;margin-bottom:15px}
  .hero h1 {font-size:clamp(37px,9.6vw,57px);letter-spacing:-.055em;margin-bottom:14px}
  .hero h1 em {display:inline}
  .hero-position {font-size:21px;margin-bottom:12px}
  .hero-degrees {font-size:12px;line-height:1.5;letter-spacing:0}
  .actions {gap:19px;margin-top:24px}
  .button {padding:14px 18px;font-size:13px}
  .hero .text-link {font-size:13px}
  .hero-caption {display:none}
  .scroll {top:auto;bottom:16px;right:7%;font-size:9px}
  .scroll span {font-size:19px}
  .credentials {padding:24px 4%;gap:12px}
  .credentials>div {flex-direction:column;gap:8px;text-align:center}
  .credentials strong {font-size:25px}
  .credentials span {font-size:10px;max-width:88px}
  .section {padding:63px 7%}
  .eyebrow {font-size:10px;letter-spacing:1.8px;margin-bottom:20px}
  h2 {font-size:clamp(36px,8vw,44px)}
  .bio {grid-template-columns:1fr;gap:33px}
  .bio-profile {margin-top:30px}
  .bio-name-group h3 {font-size:clamp(29px,7vw,38px)}
  .bio-degree {font-size:11px}
  .bio-roles li {font-size:14px}
  .bio-copy .lead {font-size:21px}
  .section-heading {display:block;margin-bottom:25px}
  .section-heading>p {font-size:14px}
  .expertise {grid-template-columns:1fr;gap:35px}
  .expertise h3 {margin-top:11px}
  .tag {margin-top:16px}
  .recognition {grid-template-columns:1fr;gap:15px;margin-top:40px}
  .slider-controls {justify-content:flex-end;margin-top:24px;padding-bottom:0}
  .slider-controls button {height:44px;width:44px}
  .slide {grid-template-columns:1fr}
  .media-art {min-height:290px;padding:30px}
  .media-art strong {font-size:36px}
  .slide-copy {padding:30px;min-height:290px}
  .slide-copy h3 {font-size:29px}
  .contact {grid-template-columns:1fr;gap:45px}
  .contact-details {border-left:0;border-top:1px solid #ffffff30;padding:30px 0 0}
  footer {padding:35px 7% 20px}
  .copyright {font-size:10px}
}
@media(max-width:360px) {
  .wordmark>span {font-size:20px}
  .hero h1 {font-size:36px}
  .bio-name-group h3 {font-size:27px}
  .bio-degree {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  * {transition:none!important}
}