/* Real published-page captures. Each project keeps its own visual identity. */
.selected-projects{padding-bottom:56px}
.selected-projects .section-heading{margin-bottom:42px}
.project-list{display:grid;gap:52px}
.project-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:44px;align-items:center;padding-bottom:52px;border-bottom:1px solid var(--line)}
.project-visual{position:relative;display:block;min-width:0;padding:30px 56px 52px 24px;background:#d9ded3;border-radius:8px;isolation:isolate;transition:box-shadow .25s ease}
.project-visual:hover{box-shadow:0 0 0 2px #90a2d5}
.project-rekon .project-visual{background:#493c32}
.project-aleksander .project-visual{background:#202642}
.project-browser{display:block;overflow:hidden;border:1px solid #aeb6a8;border-radius:7px;box-shadow:0 14px 34px #0002;background:#f5f5f2}
.project-browser-bar{display:flex;align-items:center;gap:13px;min-height:27px;padding:5px 11px;background:#f5f5f2;border-bottom:1px solid #d5d8d2;color:#4c534b;font:8px/1.4 var(--mono)}
.project-browser-dots{display:flex;gap:4px;flex:none}
.project-browser-dots i{display:block;width:5px;height:5px;background:#a0a79b;border-radius:50%}
.project-browser-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-browser picture,.project-browser img{display:block;width:100%}
.project-browser img{height:auto;aspect-ratio:16/9}
.project-phone{position:absolute;right:17px;bottom:14px;display:block;width:23%;max-width:145px;overflow:hidden;background:#161820;border:6px solid #161820;border-radius:19px;box-shadow:0 12px 28px #0004}
.project-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844;border-radius:12px}
.project-copy{min-width:0}
.project-status{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 10px;border:1px solid #405f55;border-radius:4px;background:#172820;color:#b8e3cf;font:10px/1.7 var(--mono);margin-bottom:17px}
.project-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.project-status.pending{color:#f4d69d;border-color:#7d6943;background:#30271b}
.project-copy h3{font-size:clamp(25px,2.6vw,34px);letter-spacing:-.045em;line-height:1.15;overflow-wrap:anywhere}
.project-kind{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#aeb9c9;margin-top:10px}
.project-description{font-size:14px;line-height:1.85;margin-top:18px}
.project-features{list-style:none;padding:0;margin:19px 0 0;display:grid;gap:9px;font-size:12px;line-height:1.7;color:#c4cddd}
.project-features li{padding-left:16px;position:relative}
.project-features li::before{content:'+';position:absolute;left:0;top:0;color:#94b2ff}
.project-note,.project-credit{font-size:11px;line-height:1.8;color:#aeb9c9;margin-top:15px}
.project-credit a{text-decoration:underline;text-underline-offset:3px}
.project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;margin-top:21px;padding:10px 0;border-bottom:1px solid #7e91ba;color:#f7f8fc;font-size:13px;font-weight:600}
.project-link>span[aria-hidden]{font-size:20px;transition:transform .2s ease}
.project-link:hover>span[aria-hidden]{transform:translate(3px,-3px)}
.project-link .project-new-tab{font-size:10px;color:#aeb9c9;font-weight:400}
.projects-foot{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;margin-top:30px}
.projects-foot p{font-size:12px;line-height:1.85;color:#aeb9c9}
.projects-foot a{justify-self:end;min-height:44px;display:inline-flex;align-items:center;gap:18px;font-size:13px;color:#f7f8fc}
@media(max-width:1100px){.project-row{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.project-visual{padding:24px 42px 45px 18px}.project-phone{right:12px;width:24%;border-width:5px;border-radius:15px}.project-phone img{border-radius:10px}.project-description{font-size:13px}.project-features{font-size:11px}}
@media(max-width:800px){.project-list{gap:40px}.project-row{grid-template-columns:1fr;gap:26px;padding-bottom:40px}.project-copy{max-width:620px}.project-visual{padding:30px 64px 55px 30px}.project-phone{width:22%;right:22px;bottom:15px;max-width:155px;border-width:6px;border-radius:19px}.project-copy h3{font-size:30px}.project-description{font-size:14px}.project-features{font-size:13px}.project-note,.project-credit{font-size:12px}.projects-foot{gap:24px}}
@media(max-width:650px){.selected-projects{padding-bottom:30px}.selected-projects .section-heading{margin-bottom:28px}.project-list{gap:34px}.project-row{gap:23px;padding-bottom:34px}.project-visual{padding:22px 41px 40px 13px}.project-browser-bar{font-size:6px;gap:7px;min-height:21px;padding:5px 7px}.project-browser-dots{gap:3px}.project-browser-dots i{width:4px;height:4px}.project-phone{width:25%;right:8px;bottom:10px;border-width:4px;border-radius:13px}.project-phone img{border-radius:8px}.project-status{font-size:10px;margin-bottom:13px}.project-copy h3{font-size:28px}.project-kind{font-size:9px}.project-description{margin-top:14px}.project-features{margin-top:16px;font-size:12px}.project-link{width:100%;font-size:13px;margin-top:18px}.projects-foot{display:block;margin-top:24px}.projects-foot a{margin-top:14px}.projects-foot p{font-size:12px}.project-note,.project-credit{font-size:11px}}
@media(prefers-reduced-motion:reduce){.project-visual,.project-link>span[aria-hidden]{transition:none}.project-link:hover>span[aria-hidden]{transform:none}}
@media print{.project-row{display:block;break-inside:avoid}.project-visual{max-width:600px;margin-bottom:20px}.project-copy h3,.project-link,.projects-foot a{color:#17223a}.project-description,.project-features,.project-kind,.project-note,.project-credit,.projects-foot p{color:#39475c}.project-status{color:#244e37;background:#eef6ee}.project-status.pending{color:#594421;background:#fff8e8}}