/* Comfortable reading sizes and an introduction led by the developer. */
html body{font-size:17px;line-height:1.8}body .nav-links{font-size:15px;gap:23px}body .account-nav{font-size:14px}body .button{font-size:16px}body .button.small{font-size:14px}body .eyebrow{font-size:13px}body .jp-pill{font-size:14px}.jp-intro{font-size:18px;line-height:1.9}.jp-heading>p{font-size:16px}.jp-about p,.jp-contact p,.jp-project-copy>p:not(.jp-category),.jp-site .faq-list details p,.case-description{font-size:16px}.jp-facts{font-size:14px}.jp-skills strong{font-size:14px}.jp-project-copy .jp-category{font-size:13px}.jp-project-copy .text-link{font-size:15px}.jp-footer-grid,.jp-footer-grid p{font-size:14px}.jp-site .faq-list summary{font-size:16px}.jp-home .jp-service p{font-size:15px}.jp-home .jp-service h3{font-size:20px}.jp-home .jp-service{padding:23px}.jp-values span{font-size:13px}.jp-values strong{font-size:24px}.jp-home .jp-hero{grid-template-columns:1.15fr .85fr;gap:64px;padding-block:40px 32px}.jp-home .jp-hero h1{font-size:clamp(34px,3.6vw,54px)}.jp-home .jp-services{padding-block:24px 44px}.jp-home .jp-services h2{font-size:28px}.jp-home{min-height:0}.jp-home .jp-hero-band{display:block}.jp-site main #about,.jp-site main #skills,.jp-site main #projects,.jp-site main #contact,.jp-site main #faq{min-height:0}.jp-about{padding-block:64px}.jp-site main #skills,.jp-site main #contact{padding-block:64px}.jp-site main #projects>.jp-section{padding-block:64px}.jp-site main #skills .jp-skills{margin:12px 0 0}.jp-site main #skills .jp-skills>div{min-height:112px}.jp-site main #faq{padding-block:64px}.jp-heading{margin-bottom:26px}
@media(max-width:1100px){.jp-home .jp-hero{gap:35px}.jp-home .jp-hero h1{font-size:40px}.jp-home .jp-service{padding:18px}.jp-home .jp-service p{font-size:14px}.jp-home .jp-service h3{font-size:18px}.jp-about{gap:28px}}
@media(max-width:760px){html body{font-size:16px}body .nav-links{font-size:14px;gap:19px}body .account-nav{font-size:12px}body .button{font-size:15px}.jp-home .jp-hero{grid-template-columns:1fr;gap:28px;padding-block:28px}.jp-home .jp-hero h1{font-size:clamp(31px,8vw,44px)}.jp-intro{font-size:16px}.jp-values strong{font-size:20px}.jp-values span{font-size:12px}.merlin-portrait-art{justify-self:center;max-width:390px}.portrait-art-image{height:290px}.portrait-art-caption{padding:17px 20px}.portrait-art-caption strong{font-size:19px}.jp-home .jp-services{padding-block:15px 38px}.jp-home .jp-services h2{font-size:25px}.jp-home .jp-services .jp-heading p{font-size:14px}.jp-home .jp-service p{font-size:15px}.jp-home .jp-service{padding:21px}.jp-home .jp-service h3{font-size:19px}.jp-about,.jp-site main #skills,.jp-site main #contact,.jp-site main #projects>.jp-section,.jp-site main #faq{padding-block:40px}.jp-facts{font-size:14px}.jp-about p,.jp-contact p,.jp-project-copy>p:not(.jp-category),.case-description{font-size:16px}.jp-skills strong{font-size:13px}.jp-footer-grid{gap:25px}.jp-footer-grid p{font-size:14px}}

/* Quiet introduction: intentional whitespace, no portrait or project preview. */
.jp-home .jp-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,72px);padding-block:clamp(40px,6vw,76px);min-height:420px}.jp-home .jp-hero>div:first-child{max-width:680px}.merlin-hero-space{align-self:stretch;min-height:260px}.jp-home .jp-services{padding-block:24px 48px}.jp-about,.jp-site main #skills,.jp-site main #contact,.jp-site main #projects>.jp-section,.jp-site main #faq{padding-block:clamp(44px,5vw,72px)}.jp-site main #about,.jp-site main #skills,.jp-site main #projects,.jp-site main #contact,.jp-site main #faq{min-height:0}.jp-heading{gap:24px}.jp-site main>section+section{border-top:1px solid var(--line)}
@media(max-width:760px){.jp-home .jp-hero{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-block:36px 28px}.merlin-hero-space{display:none}.jp-home .jp-services{padding-block:16px 36px}.jp-about,.jp-site main #skills,.jp-site main #contact,.jp-site main #projects>.jp-section,.jp-site main #faq{padding-block:40px}}