/* The supplied transparent portrait stays at its original proportions and size. */
.president-greeting{font-family:var(--font-sans);color:var(--ink)}
.president-section-title{margin:0 0 36px;font-family:var(--font-sans);font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.28px}
.president-layout{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:start}
.president-portrait{display:flex;justify-content:center;align-items:flex-end;min-width:0;height:464px;margin-right:50px;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#505254 0%,#343638 52%,#242628 100%)}
.president-portrait img{display:block;flex:none;width:310px;max-width:100%;height:auto;object-fit:contain;object-position:center bottom}
.president-message{min-width:0}
.president-message h3{margin:0 0 28px;font-family:var(--font-sans);font-size:24px;font-weight:700;line-height:1.6;letter-spacing:-.28px;text-wrap:balance}
.president-prose{max-width:46em}
.president-prose p{margin:0 0 22px;font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.9;letter-spacing:-.28px;overflow-wrap:anywhere}
.president-prose p:last-child{margin-bottom:0}
.president-signature{margin-top:32px;font-family:var(--font-sans)}
.president-company{margin:0 0 8px;font-size:14px;font-weight:400;line-height:1.7}
.president-position{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin:0;font-size:14px;font-weight:400;line-height:1.7}
.president-name{display:inline-block;font-family:var(--font-handwritten,var(--font-sans));font-size:32px;font-weight:600;line-height:1.5;letter-spacing:.08em;white-space:nowrap}

@media(min-width:901px) and (max-width:1100px){
 .president-portrait{height:430px;margin-right:30px}
 .president-message h3{font-size:22px}
}

@media(max-width:900px){
 .president-section-title{margin-bottom:28px}
 .president-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 .president-portrait{justify-self:start;width:280px;max-width:100%;height:350px;margin:0}
 .president-portrait img{width:250px}
 .president-message h3{margin-bottom:24px;font-size:22px}
}

@media(max-width:700px){
 .president-section-title{font-size:16px;line-height:1.4;letter-spacing:-.2px}
 .president-layout{gap:28px}
 .president-portrait{width:250px;height:320px}
 .president-portrait img{width:230px}
 .president-message h3{font-size:19px;line-height:1.7;letter-spacing:-.2px}
 .president-prose p{font-size:14px;line-height:1.9;letter-spacing:-.2px}
 .president-signature{margin-top:28px}
 .president-company,.president-position{font-size:12px}
 .president-position{column-gap:20px}
 .president-name{font-size:30px}
}