/* JP Studio: small brand details and an About block with actual studio information. */
.studio-layout{align-items:start}
.studio-title{display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--ink);box-shadow:none}
.studio-title h2{max-width:none;margin:0 0 28px;font-size:clamp(36px,4vw,62px)}
.studio-colophon{padding:28px;border-radius:18px;background:var(--ink);color:var(--paper);box-shadow:inset 0 1px 0 rgb(250 250 249 / 12%)}
.colophon-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.studio-title .colophon-head img{width:122px;max-width:42%;height:auto;margin:0;opacity:1}
.colophon-head span{font-size:11px;white-space:nowrap}
.colophon-location{font-size:12px;color:rgb(250 250 249 / 72%);margin-top:12px}
.studio-colophon ul{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid rgb(250 250 249 / 22%)}
.studio-colophon li{padding-block:15px;border-bottom:1px solid rgb(250 250 249 / 15%);font-size:14px;line-height:1.5}
.studio-colophon li:last-child{border:0;padding-bottom:0}
.studio-copy{padding-top:0}
.folio-front .folio-wordmark{width:clamp(75px,8vw,122px);max-width:45%;height:auto}
.case-copy{align-items:end}
.case-caption{min-width:0}
.case-type{margin-top:8px;color:rgb(255 255 255 / 78%);font-size:clamp(10px,1vw,13px);line-height:1.45}
.case-card::after{inset:57% 0 0;background:linear-gradient(transparent,rgb(0 0 0 / 76%))}
@media(max-width:1000px) and (min-width:761px){.studio-colophon{padding:22px}.colophon-head{gap:8px}.colophon-head span{font-size:10px}.studio-colophon li{font-size:13px}.case-copy{gap:8px}.case-type{font-size:10px}.case-action{font-size:10px}}
@media(max-width:760px){.studio-title{min-height:0;padding:0}.studio-title h2{margin-bottom:24px;font-size:40px}.studio-colophon{padding:24px}.studio-colophon ul{margin-top:20px}.colophon-head span{font-size:11px}.studio-title .colophon-head img{width:116px;margin:0}.studio-layout{gap:28px}.case-copy{gap:12px}.case-type{font-size:11px;max-width:28ch}.case-action{font-size:11px}}
@media(max-width:520px){.studio-title h2{font-size:36px}.studio-colophon{padding:22px}.studio-colophon li{font-size:13px;padding-block:14px}.folio-front .folio-wordmark{width:86px}.case-copy{inset:auto 18px 16px}.case-caption{max-width:72%}.case-type{font-size:10px;margin-top:6px}.case-action{font-size:11px}}
@media(min-width:521px) and (max-width:760px){.projects{grid-template-columns:1fr}}