.p24-portfolio-intro{max-width:820px;margin-bottom:36px}.p24-portfolio-practice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#3559c7;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 17px}.p24-portfolio-practice i{font-style:normal;color:#b8c1cf}.p24-portfolio-intro h1{font-size:clamp(34px,4vw,58px);line-height:1.3;margin:12px 0 18px}.p24-portfolio-intro>p{color:var(--muted);line-height:1.9;font-size:17px}.p24-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.p24-portfolio-card{min-width:0;border:1px solid #e1e5ec;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #23344d06;transition:box-shadow .25s,border-color .25s}.p24-portfolio-card:hover{border-color:var(--tone);box-shadow:0 12px 35px #23344d13}.p24-portfolio-cover{position:relative;min-height:245px;display:flex;align-items:flex-end;padding:26px;color:white;overflow:hidden;isolation:isolate}.p24-portfolio-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .6s}.p24-portfolio-card:hover .p24-portfolio-cover>img{transform:scale(1.035)}.p24-cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101e32f2,#101e3230 80%);z-index:-2}.p24-portfolio-cover h2{font-size:clamp(23px,2.2vw,30px);line-height:1.55;margin:64px 0 0;max-width:95%;color:#fff}.p24-portfolio-symbol{position:absolute;inset-inline-start:25px;top:24px;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--tone);display:grid;place-items:center}.p24-portfolio-symbol svg{width:23px;height:23px}.p24-portfolio-index{position:absolute;inset-inline-end:25px;top:30px;font-size:14px;font-weight:700;color:#fff}.p24-portfolio-body{padding:25px}.p24-portfolio-body>p{color:#576170;line-height:1.9;margin:0 0 23px}.p24-portfolio-body h3{font-size:15px;font-weight:700;margin:0 0 14px;color:#283648}.p24-scope{padding:0;list-style:none;display:grid;gap:12px;margin:0 0 25px}.p24-scope li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.75}.p24-scope svg{color:var(--tone);width:16px;height:16px;flex:0 0 16px;margin-top:5px}.p24-contained-work{border-top:1px solid #e9ecf0;padding-top:22px}.p24-contained-work ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:0}.p24-contained-work li{font-size:12px;line-height:1.7;background:#f5f7fa;border:1px solid #e8ecf1;padding:7px 10px;border-radius:10px;max-width:100%;overflow-wrap:anywhere}.p24-portfolio-note{font-size:12px;color:#6c7683;line-height:1.9;margin:27px 0 0}.p24-portfolios{scroll-margin-top:100px}
@media(max-width:760px){.p24-portfolio-grid{grid-template-columns:1fr;gap:22px}.p24-portfolio-cover{min-height:230px;padding:23px}.p24-portfolio-body{padding:23px}.p24-portfolio-intro>p{font-size:15px}.p24-portfolio-practice{font-size:10px;gap:7px;letter-spacing:.05em}.p24-portfolio-cover h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.p24-portfolio-card,.p24-portfolio-cover>img{transition:none}.p24-portfolio-card:hover .p24-portfolio-cover>img{transform:none}}
@media print{.p24-portfolio-grid{display:block}.p24-portfolio-card{break-inside:avoid;margin-bottom:20px;box-shadow:none}.p24-portfolio-cover{print-color-adjust:exact}}