.portfolio-section{border-top:1px solid var(--line);padding-top:75px;padding-bottom:75px}
.portfolio-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:end;margin-bottom:42px}.portfolio-heading h2{max-width:750px}.portfolio-heading p{font-size:16px;line-height:1.9}.portfolio-heading .section-index{margin-bottom:20px}
.portfolio-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 22px}.portfolio-work{grid-column:span 2;min-width:0;color:var(--ink)}.portfolio-work:nth-child(1),.portfolio-work:nth-child(2),.portfolio-work:nth-child(6),.portfolio-work:nth-child(7){grid-column:span 3}
.portfolio-work figure{margin:0}.portfolio-work img{display:block;width:100%;height:auto;aspect-ratio:202/158;object-fit:cover;border-radius:20px;background:#f2f2f6;transition:filter .25s}.portfolio-work:hover img{filter:brightness(1.06)}.portfolio-work:focus-visible{outline:3px solid var(--blue);outline-offset:7px;border-radius:20px}.portfolio-work figcaption{display:flex;align-items:baseline;gap:12px;padding:15px 2px;font-size:15px;line-height:1.6}.portfolio-work figcaption>span:nth-child(2){flex:1}.portfolio-number{color:var(--purple);font-size:12px}
.portfolio-enroll{background:#f0ecfa;border:1px solid #e2d8f1;border-radius:24px;padding:35px;display:flex;align-items:center;gap:35px;justify-content:space-between;margin-top:35px}.portfolio-enroll h3{font-size:28px;max-width:720px}.portfolio-enroll p{margin-top:15px;max-width:720px}.portfolio-enroll .section-index{margin-bottom:14px}.portfolio-enroll .button{flex-shrink:0}.portfolio-enroll>div{min-width:0}
@media(max-width:900px){.portfolio-heading{grid-template-columns:1fr;gap:22px}.portfolio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-work,.portfolio-work:nth-child(n){grid-column:span 1}.portfolio-enroll{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.portfolio-section{padding-top:45px;padding-bottom:45px}.portfolio-mosaic{grid-template-columns:minmax(0,1fr);gap:22px}.portfolio-work img{border-radius:16px}.portfolio-work figcaption{font-size:15px;padding:12px 0}.portfolio-enroll{padding:24px}.portfolio-enroll h3{font-size:24px}.portfolio-enroll .button{width:100%;font-size:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.portfolio-work img{transition:none}}