.portfolio-collection-section{color:#20253a;background:#f7f8fc;padding:78px 0 100px}.portfolio-collection-section .wrap{width:min(1240px,100% - 48px)}.portfolio-collection-intro{grid-template-columns:1fr minmax(250px,.6fr);align-items:end;gap:45px;margin-bottom:28px;display:grid}.portfolio-collection-intro h2{letter-spacing:-.052em;color:#172039;max-width:710px;margin:8px 0 0;font-size:clamp(31px,3.5vw,46px);font-weight:800;line-height:1.16}.portfolio-collection-intro>p{color:#5e6678;max-width:420px;margin:0;font-size:14px;line-height:1.8}.portfolio-collection-nav{border-bottom:1px solid #dce0e9;flex-wrap:wrap;gap:9px;margin-bottom:42px;padding-bottom:24px;display:flex}.portfolio-collection-nav a{color:#39435f;background:#fff;border:1px solid #dce0ee;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:12px;font-weight:750;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.portfolio-collection-nav a:hover{background:#ecedff;border-color:#b7baf4;transform:translateY(-2px)}.portfolio-collection-nav a span{color:#595ed5;font-size:11px}.portfolio-group{margin:0 0 68px;scroll-margin-top:110px}.portfolio-group-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:22px;display:flex}.portfolio-group-number{color:#5b57bb;letter-spacing:.15em;margin-bottom:9px;font-size:10px;font-weight:820;display:block}.portfolio-group-heading h3{letter-spacing:-.045em;color:#192139;margin:0;font-size:clamp(26px,2.7vw,35px);font-weight:790;line-height:1.15}.portfolio-group-count{color:#646a80;white-space:nowrap;padding-bottom:6px;font-size:12px;font-weight:710}.portfolio-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.portfolio-project-card{background:#fff;border:1px solid #e0e4ee;border-radius:17px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 9px 25px #1e28440b}.portfolio-project-card:hover{border-color:#bdc3e4;transform:translateY(-4px);box-shadow:0 19px 38px #1e28441a}.portfolio-project-preview{aspect-ratio:16/9;background:#e9edf5;position:relative;overflow:hidden}.portfolio-project-preview>img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s;display:block}.portfolio-project-card:hover .portfolio-project-preview>img{transform:scale(1.035)}.portfolio-project-kind{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b2546e8;border:1px solid #d3daff30;border-radius:7px;max-width:calc(100% - 24px);padding:7px 10px;font-size:10px;font-weight:780;line-height:1.3;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0002}.portfolio-preview-fallback{color:#f0f3ff;background:radial-gradient(circle at 70% 25%,#4f59ff3d,#0000 55%),linear-gradient(145deg,#283857,#131b2d);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.portfolio-preview-symbol{color:#e9dc7a;letter-spacing:-.07em;background:#c7be4a13;border:1px solid #c7be4a70;border-radius:17px;place-items:center;width:67px;height:67px;font-size:30px;font-weight:860;display:grid}.portfolio-preview-fallback>span:not(.portfolio-preview-symbol){letter-spacing:-.03em;font-size:18px;font-weight:780}.portfolio-preview-fallback small{color:#b0bfd5;font-size:10px}.portfolio-project-details{flex-direction:column;flex:1;padding:23px 22px 21px;display:flex}.portfolio-project-details h4{letter-spacing:-.038em;color:#21273a;overflow-wrap:anywhere;margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.23}.portfolio-project-details>p:not(.portfolio-project-detail-line){color:#4f586b;margin:0 0 16px;font-size:13px;line-height:1.65}.portfolio-project-detail-line{color:#626a7a;margin:0 0 19px;font-size:11px;line-height:1.7}.portfolio-project-tags{flex-wrap:wrap;gap:6px;margin:0 0 13px;display:flex}.portfolio-project-tags span{color:#475072;background:#f1f3fb;border:1px solid #e7e9f3;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:750;line-height:1.1}.portfolio-project-actions{border-top:1px solid #ebedf3;margin-top:auto;padding-top:15px}.portfolio-project-actions a{color:#3942be;align-items:center;gap:7px;font-size:12px;font-weight:790;display:inline-flex}.portfolio-project-actions a:hover{text-underline-offset:4px;text-decoration:underline}.portfolio-private-label{color:#59637a;font-size:11px;font-weight:710;line-height:1.6}.portfolio-source-note{color:#fff;background:#1b263f;border:1px solid #3b4664;border-radius:16px;align-items:flex-start;gap:15px;margin-top:10px;padding:23px 25px;display:flex}.portfolio-source-mark{color:#e4d972;background:#c7be4a25;border-radius:10px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.portfolio-source-note>div{flex:1}.portfolio-source-note strong{color:#fff;font-size:13px}.portfolio-source-note p{color:#c5cede;margin:7px 0 0;font-size:12px;line-height:1.7}.portfolio-source-note>a{color:#ebde81;white-space:nowrap;margin-top:4px;font-size:11px;font-weight:780}.portfolio-source-note>a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:1050px){.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-collection-intro{gap:20px}.portfolio-project-details{padding:21px 20px}}@media (max-width:650px){.portfolio-collection-section{padding:60px 0 75px}.portfolio-collection-section .wrap{width:calc(100% - 34px)}.portfolio-collection-intro{grid-template-columns:1fr;gap:13px;margin-bottom:24px}.portfolio-collection-intro h2{font-size:32px}.portfolio-collection-intro>p{font-size:13px}.portfolio-collection-nav{gap:8px;margin-bottom:37px}.portfolio-collection-nav a{padding:11px 12px;font-size:11px}.portfolio-group{margin-bottom:55px}.portfolio-group-heading h3{font-size:26px}.portfolio-project-grid{grid-template-columns:1fr;gap:14px}.portfolio-project-preview{aspect-ratio:16/9}.portfolio-project-details{padding:23px}.portfolio-project-details h4{font-size:21px}.portfolio-project-details>p:not(.portfolio-project-detail-line){font-size:14px}.portfolio-source-note{flex-wrap:wrap;gap:12px;padding:20px}.portfolio-source-note>div{flex:calc(100% - 47px)}.portfolio-source-note>a{margin-left:47px}}@media (prefers-reduced-motion:reduce){.portfolio-project-card,.portfolio-project-preview img,.portfolio-collection-nav a{transition:none!important;transform:none!important}}