/* Original 2D product icons, shared by the homepage and software catalogue. */
.alpia-brand-brainstorage{--product-color:#3f49c9}.alpia-brand-census{--product-color:#187461}.alpia-brand-minute-ceo{--product-color:#946130}.alpia-brand-war-room{--product-color:#6752a4}.alpia-brand-red-team{--product-color:#c8392d}.alpia-brand-agent-creator{--product-color:#176b92}.alpia-brand-distiller{--product-color:#263f46}.alpia-brand-shield{--product-color:#274c70}.alpia-brand-med{--product-color:#157d83}
.portfolio-library{padding-top:54px;padding-bottom:72px;background:#eceee6}
.portfolio-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px;margin-bottom:30px}
.portfolio-heading .eyebrow{color:var(--red-text);margin-bottom:23px}
.portfolio-heading h2{font-size:clamp(37px,4.7vw,70px);max-width:16ch;letter-spacing:-.055em;text-wrap:balance}
.portfolio-heading>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:43ch}
.portfolio-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.portfolio-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:28px;text-decoration:none;align-items:start;position:relative;padding:33px 0;border-top:1px solid #c6cdbf;min-width:0}
.portfolio-art{display:grid;place-items:center;width:112px;height:112px;margin-top:26px;border-radius:18px;background:color-mix(in srgb,var(--product-color) 6%,#f6f6f0);border:1px solid color-mix(in srgb,var(--product-color) 16%,#e4e8df)}
.portfolio-art .product-mark{width:77px;height:84px}
.portfolio-copy{min-width:0}
.portfolio-row-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font:9px/1.5 'SFMono-Regular',Consolas,monospace;margin-bottom:14px}
.portfolio-state{color:#75533d}
.portfolio-copy h3{margin-bottom:15px}
.portfolio-copy .product-wordmark{height:29px;width:auto;max-width:100%}
.portfolio-purpose{font-size:16px;line-height:1.3;letter-spacing:-.02em;color:var(--product-color);margin-bottom:10px}
.portfolio-description{font-size:13px;line-height:1.6;color:var(--muted);max-width:37ch}
.portfolio-link{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;margin-top:17px;min-height:28px}
.portfolio-link>span{font-size:23px;color:var(--product-color)}
.portfolio-row:hover .portfolio-link{text-decoration:underline}
.portfolio-row:hover{border-top-color:var(--product-color)}
.portfolio-row:focus-visible{outline:2px solid var(--product-color);outline-offset:6px}
.portfolio-catalog-intro{padding-top:40px;padding-bottom:42px}
.portfolio-catalog-intro .eyebrow{color:var(--red-text);margin:30px 0 20px}
.portfolio-catalog-intro h1{font-size:clamp(55px,7vw,104px);max-width:14ch}
.portfolio-catalog-intro p:last-child{font-size:19px;max-width:55ch;line-height:1.6;margin-top:25px;color:var(--muted)}
@media(max-width:1120px){
.portfolio-collection{column-gap:36px}
.portfolio-row{grid-template-columns:92px minmax(0,1fr);gap:22px}
.portfolio-art{width:92px;height:92px;border-radius:15px}
.portfolio-art .product-mark{width:64px;height:70px}
.portfolio-copy .product-wordmark{height:25px}
.portfolio-heading{gap:35px}
}
@media(max-width:760px){
.portfolio-library{padding-top:38px;padding-bottom:43px}
.portfolio-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}
.portfolio-heading h2{font-size:44px;max-width:18ch}
.portfolio-heading .eyebrow{margin-bottom:18px}
.portfolio-heading>p{font-size:15px}
.portfolio-collection{grid-template-columns:1fr}
.portfolio-row{grid-template-columns:92px minmax(0,1fr);padding:27px 0;gap:23px}
.portfolio-copy .product-wordmark{height:27px}
.portfolio-purpose{font-size:16px}
.portfolio-link{font-size:12px}
.portfolio-catalog-intro{padding-top:27px;padding-bottom:34px}
.portfolio-catalog-intro h1{font-size:56px}
.portfolio-catalog-intro p:last-child{font-size:17px}
}
@media(max-width:400px){
.portfolio-row{grid-template-columns:76px minmax(0,1fr);gap:18px}
.portfolio-art{width:76px;height:76px;border-radius:13px}
.portfolio-art .product-mark{width:52px;height:57px}
.portfolio-copy .product-wordmark{height:23px}
.portfolio-purpose{font-size:15px}
.portfolio-description{font-size:12px}
.portfolio-heading h2{font-size:38px}
}