.portfolio-page{color:#f4f8fb;background:#07111f;padding:clamp(2rem,5vw,4.5rem) 1rem}.portfolio-container{max-width:1200px;margin:auto}.portfolio-breadcrumbs{color:#a8bdce;flex-wrap:wrap;gap:.65rem;margin-bottom:2rem;font-size:.8rem;display:flex}.portfolio-breadcrumbs a{text-underline-offset:4px;text-decoration:underline}.portfolio-hero{max-width:960px;margin-bottom:2.5rem}.portfolio-eyebrow{color:#92e7c8;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;font-weight:800}.portfolio-hero h1{letter-spacing:-.045em;text-wrap:balance;margin:1rem 0;font-size:clamp(2rem,4.5vw,3.7rem);font-weight:800;line-height:1.12}.portfolio-lead{color:#beccda;max-width:74ch;font-size:1.05rem;line-height:1.8}.portfolio-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.5rem;display:flex}.portfolio-actions a,.portfolio-card-actions a,.portfolio-external{color:#b6edd7;align-items:center;gap:.5rem;min-height:44px;font-size:.85rem;font-weight:750;display:inline-flex}.portfolio-actions .cro-button{color:#06251d}.portfolio-page a svg{flex-shrink:0}.portfolio-page a:focus-visible,.portfolio-page button:focus-visible,.portfolio-page summary:focus-visible,.portfolio-search:focus-within{outline-offset:4px;outline:2px solid #b6edd7}.portfolio-page a:hover{text-underline-offset:4px;text-decoration:underline}.portfolio-answer{background:#0e2030;border-left:3px solid #6ee7b7;border-radius:0 1rem 1rem 0;gap:.5rem;margin-bottom:3rem;padding:1.25rem 1.5rem;display:grid}.portfolio-answer p,.portfolio-planning p,.portfolio-detail-grid p,.portfolio-faq p,.portfolio-cta p{color:#bbcbda;line-height:1.8}.portfolio-answer a,.portfolio-detail-grid a,.portfolio-empty button{color:#b6edd7;text-underline-offset:4px;text-decoration:underline}.portfolio-list{scroll-margin-top:7rem}.portfolio-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.portfolio-page h2{letter-spacing:-.025em;margin:.6rem 0 1rem;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:800;line-height:1.25}.portfolio-search{color:#a9cbbb;background:#0e2030;border:1px solid #355064;border-radius:.75rem;align-items:center;gap:.7rem;width:min(100%,360px);padding:.75rem 1rem;display:flex}.portfolio-search input{color:#f4f8fb;background:0 0;outline:0;width:100%;min-width:0;font-size:16px}.portfolio-search input::placeholder{color:#9fb3c6}.portfolio-filters{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;display:none}.portfolio-filters button{color:#ccdae5;border:1px solid #355064;border-radius:999px;min-height:44px;padding:.5rem .9rem;font-size:.8rem}.portfolio-filters [aria-pressed=true]{color:#08271d;background:#b6edd7;border-color:#b6edd7}.portfolio-count{color:#9fb5c7;margin-bottom:1rem;font-size:.8rem}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.portfolio-card{background:#0e1d2d;border:1px solid #2c4355;border-radius:1.1rem;flex-direction:column;min-width:0;transition:border-color .2s;display:flex;overflow:clip}.portfolio-card:hover{border-color:#79bda2}.portfolio-preview{background:#102332;min-width:0}.portfolio-browser-bar{color:#a9bbca;justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem 1rem;font-size:.7rem;display:flex}.portfolio-browser-bar>span:first-child{color:#65897e;white-space:nowrap;letter-spacing:.15em}.portfolio-browser-bar>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-browser-bar svg{flex-shrink:0}.portfolio-preview img{aspect-ratio:8/5;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.portfolio-preview-unavailable{aspect-ratio:8/5;color:#b7cddc;background:radial-gradient(circle,#183e3a,#0b1a29);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex}.portfolio-card-copy{flex-direction:column;flex:1;padding:clamp(1.1rem,2vw,1.65rem);display:flex}.portfolio-card h3{letter-spacing:-.025em;margin:.65rem 0;font-size:1.35rem;font-weight:800;line-height:1.35}.portfolio-card-copy>p:not(.portfolio-eyebrow){color:#b9cbd9;font-size:.9375rem;line-height:1.75}.portfolio-card-actions{border-top:1px solid #2c4355;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:auto;padding-top:.7rem;display:flex}.portfolio-card-copy>p:not(.portfolio-eyebrow){margin-bottom:1.25rem}.portfolio-preview--large{border:1px solid #2c4355;border-radius:1.1rem;overflow:clip}.portfolio-preview figcaption{color:#a8c0d0;padding:1rem;font-size:.8rem;line-height:1.7}.portfolio-detail-grid{gap:2rem;margin:3rem 0 1.5rem;display:grid}.portfolio-detail-grid h2:not(:first-child){margin-top:1.75rem}.portfolio-detail-grid h3{margin:1.5rem 0 .75rem;font-size:1rem;font-weight:800}.portfolio-detail-grid ul{color:#bbcbda;padding-left:1.2rem;line-height:1.8;list-style:outside}.portfolio-detail-grid li{margin-top:.5rem}.portfolio-detail-grid li a{align-items:center;gap:.4rem;min-height:44px;display:inline-flex}.portfolio-detail-grid aside{background:#0e2030;border:1px solid #2c4355;border-radius:1rem;padding:1.5rem}.portfolio-source{margin-top:1rem;font-size:.8rem}.portfolio-note{color:#a1b8c8;border-left:2px solid #648f81;padding:1rem;font-size:.8125rem;line-height:1.8}.portfolio-planning{border-block:1px solid #2c4355;margin-top:2rem;padding:2rem 0}.portfolio-faq{margin-top:3rem}.portfolio-faq details{border-bottom:1px solid #2c4355;padding:1rem 0}.portfolio-faq summary{cursor:pointer;min-height:44px;font-weight:750}.portfolio-faq p{max-width:85ch}.portfolio-cta{background:#102c2a;border:1px solid #3b6154;border-radius:1.25rem;gap:1.25rem;margin-top:3rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.portfolio-cta .cro-button{justify-self:start}.portfolio-empty{background:#0e2030;border-radius:1rem;padding:2rem}.portfolio-hero--showcase{align-items:center;gap:clamp(1.75rem,4vw,4rem);max-width:none;margin-bottom:2.5rem;display:grid}.portfolio-hero-copy{min-width:0}.portfolio-hero--showcase h1{text-wrap:initial;font-size:clamp(2.25rem,4.2vw,3.65rem);line-height:1.12}.portfolio-hero--showcase h1 span{color:#a4e6cc}.portfolio-hero--showcase .portfolio-lead{max-width:48ch;font-size:1rem}.portfolio-hero--showcase .portfolio-eyebrow{align-items:center;gap:.55rem;display:flex}.portfolio-status-dot{background:#78e6bc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #78e6bc15}.portfolio-hero-stats{border-top:1px solid #304553;flex-wrap:wrap;gap:1.25rem;margin-top:2rem;padding-top:1.25rem;display:flex}.portfolio-hero-stats>div{border-right:1px solid #304553;flex-direction:column-reverse;gap:.35rem;padding-right:1rem;display:flex}.portfolio-hero-stats>div:last-child{border:0;padding-right:0;display:none}.portfolio-hero-stats>div:nth-child(2){border-right:0}.portfolio-hero-stats dt{color:#a5b9c9;font-size:.7rem}.portfolio-hero-stats dd{letter-spacing:-.03em;font-size:1.5rem;font-weight:800;line-height:1.2}.portfolio-hero-stats>div:last-child dd{letter-spacing:0;font-size:.875rem}.portfolio-hero-art{background:#0b1823;border:1px solid #304a52;border-radius:1.4rem;min-width:0;animation:.75s ease-out both portfolio-reveal;position:relative;overflow:clip;box-shadow:0 24px 65px #0005}.portfolio-hero-art img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.portfolio-art-label{color:#b2e5d1;background:#0a201dea;border:1px solid #557367;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem .8rem;font-size:.7rem;display:inline-flex;position:absolute;top:1rem;left:1rem}.portfolio-hero-art figcaption{color:#a3b8c7;padding:.8rem 1rem;font-size:.7rem;line-height:1.6}.portfolio-answer--compact{background:#0d1b29;border:1px solid #304a52;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.portfolio-answer--compact>div{flex:460px}.portfolio-answer--compact p{margin-top:.4rem;font-size:.875rem}.portfolio-answer--compact>a{align-items:center;gap:.5rem;min-height:44px;font-size:.85rem;font-weight:750;display:inline-flex}.portfolio-filters button{align-items:center;gap:.6rem;display:inline-flex}.portfolio-filters button span{opacity:.7;font-size:.67rem}.portfolio-results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.portfolio-results-bar .portfolio-count{margin:0}.portfolio-type-filter{color:#b9ccdb;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.8rem;display:flex}.portfolio-type-filter select{color:#e3edf5;background:#0e2030;border:1px solid #355064;border-radius:.65rem;max-width:100%;min-height:44px;padding:.7rem;font-size:16px}.portfolio-type-filter select:focus-visible{outline-offset:3px;outline:2px solid #b6edd7}.portfolio-industry-select{margin-top:1.25rem}.portfolio-card-tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.portfolio-card-tags>span{color:#a5bac9;font-size:.68rem}.portfolio-source-excerpt{background:#0e2030;border-left:2px solid #76b79d;margin-top:2rem;padding:1rem 1.25rem}.portfolio-source-excerpt blockquote{color:#dbe8ee;margin:.65rem 0;font-size:1.05rem;line-height:1.7}.portfolio-source-excerpt>p:last-child{color:#a6bdce;font-size:.8rem}@keyframes portfolio-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=1000px){.portfolio-hero--showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.portfolio-hero-art img{aspect-ratio:1.12}.portfolio-hero--showcase .portfolio-actions{-moz-column-gap:1rem;column-gap:1rem}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-hero-art img{transition:transform .8s}.portfolio-hero-art:hover img{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.portfolio-hero-art{animation:none}}@media (width>=700px){.portfolio-page{padding-inline:2rem}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-filters{display:flex}.portfolio-industry-select{display:none}.portfolio-hero-stats>div:last-child{display:flex}.portfolio-hero-stats>div:nth-child(2){border-right:1px solid #304553}}@media (width>=1000px){.portfolio-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.portfolio-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media (prefers-reduced-motion:reduce){.portfolio-card{transition:none}}
