.portfolio-page{color:#10233f}.portfolio-nav{max-width:1208px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.portfolio-nav .brand>span{font-size:14px}.portfolio-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:28px;background:#102b50;color:#fff;text-decoration:none;font-size:13px;font-weight:650;gap:12px}.portfolio-button--light{background:#fff;color:#102b50}.portfolio-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.portfolio-actions>a:not(.portfolio-button){color:#fff;text-decoration:none;font-size:14px}.portfolio-skip{position:absolute;left:16px;top:-80px;background:#fff;padding:16px;z-index:20}.portfolio-skip:focus{top:12px}.portfolio-page a:focus-visible{outline:3px solid #675cff;outline-offset:5px}.portfolio-meta{max-width:1160px;padding:32px 0;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-bottom:1px solid #dce5ed}.portfolio-meta span,.portfolio-label{display:block;color:#5468db;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.portfolio-meta strong{display:block;font-size:14px;margin-top:10px;line-height:1.5}.portfolio-section{max-width:1160px;margin:auto;padding:80px 0}.portfolio-section h2{font-size:clamp(34px,4.1vw,58px);line-height:1.03;letter-spacing:-.04em;margin:16px 0 26px}.portfolio-section p{font-size:16px;line-height:1.85;color:#576b85}.portfolio-story{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.portfolio-story h3{margin-top:0;font-size:19px}.portfolio-story h3:not(:first-child){margin-top:32px}.portfolio-lead{max-width:750px}.portfolio-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 44px;margin-top:40px}.portfolio-feature-grid article{border-top:1px solid #cbd8e6;padding-top:24px}.portfolio-feature-grid h3{font-size:19px;line-height:1.35;margin:0 0 12px}.portfolio-feature-grid p{font-size:14px;margin:0}.portfolio-shot{max-width:1160px;margin:0 auto;background:#f0f6fa;border:1px solid #dce5ed;border-radius:16px;overflow:hidden}.portfolio-shot img{display:block;width:100%;height:auto}.portfolio-shot figcaption{padding:18px 24px;color:#526782;font-size:13px;line-height:1.6}.portfolio-dark{max-width:none;background:#0b1e39;padding-left:max(24px,calc((100vw - 1160px)/2));padding-right:max(24px,calc((100vw - 1160px)/2));color:#fff;margin-bottom:80px}.portfolio-dark p{color:#c1cfdf}.portfolio-dark .portfolio-label{color:#a1c9ff}.portfolio-dark article{border-color:#3a4c65}.portfolio-demo-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.portfolio-demo-links a{border:1px solid #d3dfed;border-radius:14px;padding:22px;color:#102b50;text-decoration:none;font-size:14px;font-weight:650}.portfolio-demo-links a:hover{background:#eef5fc}.portfolio-note{font-size:13px!important;max-width:760px}.portfolio-page footer a{color:#102b50;font-size:14px}.portfolio-result{padding-bottom:100px}@media (max-width:1220px){.portfolio-section,.portfolio-meta,.portfolio-shot{margin-left:24px;margin-right:24px}.portfolio-dark{margin-left:0;margin-right:0}}@media (max-width:800px){.portfolio-meta{grid-template-columns:repeat(2,1fr)}.portfolio-story{grid-template-columns:1fr;gap:16px}.portfolio-feature-grid{grid-template-columns:1fr 1fr;gap:30px}.portfolio-demo-links{grid-template-columns:1fr 1fr}.portfolio-section{padding-top:56px;padding-bottom:56px}.portfolio-dark{margin-bottom:56px}}@media (max-width:500px){.portfolio-nav{padding:18px 20px;gap:14px}.portfolio-nav .brand small{display:none}.portfolio-nav .portfolio-button{font-size:11px;padding:12px 14px}.portfolio-feature-grid{grid-template-columns:1fr}.portfolio-actions{gap:18px;flex-wrap:wrap}.portfolio-meta{gap:24px 16px}.portfolio-meta strong{font-size:12px}.portfolio-section,.portfolio-meta,.portfolio-shot{margin-left:20px;margin-right:20px}.portfolio-dark{margin-left:0;margin-right:0}.portfolio-demo-links{grid-template-columns:1fr}.portfolio-shot figcaption{padding:16px;font-size:12px}.portfolio-page footer{gap:24px;flex-wrap:wrap}}