/* An in-page Jack introduction. The editorial hierarchy follows the supplied reference;
   all artwork, color, dimensions, and card content are original to this JTC site. */
#jack{scroll-margin-top:78px}
.jack-inline-section{background:#f2f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jack-inline-inner{max-width:1240px;padding-block:76px 82px}
.jack-inline-heading{text-align:center;margin:0 auto 49px;max-width:850px}
.jack-inline-heading>span{display:inline-block;color:var(--blue-text);font-size:13px;font-weight:850;letter-spacing:.08em;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.jack-inline-heading h2{font-size:clamp(48px,6vw,78px);line-height:1.08;letter-spacing:-.065em;margin:16px 0 11px}
.jack-inline-heading p{font-size:18px;font-weight:700;margin:0;line-height:1.6}
.jack-inline-intro{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:40px;margin:0 auto 39px;max-width:1080px}
.jack-inline-portrait{position:relative;width:230px;height:230px;border:3px solid var(--ink);border-radius:50%;background:#d9f1fb;box-shadow:6px 7px 0 var(--ink);overflow:hidden}
.jack-inline-portrait img{position:absolute;display:block;width:94%;height:100%;left:3%;bottom:-4%;object-fit:contain;object-position:center bottom}
.jack-inline-copy h3{font-size:clamp(23px,2.2vw,29px);letter-spacing:-.035em;margin-bottom:14px}
.jack-inline-copy p{font-size:16px;line-height:1.85;margin-bottom:13px;max-width:780px}
.jack-inline-copy a{display:inline-block;font-size:14px;font-weight:800;color:var(--blue-text);text-decoration-thickness:1.5px;text-underline-offset:4px}
.jack-inline-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;list-style:none;padding:0;margin:0}
.jack-inline-cards li{min-width:0}
.jack-inline-cards article{height:100%;min-height:210px;background:#fff;border:1.5px solid var(--ink);border-radius:16px;box-shadow:5px 6px 0 var(--ink);padding:21px 19px 22px}
.jack-inline-cards article>span{display:inline-block;background:#d9f1fb;border:1px solid var(--ink);border-radius:99px;color:var(--blue-text);font-size:12px;font-weight:850;line-height:1.3;padding:4px 11px;margin-bottom:17px}
.jack-inline-cards h3{font-size:20px;letter-spacing:-.025em;margin-bottom:9px;line-height:1.45}
.jack-inline-cards p{font-size:14px;line-height:1.7;color:#425967;margin:0}
@media(max-width:1050px){.jack-inline-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jack-inline-cards article{min-height:175px}.jack-inline-intro{gap:29px}}
@media(max-width:650px){#jack{scroll-margin-top:66px}.topbar .brand>span{display:none}.topbar nav{gap:12px;white-space:nowrap}.jack-inline-inner{padding-block:49px 57px}.jack-inline-heading{margin-bottom:30px}.jack-inline-heading>span{font-size:11px}.jack-inline-heading h2{font-size:46px;margin-block:13px 10px}.jack-inline-heading p{font-size:15px}.jack-inline-intro{grid-template-columns:1fr;text-align:left;gap:23px;margin-bottom:29px}.jack-inline-portrait{width:180px;height:180px;margin-inline:auto;box-shadow:4px 5px 0 var(--ink)}.jack-inline-copy h3{font-size:23px;margin-bottom:11px}.jack-inline-copy p{font-size:15px;line-height:1.75}.jack-inline-cards{grid-template-columns:1fr;gap:14px}.jack-inline-cards article{min-height:0;padding:17px 19px 19px;box-shadow:4px 5px 0 var(--ink)}.jack-inline-cards article>span{margin-bottom:11px}.jack-inline-cards h3{font-size:19px;margin-bottom:6px}}
