.st-portfolio-hero{background:linear-gradient(120deg,#11243d,#214570);color:#d1def1;padding:36px 0 0}.st-portfolio-hero nav{display:flex;gap:12px;font-size:12px;margin-bottom:42px}.st-portfolio-hero nav a{color:#bdd8ff}.st-portfolio-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-bottom:44px}.st-portfolio-eyebrow{display:block;font:650 11px/1.5 var(--st-font);letter-spacing:.13em;text-transform:uppercase;color:#bdd8ff;margin-bottom:20px}.st-portfolio-intro h1{font-size:clamp(36px,4vw,56px);line-height:1.12;color:#fff;letter-spacing:-.04em;margin:0}.st-portfolio-intro h1 span{color:#bed9ff}.st-portfolio-intro p{font-size:16px;line-height:1.8;margin:0 0 18px}.st-portfolio-intro .st-portfolio-note{font-size:13px;color:#adc4e2}.st-portfolio-disciplines{display:flex;gap:36px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding:22px 0;font-size:12px}.st-portfolio-disciplines span:before{content:'↗';color:#9cc9ff;margin-right:12px}
body[data-st-portfolio]{background:#fff}body[data-st-portfolio] .main-content{width:min(1320px,calc(100% - 80px));max-width:none!important;padding:56px 0!important;border-bottom:1px solid #e1e8f2;font-family:var(--st-font)!important;scroll-margin-top:130px}body[data-st-portfolio] .section11-heading{flex-wrap:wrap;gap:16px!important;margin-bottom:28px!important}body[data-st-portfolio] .heading-dot{display:none}body[data-st-portfolio] .st-portfolio-category{font-size:30px!important;letter-spacing:-.035em!important;margin:0!important;flex:1;min-width:260px}body[data-st-portfolio] .filter-inner{gap:12px!important}body[data-st-portfolio] .filter-select-wrapper{width:210px!important}body[data-st-portfolio] .filter-select{height:44px!important;border:1px solid #ccd9eb!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;font:500 13px var(--st-font)!important;color:#243b5b!important}body[data-st-portfolio] .result-count{font-size:12px!important;color:#63748b;white-space:nowrap}
body[data-st-portfolio] .main-content>div[id]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}body[data-st-portfolio] .client-card1{background:#fff!important;padding:0!important;border:1px solid #dbe5f1!important;border-radius:14px!important;box-shadow:none!important;opacity:1!important;transform:none!important;transition:border-color .2s!important;min-width:0}body[data-st-portfolio] .client-card1:hover{border-color:#84abdf!important}body[data-st-portfolio] .client-card1[hidden],body[data-st-portfolio] .st-portfolio-empty[hidden]{display:none!important}body[data-st-portfolio] .card1-top-section11{height:auto!important;border-radius:0!important;background:#eff4fa!important;padding:20px!important;border-bottom:1px solid #e1e8f2}body[data-st-portfolio] .border-tab{display:none!important}body[data-st-portfolio] .card1-top-image{height:auto!important;aspect-ratio:16/10;width:100%!important}body[data-st-portfolio] .card1-top-image img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}body[data-st-portfolio] .card1-bottom-section11{padding:24px!important;margin:0!important}body[data-st-portfolio] .card1-client-name{font:650 19px/1.4 var(--st-font)!important;text-transform:none!important;letter-spacing:-.02em!important;text-align:left!important;color:#243b5b!important;margin-bottom:18px!important}body[data-st-portfolio] .card1-detail-row{align-items:flex-start!important;gap:12px!important;padding:8px 0!important}body[data-st-portfolio] .card1-detail-icon{background:#edf4ff!important;color:#326fba!important;flex-shrink:0;border-radius:7px!important}body[data-st-portfolio] .card1-detail-text{font:400 13px/1.55 var(--st-font)!important;color:#485d79!important;overflow-wrap:anywhere}body[data-st-portfolio] .card1-detail-label{font:600 10px/1.5 var(--st-font)!important;letter-spacing:.08em!important;color:#75859b!important;margin-bottom:3px}body[data-st-portfolio] .card1-divider{display:none!important}.st-portfolio-empty{grid-column:1/-1;padding:32px;background:#f3f7fc;border-radius:10px}
@media(max-width:1050px){body[data-st-portfolio] .main-content>div[id]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.st-portfolio-intro{gap:30px}body[data-st-portfolio] .filter-inner{width:100%}}
@media(max-width:700px){.st-portfolio-intro{grid-template-columns:1fr;gap:24px}.st-portfolio-hero nav{margin-bottom:28px}.st-portfolio-disciplines{gap:12px 20px}.st-portfolio-intro h1{font-size:36px}body[data-st-portfolio] .main-content{width:calc(100% - 40px);padding:36px 0!important}body[data-st-portfolio] .main-content>div[id]{grid-template-columns:1fr!important}body[data-st-portfolio] .st-portfolio-category{font-size:26px!important;min-width:0}body[data-st-portfolio] .filter-inner{flex-wrap:wrap}body[data-st-portfolio] .card1-bottom-section11{padding:20px!important}}
@media(prefers-reduced-motion:reduce){body[data-st-portfolio] .client-card1{transition:none!important}}
body[data-st-portfolio] .card1-top-section11{background:#f6f9fd!important}
body[data-st-portfolio] .card1-top-image{display:flex!important;align-items:center;justify-content:center;height:140px!important;aspect-ratio:auto!important}
body[data-st-portfolio] .card1-top-image img{width:auto!important;max-width:min(180px,100%)!important;height:auto!important;max-height:110px!important;object-fit:contain!important}
body[data-st-portfolio] .card1-detail-row{display:flex!important;gap:14px!important;padding:10px 0!important}
body[data-st-portfolio] .card1-detail-icon{display:flex!important;align-items:center;justify-content:center;width:35px!important;height:35px!important;font-size:14px!important;border-radius:9px!important}
body[data-st-portfolio] .card1-client-name{display:block!important}
body[data-st-portfolio] .card1-detail-label{display:block!important;text-transform:uppercase!important;font-size:11px!important;font-weight:500!important;letter-spacing:.06em!important;margin-bottom:4px!important}
body[data-st-portfolio] .card1-detail-text{display:block!important;flex:1;min-width:0;font-size:14px!important;line-height:1.6!important}

body[data-st-portfolio] .st-portfolio-more{margin:28px 0 0;text-align:center;color:#326fba;font:500 16px/1.6 var(--st-font)}
