html{scroll-behavior:smooth}
.pj-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:1400px;margin:0 auto}
@media(min-width:768px){.pj-grid{grid-template-columns:1fr 1fr;gap:28px}}
.pj-img{transition:transform .6s cubic-bezier(.25,.1,.25,1)}
.pj-card:hover .pj-img{transform:scale(1.04)}
.hero-title{font-size:12.2vw}
@media(min-width:640px){.hero-title{font-size:12.6vw}}
.hero-portrait{width:230px}
@media(min-width:640px){.hero-portrait{width:300px}}
@media(min-width:768px){.hero-portrait{width:340px}}
@media(min-width:1024px){.hero-portrait{width:min(460px,56vh)}}
.self-start{align-self:flex-start}.normal-case{text-transform:none}.block{display:block}.px-0{padding-left:0;padding-right:0}
.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.pt-16{padding-top:4rem}.pt-8{padding-top:2rem}.pb-24{padding-bottom:6rem}.gap-2{gap:.5rem}
.border-t{border-top-width:1px}.rounded-\[30px\]{border-radius:30px}.max-w-\[620px\]{max-width:620px}.max-w-\[560px\]{max-width:560px}.border-\[\#D7E2EA\]{border-color:#D7E2EA}
@media(min-width:640px){.sm\:self-auto{align-self:auto}.sm\:mt-16{margin-top:4rem}.sm\:gap-6{gap:1.5rem}.sm\:rounded-\[40px\]{border-radius:40px}}
@media(min-width:768px){.md\:pt-32{padding-top:8rem}.md\:gap-14{gap:3.5rem}.md\:max-w-\[280px\]{max-width:280px}.md\:rounded-\[50px\]{border-radius:50px}}
section a.shrink-0:hover{transform:scale(1.03)}