.portfolio-list{display:grid;gap:26px;margin-top:30px}.portfolio-work{padding:30px;border:1px solid #d5e4ed;border-radius:24px;background:#fff;box-shadow:0 10px 30px #123d5607}.portfolio-meta{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.8rem;color:#5a7c91}.portfolio-service{padding:7px 13px;border-radius:40px;background:#edf5fa;font-weight:700;color:#315f7a}.portfolio-title{margin:18px 0 12px;font-size:clamp(1.35rem,3vw,2rem)}.portfolio-description{white-space:pre-line;max-width:860px;font-size:.96rem;line-height:1.75}.portfolio-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-photo-label{font-size:.74rem;letter-spacing:.12em;color:#426c85;margin:10px 0}.portfolio-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-photo{padding:0;border:0;background:#eaf3f8;border-radius:14px;overflow:hidden;cursor:zoom-in;min-height:44px;aspect-ratio:4/3}.portfolio-photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.portfolio-photo:hover img{transform:scale(1.025)}.portfolio-photo:focus-visible,.portfolio-link:focus-visible,.portfolio-play:focus-visible,.portfolio-close:focus-visible{outline:3px solid #3983a5;outline-offset:4px}.portfolio-photo-error{color:#4c7186;font:inherit}.portfolio-video{position:relative;margin-top:22px;max-width:720px}.portfolio-video h4{margin:0 0 10px}.portfolio-video video{width:100%;max-height:480px;background:#153e58;border-radius:14px;aspect-ratio:16/9;object-fit:contain}.portfolio-play{display:block;min-height:44px;margin-top:9px;border:1px solid #abc7d7;background:#edf6fa;padding:12px 18px;border-radius:30px;font:inherit;color:#153e58;cursor:pointer}.portfolio-link{display:inline-flex;align-items:center;min-height:46px;padding:11px 19px;margin-top:18px;border:1px solid #b3cbd9;border-radius:40px;font-size:.87rem;font-weight:650;color:#143d56}.portfolio-note{font-size:.9rem;line-height:1.65;margin:22px 0;color:#58758a}.portfolio-more{margin-top:24px;cursor:pointer}.portfolio-more[hidden]{display:none}.portfolio-lightbox{border:0;border-radius:18px;padding:14px;max-width:min(96vw,1200px);max-height:94dvh;color:#153e58;background:white;box-shadow:0 20px 80px #082c4b55}.portfolio-lightbox::backdrop{background:#09263cd9}.portfolio-lightbox img{max-width:100%;max-height:74dvh;object-fit:contain;margin:auto;border-radius:8px}.portfolio-lightbox p{font-size:.85rem;line-height:1.4;margin:12px 4px 4px}.portfolio-close{display:block;margin:0 0 12px auto;min-height:44px;padding:10px 15px;border:1px solid #b9ceda;border-radius:30px;background:#f0f6fa;color:#143d56;font:inherit;cursor:pointer}@media(max-width:720px){.portfolio-work{padding:18px;border-radius:20px}.portfolio-comparison{gap:12px}.portfolio-photos{grid-template-columns:1fr;gap:9px}.portfolio-meta{font-size:.72rem;gap:9px}.portfolio-title{margin-top:16px}.portfolio-description{font-size:.9rem}.portfolio-photo{border-radius:10px}.portfolio-lightbox{padding:10px}.portfolio-lightbox img{max-height:66dvh}}
.portfolio-has-works .cases-panel{display:block}.portfolio-has-works .case-pair,.portfolio-has-works .cases-panel>div>p{display:none}
.portfolio-video video[hidden]{display:none}.portfolio-play{display:grid;gap:10px;width:100%;max-width:720px;overflow:hidden;border-radius:14px;padding:0 0 13px}.portfolio-play img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px 13px 0 0}
.portfolio-comparison-single{grid-template-columns:1fr}

.portfolio-summary{display:block}