.portfolio{padding-bottom:64px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:42px;align-items:start}.project-card{min-width:0}.project-preview{display:block;background:#f2f4f8;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.project-preview:hover{border-color:#a9b4da;box-shadow:0 14px 35px #141b2b12}.project-browser{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;font-size:11px;color:var(--muted);background:#f7f8fb;border-bottom:1px solid var(--line)}.browser-dots{display:flex;gap:5px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#c4cbd7}.project-preview img{display:block;width:100%;height:auto}.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fff;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.project-copy{padding:25px 2px 0}.project-kind{font-size:10px;letter-spacing:.09em;font-weight:700;color:var(--blue);margin:0 0 10px}.project-copy h3{font-size:29px;letter-spacing:-.035em;line-height:1.2}.project-summary{font-size:16px;font-weight:600;line-height:1.6;margin:17px 0 10px}.project-description{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}.project-tags li{border:1px solid var(--line);border-radius:30px;padding:5px 11px;font-size:11px;color:#4c5668;background:#fafbfc}.portfolio-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.portfolio-next p{font-size:20px;letter-spacing:-.02em;margin:0}@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:40px;margin-top:30px}.project-copy{padding-top:22px}.project-copy h3{font-size:26px}.portfolio-next{align-items:flex-start;flex-direction:column;gap:18px}.portfolio-next .button{width:100%;justify-content:space-between}.portfolio-next p{font-size:19px}.portfolio{padding-bottom:44px}}

/* Consistent preview windows keep both project stories aligned. */
.project-viewport{aspect-ratio:1.1;overflow:hidden;background:#f5f4ef}.project-viewport img{width:100%;height:auto;max-width:none}.project-card{display:flex;flex-direction:column}.project-summary{min-height:52px}.project-copy{padding:25px 8px 0}.project-preview:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.portfolio .section-head>div{max-width:680px}.portfolio .section-head>p{max-width:315px}.preview-caption{font-weight:500;color:var(--ink)}@media(max-width:760px){.project-summary{min-height:0}.project-copy{padding-left:0;padding-right:0}.project-viewport{aspect-ratio:1}.portfolio .section-head>p{max-width:100%}}

/* Preserve the complete desktop and mobile composition at every screen size. */
.project-preview-0 .project-viewport{background:#f0e5d6;display:flex;align-items:center;justify-content:center}
.project-preview-0 .project-viewport img{width:100%;height:100%;object-fit:contain;object-position:center}