/* People, photographs and a little theatre. About page styles only. */
.about-page{background:#090911;color:#fff5df}
.about-shell{max-width:1180px;margin:0 auto;padding:62px 5% 86px}
.about-intro{padding:0 0 46px;border-bottom:1px solid #e9bd6930;max-width:1060px}
.about-page .about-eyebrow{color:#e9bd69;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px}
.about-page .about-breadcrumb{color:#aebfbe;font-size:11px;margin:0 0 36px}
.about-breadcrumb a{color:#d5dfdc;text-decoration:none}
.about-page .about-intro h1{font-family:inherit;font-size:clamp(40px,5.8vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1.06;margin:0 0 26px;color:#fff5df}
.about-intro h1 em{font-style:normal;color:#e9bd69}
.about-page .about-lead{font-size:clamp(17px,1.8vw,21px);line-height:1.7;max-width:850px;color:#c5d3d1;margin:0}
.about-lead strong{color:#fff5df}
.about-person{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:center;padding:60px 0;border-bottom:1px solid #e9bd6930}
.about-person--elyese{grid-template-columns:minmax(0,1fr) minmax(240px,360px)}
.about-person--elyese .portrait-frame{grid-column:2;grid-row:1}
.about-person--elyese .about-bio{grid-column:1;grid-row:1}
.portrait-frame{width:100%;margin:0;padding:12px;background:linear-gradient(145deg,#3a342b,#171a1b 45%,#102c30);border:1px solid #e9bd6960;border-radius:9px;box-shadow:0 20px 55px #0005,0 0 0 5px #e9bd6908}
.portrait-window{aspect-ratio:3/4;position:relative;overflow:hidden;background:#172326;border:1px solid #ffe1a542;border-radius:3px}
/* Two faithful windows onto the supplied photograph. The centre divider is excluded. */
body.about-page .portrait-window img{display:block;position:absolute;top:-.5%;width:202%;max-width:none;height:101%;object-fit:cover}
.portrait-window--elyese img{left:0}
.portrait-window--james img{left:-102%}
.portrait-frame figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:15px 4px 4px;color:#f2d391;font-size:10px;line-height:1.5}
.portrait-frame figcaption span:first-child{font-size:13px;font-weight:800;color:#fff5df}
.portrait-frame figcaption span:last-child{text-align:right;color:#becbc6}
.about-page .about-bio h2{font-family:inherit;font-size:clamp(36px,4.5vw,52px);line-height:1.1;letter-spacing:-.045em;color:#fff5df;margin:0 0 12px}
.about-page .about-role{color:#e9bd69;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 22px}
.about-page .about-bio>p:not(.about-eyebrow):not(.about-role){font-size:15px;line-height:1.85;color:#c5d3d1;margin:0 0 18px}
.about-bio strong{color:#fff5df}
.about-page .about-bio>p:last-child{margin-bottom:0}
.about-together{padding:52px 0 38px;max-width:860px}
.about-page .about-together h2{font-family:inherit;font-size:clamp(30px,3.5vw,43px);letter-spacing:-.04em;line-height:1.15;margin:0 0 22px;color:#fff5df}
.about-page .about-together p{color:#c5d3d1;font-size:16px;line-height:1.8;margin:0 0 18px}
.about-invitation{padding:30px;background:#123438;border:1px solid #e9bd6938;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.about-page .about-invitation h2{font-family:inherit;font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px;color:#fff5df}
.about-page .about-invitation p{font-size:13px;line-height:1.75;color:#c5d3d1;max-width:580px;margin:0}
.about-contact{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:5px;background:#f2d391;border:1px solid #f2d391;color:#102c30!important;text-decoration:none;font-size:12px;line-height:1.4;font-weight:800}
.about-contact:hover{background:#ffe5af}
.about-page main a:focus-visible{outline:3px solid #f2d391;outline-offset:5px}
@media(max-width:800px){.about-shell{padding:42px 6% 60px}.about-person,.about-person--elyese{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 0}.portrait-frame{max-width:360px;justify-self:center}.about-person--elyese .portrait-frame,.about-person--elyese .about-bio{grid-column:auto;grid-row:auto}.about-intro{padding-bottom:34px}.about-page .about-breadcrumb{margin-bottom:27px}.about-page .about-intro h1{font-size:clamp(38px,8vw,58px)}.about-together{padding-top:40px}.about-invitation{padding:25px;flex-direction:column;align-items:stretch}.about-contact{width:100%}}
@media(prefers-reduced-motion:reduce){.about-page main *{scroll-behavior:auto!important;transition:none!important}}