/* Shared opening hierarchy: page name, Japanese label, editorial introduction. */
.portfolio-page .page-intro{padding-top:32px;color:var(--red)}
.portfolio-page .page-intro-title{font:700 clamp(86px,14vw,220px)/.95 var(--sans);letter-spacing:-.065em;margin:0;transform:none;overflow-wrap:normal}
.portfolio-page .page-intro-label{font:700 clamp(15px,1.55vw,24px)/1.7 var(--jp);letter-spacing:.025em;margin:26px 0 0}
.portfolio-page .page-intro-lead{font:800 clamp(25px,2.8vw,44px)/1.85 var(--jp);letter-spacing:-.035em;color:var(--red);max-width:34em;margin:100px 0 100px;text-wrap:pretty}
.portfolio-page .page-intro-lead p{margin:0;font:inherit}
.portfolio-page .page-intro-lead p+p{margin-top:1.2em}
.about-page .about-intro{margin-top:0;padding-top:60px;border-top:1px solid var(--line)}
@media(min-width:1800px){.service-page main,.archive-page main{max-width:1800px;margin-inline:auto}}
@media(max-width:700px){
 .portfolio-page .page-intro{padding-top:26px}
 .portfolio-page .page-intro-title{font-size:clamp(66px,16vw,112px);letter-spacing:-.065em}
 .portfolio-page .page-intro-label{font-size:14px;margin-top:20px;letter-spacing:0}
 .portfolio-page .page-intro-lead{font-size:clamp(22px,5.5vw,30px);line-height:1.9;letter-spacing:-.035em;margin:60px 0 64px}
 .portfolio-page .intro-break{display:none}
 .about-page .about-intro{padding-top:36px}
}