.portfolio-cases{display:flex;flex-direction:column;gap:64px;width:100%;min-width:0}
.portfolio-case{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.65fr);gap:48px;align-items:start;border-top:0;padding-top:40px;min-width:0}
.portfolio-case-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.portfolio-case h2{font-size:36px;line-height:1.12;margin:0;color:#111}
.portfolio-case h2 a{color:inherit;text-decoration:none}
.portfolio-case-subtitle{font-size:18px;line-height:1.5;margin:20px 0 28px;color:#555}
.portfolio-case dl{width:100%;margin:0 0 32px;font-size:16px;line-height:1.5}
.portfolio-case dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #e5e5e5}
.portfolio-case dt{color:#888}.portfolio-case dd{margin:0;color:#111}
.portfolio-case-link{display:flex;gap:48px;align-items:center;justify-content:space-between;background:#f4f4f4;border-radius:12px;padding:14px 20px;font-size:16px;color:#111;text-decoration:none;transition:background .2s}
.portfolio-case-link:hover{background:#e9e9e9}.portfolio-case-link:focus-visible,.portfolio-case-image:focus-visible,.portfolio-case h2 a:focus-visible{outline:2px solid #3039cc;outline-offset:5px}
.portfolio-case-image{display:block;min-width:0;width:100%;border-radius:20px;overflow:hidden;background:#f4f4f4}
.portfolio-case-image img{display:block;width:100%;height:auto;max-width:100%}
@media(max-width:1000px) and (min-width:768px){.portfolio-case{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.portfolio-case h2{font-size:30px}}
@media(max-width:767px){.portfolio-cases{gap:48px}.portfolio-case{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:28px}.portfolio-case h2{font-size:30px}.portfolio-case-subtitle{margin:16px 0 24px}.portfolio-case dl{margin-bottom:24px}.portfolio-case-image{border-radius:20px}}
.older-projects{width:100%;min-width:0;margin-top:40px}
.older-projects>h2{margin:0 0 32px;font-size:36px;line-height:1.2;color:#111}
.older-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.older-project{min-width:0}.older-project a{display:block;color:#111;text-decoration:none;border-radius:20px}
.older-project img{display:block;width:100%;height:auto;max-width:100%;border-radius:20px;background:#f4f4f4}
.older-project-meta{font-size:14px;line-height:1.5;color:#888;margin:16px 0 8px}
.older-project h3{display:flex;justify-content:space-between;gap:16px;margin:0;font-size:24px;line-height:1.25}
.older-project h3 span{flex:none}.older-project a:hover h3{color:#666}.older-project a:focus-visible{outline:2px solid #3039cc;outline-offset:6px}
@media(max-width:767px){.older-projects{margin-top:16px}.older-projects>h2{font-size:30px;margin-bottom:24px}.older-project-grid{grid-template-columns:minmax(0,1fr);gap:32px}}