.article-layout.portfolio-layout{grid-template-columns:minmax(0,1fr)}
.portfolio-layout .page-content{max-width:none}
.portfolio-disclosure{max-width:920px;padding:22px 24px;border-left:4px solid var(--orange);background:#f1f0ec;color:#343432}
.portfolio-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:34px 0 28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.portfolio-toolbar button{appearance:none;border:1px solid #c8c6c0;background:#fff;color:var(--ink);padding:11px 15px;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.portfolio-toolbar button:hover,.portfolio-toolbar button:focus-visible{border-color:var(--ink);outline:none}
.portfolio-toolbar button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.portfolio-count{margin-left:auto;color:#6b6963;font-size:14px;white-space:nowrap}
.portfolio-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 70px}
.portfolio-case-grid>br{display:none}
.portfolio-case{min-width:0;background:#fff;border:1px solid #d9d7d1;box-shadow:0 14px 38px rgba(18,18,16,.07)}
.portfolio-case[hidden]{display:none!important}
.portfolio-case .before-after{margin:0}
.portfolio-case .ba-frame{aspect-ratio:16/9;overflow:hidden;background:#d7d6d1}
.portfolio-case .ba-frame:after{content:"";position:absolute;inset:0 auto 0 50%;width:1px;background:rgba(255,255,255,.75);pointer-events:none}
.portfolio-case .ba-frame img{display:block;width:100%;height:100%;object-fit:cover}
.portfolio-case-copy{padding:24px 24px 26px}
.portfolio-case-copy h3{margin:0 0 20px;font-size:clamp(21px,2vw,28px);line-height:1.08}
.portfolio-case-copy dl{display:grid;gap:13px;margin:0}
.portfolio-case-copy dl div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding-top:13px;border-top:1px solid #e3e1dc}
.portfolio-case-copy dt{margin:0;color:#77746d;font:700 11px/1.35 Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.portfolio-case-copy dd{margin:0;color:#363532;font-size:15px;line-height:1.5}
@media(max-width:860px){.portfolio-case-grid{grid-template-columns:1fr}.portfolio-count{width:100%;margin:5px 0 0}.portfolio-case-copy dl div{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:520px){.portfolio-toolbar{gap:8px}.portfolio-toolbar button{padding:10px 12px;font-size:11px}.portfolio-case-grid{gap:20px}.portfolio-case-copy{padding:20px}.portfolio-case-copy dl div{grid-template-columns:1fr;gap:5px}}