/* Clear, editorial name treatment for the light About opening. */
.about-hero .about-hero-copy h1,.sid-biography>#sid-profile-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08;color:#174d3d;text-shadow:none;opacity:1;-webkit-text-fill-color:currentColor}
.about-hero .about-hero-copy h1 em,.sid-biography>#sid-profile-title em{font-family:inherit;font-weight:400;font-style:normal;color:#987021;background:none;-webkit-text-fill-color:currentColor;text-shadow:none;opacity:1}
.about-hero .about-hero-copy>p{color:#735622;letter-spacing:.24em;font-size:11px;font-weight:600}
.about-hero .about-hero-copy>span{color:#334d40;text-shadow:none;font-weight:500}
.about-hero .about-hero-copy:after{content:"";display:block;width:72px;height:1px;background:#aa8542;margin-top:24px}
@media(max-width:700px){.about-hero .about-hero-copy h1{font-size:clamp(42px,10vw,68px);letter-spacing:-.045em}.about-hero .about-hero-copy:after{margin-top:18px;width:52px}}
/* Keep the name in its own column, clear of the portrait. */
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px 5vw;align-items:center;padding:130px max(24px,6vw) 48px;text-align:left}
.about-hero .about-hero-copy{grid-column:1;grid-row:1;min-width:0}
.about-hero .about-hero-copy h1{white-space:normal;font-size:clamp(48px,6.5vw,96px);margin:20px 0 24px}
.about-hero .about-hero-copy h1 em{display:block}
.about-name-portrait{grid-column:2;grid-row:1;margin:0;position:relative;z-index:1;height:clamp(320px,52vh,560px);width:100%}
.about-name-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:linear-gradient(#000 88%,transparent);-webkit-mask-image:linear-gradient(#000 88%,transparent)}
.about-hero .profile-opening-orbits:before,.about-hero .profile-opening-orbits:after{content:none}
.about-hero blockquote{grid-column:1/-1;grid-row:2;max-width:760px;margin:8px auto 0;text-align:center}
.about-hero .profile-intro-next{grid-column:1/-1;margin:0 auto}
@media(max-width:700px){.about-hero{grid-template-columns:1fr;gap:20px;padding:108px 24px 36px}.about-hero .about-hero-copy{grid-column:1;grid-row:1;text-align:center}.about-hero .about-hero-copy>p{justify-content:center}.about-hero .about-hero-copy h1{font-size:clamp(42px,10vw,66px);margin:16px 0}.about-hero .about-hero-copy h1 em{display:inline}.about-hero .about-hero-copy:after{margin:18px auto 0}.about-name-portrait{grid-column:1;grid-row:2;height:340px;max-height:48svh}.about-hero blockquote{grid-row:3}.about-hero .profile-intro-next{grid-row:4}}
/* Circular portrait, with the name remaining outside the photograph. */
.about-hero .about-name-portrait{width:min(100%,480px);height:auto;aspect-ratio:1;justify-self:center;border-radius:50%;overflow:hidden;border:1px solid #b79a6259;padding:8px;background:#f5f2e9;box-shadow:0 14px 44px #173e2b0c}
.about-hero .about-name-portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 25%;mask-image:none;-webkit-mask-image:none}
@media(max-width:700px){.about-hero .about-name-portrait{width:min(78vw,340px);height:auto;max-height:none}}
/* The portrait is the centre of the orbit, with a readable stationary face. */
.about-hero .profile-opening-orbits{display:none}
.about-hero .about-name-portrait{width:min(86%,430px);overflow:visible;isolation:isolate;margin:32px auto;background:#f5f2e9}
.portrait-orbit{position:absolute;inset:-10%;border:1px solid #b49150a6;border-radius:50%;pointer-events:none;animation:portrait-orbit-turn 24s linear infinite;animation-play-state:paused}
.portrait-orbit::after{content:"";position:absolute;top:50%;right:-4px;width:7px;height:7px;border-radius:50%;background:#af8742;box-shadow:0 0 0 4px #af874211}
.portrait-orbit-two{inset:-17% -6%;border-color:#7c95865c;animation-duration:34s;animation-direction:reverse}
.portrait-orbit-two::after{background:#688674;width:5px;height:5px;right:-3px}
.about-name-portrait.orbit-visible .portrait-orbit{animation-play-state:running}
@keyframes portrait-orbit-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:700px){.about-hero .about-name-portrait{width:min(66vw,290px);margin:32px auto}}
@media(prefers-reduced-motion:reduce){.portrait-orbit{animation:none}}
/* Centre the complete portrait-and-orbit composition on the slide. */
.about-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;text-align:center;gap:18px;padding-top:112px}
.about-hero .about-hero-copy{grid-column:1;grid-row:1;text-align:center;width:100%}
.about-hero .about-hero-copy>p{justify-content:center;margin:0 0 12px}
.about-hero .about-hero-copy h1{font-size:clamp(42px,5.5vw,76px);margin:12px 0 14px}
.about-hero .about-hero-copy h1 em{display:inline}
.about-hero .about-hero-copy:after{margin:18px auto 0}
.about-hero .about-name-portrait{grid-column:1;grid-row:2;width:min(58vw,360px);margin:44px auto;justify-self:center}
.about-hero blockquote{grid-column:1;grid-row:3;margin:0 auto}
.about-hero .profile-intro-next{grid-column:1;grid-row:4}
@media(max-width:700px){.about-hero{padding-top:104px;gap:14px}.about-hero .about-name-portrait{width:min(66vw,290px);margin:36px auto}.about-hero .about-hero-copy h1{font-size:clamp(40px,9vw,62px)}}