.portfolio-page{color:#ecf6ff;background:radial-gradient(at 85% -18%,#1a4d6e,#0000 46%),#081b2b;min-height:100vh;padding-top:128px}.portfolio-shell{width:min(1510px,100%);margin:auto;padding:35px 24px 90px}.portfolio-eyebrow{color:#65d4dd;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:800}.portfolio-page h1{letter-spacing:-.064em;margin:17px 0 18px;font-size:clamp(2.7rem,5.6vw,5.7rem);line-height:1.02}.portfolio-toolbar,.portfolio-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portfolio-toolbar{margin:38px 0 29px}.portfolio-toolbar button,.portfolio-search input{color:#d8edf7;background:#15384e;border:1px solid #35586f;border-radius:100px;padding:13px 21px;font-size:13px;font-weight:650}.portfolio-toolbar button{cursor:pointer}.portfolio-toolbar button:hover{border-color:#6cd5dd}.portfolio-filters button[aria-pressed=true]{color:#073441;background:#59ced6;border-color:#59ced6}.portfolio-search{flex:0 290px;margin-left:auto}.portfolio-search input{background:#102d42;width:100%}.portfolio-search input::placeholder{color:#a1bdcd}.portfolio-page :focus-visible{outline-offset:4px;outline:3px solid #65d4dd}.portfolio-results{color:#a1bdcd;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:12px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.portfolio-card{color:#263d54;cursor:pointer;text-align:left;background:#fff;border:0;border-radius:21px;width:100%;min-width:0;min-height:350px;padding:0;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 34px #00101f45}:is(.portfolio-card:hover,.portfolio-card:focus-visible){transform:translateY(-4px);box-shadow:0 24px 44px #00101f70}.portfolio-card-head{color:#627c8f;justify-content:space-between;gap:10px;padding:22px 23px 10px;font-size:10px;display:flex}.portfolio-card-head>:first-child{text-transform:uppercase;letter-spacing:.1em;font-weight:800}.portfolio-card-head>:last-child{text-align:right}.portfolio-logo{justify-content:center;align-items:center;height:208px;padding:18px;display:flex}.portfolio-logo img{object-fit:contain;width:100%;height:auto;max-height:184px}.portfolio-card-bottom{border-top:1px solid #e8eef3;justify-content:space-between;align-items:center;gap:10px;min-height:83px;margin:0 23px;padding:18px 0;display:flex}.portfolio-card-bottom strong{max-width:60%;font-size:14px;line-height:1.3}.portfolio-card-bottom>span{color:#50768c;white-space:nowrap;font-size:11px}.portfolio-hover{color:#fff;border-top:5px solid var(--product-accent);opacity:0;pointer-events:none;background:linear-gradient(145deg,#092d44,#0a2032 83%);flex-direction:column;gap:12px;padding:25px 27px 22px;transition:opacity .24s,transform .24s;display:flex;position:absolute;inset:0;transform:translateY(17px)}:is(.portfolio-card:hover .portfolio-hover,.portfolio-card:focus-visible .portfolio-hover){opacity:1;transform:translateY(0)}.portfolio-hover .portfolio-eyebrow{font-size:10px}.portfolio-hover>strong{font-size:19px;line-height:1.18}.portfolio-hover>span:not(.portfolio-eyebrow){color:#cfdfe9;font-size:12px;line-height:1.4}.portfolio-preview-features{gap:7px;display:grid}.portfolio-hover-cta{margin-top:auto;font-weight:750}.dark-cards .portfolio-card{color:#ecf6ff;background:#102d42}.dark-cards .portfolio-card-head,.dark-cards .portfolio-card-bottom>span{color:#a1bdcd}.dark-cards .portfolio-card-bottom{border-color:#35586f}.portfolio-empty{color:#b2cbda;padding:50px 0}.portfolio-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-dialog{color:#263d54;background:#fff;border:0;border-radius:24px;width:min(800px,100% - 32px);max-height:88dvh;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto}.portfolio-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031322d9}.portfolio-modal-inner{padding:30px 38px}.portfolio-close{color:#40576d;cursor:pointer;background:#f5f8fa;border:1px solid #dae5ea;border-radius:50%;width:38px;height:38px;margin:0 0 12px auto;font-size:25px;display:block}.portfolio-modal-top{align-items:center;gap:23px;margin-bottom:24px;display:flex}.portfolio-modal-top>img{object-fit:contain;background:#eff6fa;border-radius:20px;width:110px;height:110px;padding:11px}.portfolio-modal-top .portfolio-eyebrow{color:#176b83;font-size:11px}.portfolio-modal-top h2{overflow-wrap:anywhere;margin-bottom:8px;font-size:clamp(25px,3.6vw,36px);line-height:1.1}.portfolio-modal-top p:last-child{color:#516b80;margin:0}.portfolio-modal-summary{border-block:1px solid #e4ecf1;padding:20px 0;line-height:1.65}.portfolio-dialog h3{letter-spacing:.14em;text-transform:uppercase;color:#2d6b83;margin:25px 0 14px;font-size:12px}.portfolio-features{grid-template-columns:1fr 1fr;gap:13px;padding:0;list-style:none;display:grid}.portfolio-features li{background:#f1f7fa;border-radius:13px;padding:16px;font-size:13px;line-height:1.4}.portfolio-features li:before{content:"✓ ";color:#087977;font-weight:800}.portfolio-modal-pair{grid-template-columns:1fr 1fr;gap:16px;margin-top:23px;display:grid}.portfolio-modal-pair>div{background:#f7fafc;border:1px solid #e2ebf1;border-radius:13px;padding:17px}.portfolio-modal-pair h3{margin-top:0}.portfolio-modal-pair p{margin:0;font-size:13px;line-height:1.55}.portfolio-modal-note{color:#60798b;margin-top:20px;font-size:11px}.portfolio-done{color:#fff;cursor:pointer;background:#123c56;border:0;border-radius:12px;padding:13px 24px;font-weight:700}@media (max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:730px){.portfolio-page{padding-top:95px}.portfolio-shell{padding:35px 16px 60px}.portfolio-grid{grid-template-columns:1fr}.portfolio-toolbar{gap:10px}.portfolio-toolbar button{padding:11px 14px;font-size:11px}.portfolio-search{flex:100%;order:2}.portfolio-modal-inner{padding:20px}.portfolio-modal-top{gap:14px}.portfolio-modal-top>img{width:70px;height:70px}.portfolio-features,.portfolio-modal-pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.portfolio-card,.portfolio-hover{transition:none}}
