.case-grid{align-items:stretch}.case-card{display:flex!important;min-width:0;height:100%;flex-direction:column;padding:18px!important;overflow:hidden}.case-card .case-image,.case-card .case-art{width:100%;height:auto!important;aspect-ratio:16/10;margin:0 0 20px!important;border-radius:14px;overflow:hidden;flex:none}.case-card-real .case-image{background:#f3f5f8}.case-card-real .case-image img{display:block;width:100%;height:100%!important;max-width:none;object-fit:cover;object-position:center;transition:transform .45s ease}.case-card-real:hover .case-image img{transform:scale(1.025)}.case-card small{min-height:18px;margin-top:0!important}.case-card h3{min-height:3.1em;margin:12px 0 10px;line-height:1.18}.case-card p{min-height:2.8em;margin:0 0 18px;line-height:1.45}.case-card b{margin-top:auto;padding-top:4px}.case-card .case-art{padding:25px}
.portfolio-hero{max-width:1180px;margin:0 auto;padding:96px 24px 54px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:70px;align-items:center}.portfolio-hero h1{max-width:760px}.portfolio-hero-copy>p:not(.section-label){max-width:680px;font-size:1.17rem;line-height:1.75;color:#59647a}.portfolio-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.portfolio-meta span{padding:9px 13px;border:1px solid #dce3ee;border-radius:99px;background:#fff;color:#364055;font-size:.83rem;font-weight:700}.portfolio-hero-media{position:relative;padding:18px;border-radius:30px;background:linear-gradient(145deg,#eef3ff,#fff);box-shadow:0 25px 80px rgba(32,63,121,.12);overflow:hidden}.portfolio-hero-media img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;border-radius:18px}.portfolio-hero-media:after{content:"Real project";position:absolute;right:32px;bottom:30px;padding:8px 12px;border-radius:99px;background:#fff;color:#2357d7;font-size:.75rem;font-weight:800;box-shadow:0 8px 25px rgba(32,63,121,.18)}
.portfolio-summary{max-width:1180px;margin:24px auto 90px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-summary article{padding:30px;border:1px solid #e2e7f0;border-radius:22px;background:#fff}.portfolio-summary b{display:block;margin-bottom:14px;color:#2b63dc;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.portfolio-summary h2{margin:0 0 12px;font-size:1.3rem}.portfolio-summary p{margin:0;color:#647086;line-height:1.65}
.portfolio-feature{max-width:1180px;margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}.portfolio-feature img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;border-radius:26px;box-shadow:0 24px 70px rgba(35,52,84,.14)}.portfolio-feature h2{font-size:clamp(2rem,4vw,3.25rem)}.portfolio-feature p{color:#5f6a80;line-height:1.75}.portfolio-list{display:grid;gap:11px;margin-top:25px}.portfolio-list span{padding:13px 16px;border-radius:12px;background:#f4f7fc;color:#273249;font-weight:650}
.portfolio-gallery{max-width:1180px;margin:0 auto 100px;padding:0 24px}.portfolio-gallery-head{max-width:720px;margin-bottom:35px}.portfolio-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portfolio-shot{margin:0;padding:14px;border:1px solid #e3e8f1;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(37,54,85,.08)}.portfolio-shot:first-child{grid-column:1/-1}.portfolio-shot img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;border-radius:15px}.portfolio-shot figcaption{padding:13px 5px 3px;color:#667187;font-size:.86rem}.portfolio-disclosure{max-width:1132px;margin:0 auto 90px;padding:24px 28px;border-left:4px solid #2b63dc;border-radius:0 16px 16px 0;background:#f4f7fc;color:#58657b;line-height:1.65}.portfolio-disclosure strong{color:#253149}
@media(max-width:850px){.portfolio-hero,.portfolio-feature{grid-template-columns:1fr;gap:34px}.portfolio-hero{padding-top:66px}.portfolio-summary{grid-template-columns:1fr}.portfolio-feature{margin-bottom:74px}.portfolio-gallery-grid{grid-template-columns:1fr}.portfolio-shot:first-child{grid-column:auto}.case-card h3,.case-card p{min-height:0}}
@media(max-width:520px){.portfolio-hero{padding:48px 18px 38px}.portfolio-hero-media{padding:10px;border-radius:21px}.portfolio-summary,.portfolio-feature,.portfolio-gallery{padding-left:18px;padding-right:18px}.portfolio-summary article{padding:23px}.portfolio-gallery{margin-bottom:70px}.portfolio-shot{padding:8px;border-radius:17px}.portfolio-shot img{border-radius:11px}}