/* About only. Lettering matches the retained GrangeRN Potassium video sources.
   Font licenses are included beside the self-hosted font files. */
@font-face{font-family:'GrangeRN Caveat';src:url('assets/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'GrangeRN Marker';src:url('assets/fonts/PermanentMarker.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.about-page{max-width:1080px;padding-top:42px;padding-bottom:52px}
.about-page,.about-page *,.about-page *::before,.about-page *::after{animation:none!important;transition:none!important;translate:none!important;transform:none!important}
.about-intro{grid-template-columns:minmax(0,1fr) 260px;gap:38px;margin-bottom:38px;align-items:center}
.about-intro h1{display:inline-block;font-family:'GrangeRN Marker',Arial,sans-serif;font-size:34px;font-weight:400;line-height:1.18;letter-spacing:0;padding:12px 17px;margin:0 0 18px;border-left:6px solid #3DC2FE;border-radius:4px}
.about-greeting{font-size:24px;line-height:1.3;letter-spacing:-.35px;margin:0 0 16px;max-width:560px}
.about-greeting span{display:inline}
.about-intro .lede{font-size:17px;line-height:1.65;max-width:620px}
.about-intro .lede p{margin:0 0 14px}
.about-portrait{max-width:260px;justify-self:center}
.about-portrait img{box-shadow:8px 8px 0 #3DC2FE;border-radius:9px}
.about-copy{max-width:840px;font-size:17px;line-height:1.65}
.about-copy section{display:flow-root;margin:0 0 24px}
.about-copy h2{font-size:26px;line-height:1.22;letter-spacing:-.4px;margin:0 0 15px;color:#052861}
.about-copy p{margin:0 0 14px}
.about-copy section p:last-child{margin-bottom:0}
.about-spot{display:block;object-fit:contain;border-radius:7px}
.about-spot-teaching{float:right;width:168px;max-width:30%;margin:3px 0 16px 25px}
.about-spot-ideas{float:right;width:140px;max-width:28%;margin:2px 0 14px 22px}
.about-copy #life-outside-teaching{background:#EAF2FA;border:1px solid #BCD4ED;border-left:6px solid #3DC2FE;border-radius:7px;padding:22px 26px}
.about-greeting,.about-copy #nursing-and-teaching h2,.about-copy #life-outside-teaching h2,.about-copy #why-grangern h2,.about-copy #what-drives-me h2{font-family:'GrangeRN Caveat',Arial,sans-serif;font-size:31px;font-weight:700;letter-spacing:0;line-height:1.15}
.about-copy #why-grangern{padding:5px 0}
.about-copy #what-drives-me{background:#052861;border-radius:7px;border-top:5px solid #3DC2FE;color:#fff;padding:24px 27px}
.about-copy #what-drives-me h2{color:#fff}
.about-actions{gap:12px;margin-top:26px;margin-bottom:17px}
.about-page .btn{font-size:14px;padding:12px 16px;min-height:44px}
.about-copy .about-contact{font-size:16px;margin-bottom:0}
.about-page a:focus-visible{outline:3px solid #c64d00;outline-offset:5px}
@media(max-width:750px){
 .about-page{padding-top:28px;padding-bottom:36px}
 .about-intro{grid-template-columns:minmax(0,1fr) 200px;gap:24px;margin-bottom:30px}
 .about-intro h1{font-size:28px;padding:11px 13px}
 .about-greeting{font-size:22px}
 .about-portrait{max-width:200px}
 .about-intro .lede,.about-copy{font-size:16px;line-height:1.65}
 .about-copy h2{font-size:23px}
 .about-greeting,.about-copy #nursing-and-teaching h2,.about-copy #life-outside-teaching h2,.about-copy #why-grangern h2,.about-copy #what-drives-me h2{font-size:29px}
}
@media(max-width:580px){
 .about-page{padding-inline:23px}
 .about-intro{grid-template-columns:1fr;gap:23px}
 .about-portrait{max-width:200px;margin:0 auto 5px}
 .about-intro h1{font-size:27px;max-width:100%}
 .about-spot-teaching{width:125px;margin-left:16px;margin-bottom:12px}
 .about-spot-ideas{width:105px;margin-left:14px}
 .about-copy #life-outside-teaching,.about-copy #what-drives-me{padding:20px}
 .about-copy #what-drives-me h2{font-size:28px}
}
@media(max-width:360px){.about-page{padding-inline:19px}.about-intro h1{font-size:24px}.about-spot-teaching,.about-spot-ideas{float:none;max-width:100%;width:118px;margin:0 0 14px}}