/* About: one introduction, factual credentials and two concise destinations. */
.about-profile{padding-block:52px 28px}
.about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);align-items:center;gap:58px}
.about-profile-photo{padding:6px;border:1px solid #c9dcf0;border-radius:19px;background:#ffffffa6;box-shadow:0 14px 38px #1e558012;overflow:hidden}
.about-profile-photo img{width:100%;aspect-ratio:1.08;object-fit:cover;object-position:center 42%;border-radius:13px}
.about-page .about-profile-copy h1{font:500 clamp(44px,4.5vw,67px)/1.12 var(--serif);letter-spacing:-1.8px;color:#174e82;margin:0 0 25px;white-space:normal}
.about-bio p{font:400 18px/1.8 var(--sans);color:#465d77;max-width:740px;margin:0}
.about-bio p+p{margin-top:16px}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:30px}
.about-actions svg{width:22px;height:22px;flex-shrink:0;transition:transform .3s}
.about-book{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:59px;padding:15px 25px;border:1px solid #1d5081;border-radius:11px;background:linear-gradient(110deg,#174e82,#10365e);color:#fff;font:500 16px/1.5 var(--sans);box-shadow:0 7px 20px #123d681a;transition:transform .3s,box-shadow .3s}
.about-contact-link{display:inline-flex;align-items:center;gap:20px;padding-block:9px;border-bottom:1px solid #95b4d4;color:#174e82;font-size:15px;transition:border-color .3s}
.about-credentials{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:38px 0;gap:0}
.about-credentials li{display:flex;align-items:center;gap:15px;padding:16px 23px;border-right:1px solid #c9dcf0;min-width:0}
.about-credentials li:first-child{padding-left:0}.about-credentials li:last-child{padding-right:0;border:0}
.about-credential-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#dfecfb;color:#174e82}
.about-credential-icon svg{width:27px;height:27px}
.about-credentials strong{display:block;font:600 14px/1.45 var(--sans);color:#173e65}
.about-credentials small{display:block;font:400 11px/1.6 var(--sans);color:#586f86;margin-top:5px}
.about-directions{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-direction{display:flex;align-items:flex-start;gap:24px;padding:30px;border:1px solid #265c8d;border-radius:17px;background:linear-gradient(115deg,#174e82,#10365e);color:#fff;box-shadow:0 9px 25px #173f6b13;transition:transform .35s,box-shadow .35s,border-color .35s}
.about-direction-icon{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;color:#d2eaff}
.about-direction-icon svg{width:28px;height:28px}
.about-direction h2{font:400 clamp(23px,2.1vw,30px)/1.3 var(--serif);letter-spacing:-.5px;margin:0;color:#fff}
.about-direction p{font:400 14px/1.7 var(--sans);color:#cbdff2;margin-top:10px}
.about-direction-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;line-height:1.5;margin-top:21px;padding-bottom:5px;border-bottom:1px solid #82abd0;color:#edf6ff}
.about-direction-link svg{width:20px;height:20px;transition:transform .3s}
.about-profile a:focus-visible{outline:3px solid #559edb;outline-offset:5px}
@media(hover:hover){.about-book:hover{transform:translateY(-2px);box-shadow:0 10px 22px #123d682b}.about-book:hover svg,.about-contact-link:hover svg,.about-direction:hover .about-direction-link svg{transform:translateX(4px)}.about-contact-link:hover{border-color:#174e82}.about-direction:hover{transform:translateY(-4px);box-shadow:0 16px 30px #173f6b26;border-color:#5488b8}}
@media(prefers-reduced-motion:no-preference){.about-profile-photo,.about-profile-copy,.about-credentials,.about-directions{animation:about-arrive .75s cubic-bezier(.2,.7,.2,1) both}.about-profile-copy{animation-delay:.07s}.about-credentials{animation-delay:.14s}.about-directions{animation-delay:.21s}}
@keyframes about-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.about-intro{gap:70px}.about-profile{padding-top:65px}.about-bio p{font-size:20px}.about-credentials strong{font-size:16px}.about-credentials small{font-size:12px}.about-credentials li{gap:20px}.about-credential-icon{width:62px;height:62px;flex-basis:62px}}
@media(max-width:1100px){.about-intro{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.about-bio p{font-size:16px}.about-actions{gap:18px;margin-top:24px}.about-book{font-size:14px;padding-inline:20px;gap:18px;min-height:54px}.about-contact-link{font-size:14px;gap:12px}.about-credentials{grid-template-columns:1fr 1fr;gap:18px 0;margin:30px 0}.about-credentials li{padding:10px 24px}.about-credentials li:nth-child(odd){padding-left:0}.about-credentials li:nth-child(even){border:0}.about-credentials strong{font-size:15px}.about-credentials small{font-size:12px}.about-direction{padding:25px;gap:18px}.about-direction-icon{width:44px;height:44px;flex-basis:44px}.about-direction-icon svg{width:24px;height:24px}}
@media(max-width:760px){.about-profile{padding-top:30px}.about-intro{grid-template-columns:1fr;gap:28px}.about-profile-photo{max-width:520px;width:100%;justify-self:center}.about-profile-photo img{aspect-ratio:1.3;object-position:center 36%}.about-page .about-profile-copy h1{font-size:46px;margin-bottom:20px}.about-bio p{font-size:16px;line-height:1.8}.about-actions{gap:18px 24px}.about-directions{grid-template-columns:1fr;gap:16px}.about-direction{padding:26px}.about-direction h2{font-size:27px}.about-credentials{margin-block:28px}.about-credentials li{padding:12px 16px;gap:12px}.about-credential-icon{width:42px;height:42px;flex-basis:42px}.about-credential-icon svg{width:23px;height:23px}.about-credentials strong{font-size:13px}.about-credentials small{font-size:11px}}
@media(max-width:420px){.about-credentials li{align-items:flex-start;flex-direction:column;padding:8px 14px;gap:10px}.about-book{flex:1;font-size:15px;min-height:56px}.about-contact-link{font-size:14px}.about-actions{gap:16px}.about-direction{padding:24px 20px;gap:16px}.about-direction h2{font-size:24px}.about-direction p{font-size:13px}.about-direction-icon{width:39px;height:39px;flex-basis:39px}.about-profile-photo img{aspect-ratio:1.1}.about-page .about-profile-copy h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.about-profile *{animation:none!important;transition:none!important}}
