.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px;display:grid}.portfolio-card{min-width:0}.portfolio-preview{aspect-ratio:auto;background:#e8eadd;border:1px solid #e2e4d8;padding:37px 48px 62px 28px;display:block;position:relative;overflow:hidden}.portfolio-preview-tiho{background:#e5e9e1}.portfolio-browser{border:1px solid #ffffffc0;border-radius:5px;width:100%;transition:transform .35s;position:relative;overflow:hidden;box-shadow:0 18px 40px #20221d18}.portfolio-browser-bar{letter-spacing:.04em;color:#858a7c;background:#fbfcf7;justify-content:space-between;align-items:center;gap:12px;height:26px;padding:0 12px;font-size:7px;display:flex}.portfolio-browser-dots{gap:4px;display:flex}.portfolio-browser-dots i{background:#c9cdbf;border-radius:50%;width:4px;height:4px}.portfolio-browser-bar>span:last-child{color:#7f8677;font-size:12px}.portfolio-screen{aspect-ratio:1.44;background:#171a1c;overflow:hidden}.portfolio-screen img{width:100%;height:auto;display:block}.portfolio-phone{background:#20221d;border:4px solid #20221d;border-radius:17px;width:20%;transition:transform .35s;position:absolute;bottom:65px;right:22px;overflow:hidden;transform:rotate(4deg);box-shadow:0 12px 28px #20221d28}.portfolio-phone img{width:100%;height:auto;display:block}.portfolio-phone>span{background:#20221d;border-radius:0 0 5px 5px;width:30%;height:7px;position:absolute;top:0;left:35%}.portfolio-preview-caption{letter-spacing:.09em;color:#777f6d;font-size:8px;position:absolute;bottom:25px;left:25px}.portfolio-open{color:var(--ink);align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;bottom:16px;right:22px}.portfolio-open>span{border:1px solid #aeb4a4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:21px;transition:background .2s,color .2s,border .2s;display:grid}.portfolio-preview:hover .portfolio-browser{transform:translateY(-4px)}.portfolio-preview:hover .portfolio-phone{transform:translateY(-4px)rotate(2deg)}.portfolio-preview:hover .portfolio-open>span{color:#fff;background:var(--blue);border-color:var(--blue)}.portfolio-meta{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.portfolio-category{color:var(--muted);margin:0 0 9px;font-size:10px}.portfolio-meta h3{letter-spacing:-.045em;margin:0;font-size:30px;font-weight:500;line-height:1.1}.portfolio-meta .concept-badge{white-space:nowrap;font-size:9px}.portfolio-description{color:#686b61;max-width:470px;margin:20px 0;font-size:12px;line-height:1.8}.portfolio-tags{margin-bottom:25px}.portfolio-page-links{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.portfolio-page-links a{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:18px 0;font-size:11px;transition:color .2s;display:flex}.portfolio-page-links a:first-child{border-right:1px solid var(--line);padding-right:20px}.portfolio-page-links a:last-child{padding-left:20px}.portfolio-page-links a>span{color:var(--blue);font-size:22px}.portfolio-page-links a:hover{color:var(--blue)}@media (max-width:1200px){.portfolio-preview{padding:32px 38px 60px 22px}.portfolio-grid{gap:25px}.portfolio-preview-caption{font-size:7px;left:22px}.portfolio-open{gap:9px;font-size:9px}.portfolio-open>span{width:29px;height:29px}.portfolio-description{font-size:12px}.portfolio-phone{bottom:62px;right:18px}.main-nav{gap:20px}.site-header{gap:26px}}@media (max-width:850px) and (min-width:641px){.header-caption{display:none}.portfolio-preview{aspect-ratio:auto;padding:28px 30px 60px 18px}.portfolio-phone{border-width:3px;border-radius:13px;width:22%;bottom:62px;right:15px}.portfolio-preview-caption{max-width:100px;font-size:6px;line-height:1.7;bottom:25px;left:18px}.portfolio-open{font-size:9px;right:15px}.portfolio-page-links a{padding-block:16px;font-size:10px}.portfolio-page-links a:first-child{padding-right:12px}.portfolio-page-links a:last-child{padding-left:12px}.portfolio-meta h3{font-size:27px}.portfolio-meta .concept-badge{padding:6px 8px;font-size:8px}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr;gap:40px}.portfolio-preview{aspect-ratio:auto;padding:27px 36px 57px 18px}.portfolio-browser-bar{height:22px;padding-inline:9px;font-size:6px}.portfolio-phone{border-width:3px;border-radius:13px;width:21%;bottom:56px;right:15px}.portfolio-phone>span{height:5px}.portfolio-preview-caption{font-size:6px;bottom:22px;left:18px}.portfolio-open{gap:10px;font-size:9px;bottom:12px;right:15px}.portfolio-open>span{width:30px;height:30px;font-size:20px}.portfolio-meta{gap:14px;margin-top:20px}.portfolio-meta h3{font-size:29px}.portfolio-category{margin-bottom:8px;font-size:10px}.portfolio-description{margin:17px 0;font-size:12px}.portfolio-tags{margin-bottom:22px}.portfolio-page-links a{min-height:55px;padding-block:18px;font-size:10px}.portfolio-page-links a:first-child{padding-right:15px}.portfolio-page-links a:last-child{padding-left:15px}.portfolio-meta .concept-badge{font-size:8px}.portfolio .concept-disclaimer{font-size:10px}.site-header{gap:12px}.main-nav{gap:25px}}