.brand-portfolio .nw-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;min-height:268px;background:#f1f7fb;border:1px solid #c9dfed;border-radius:11px}
.brand-portfolio .nw-feature-mark{display:flex;align-items:center;justify-content:center;padding:36px 34px;background:#e6f2fa;border-right:1px solid #c9dfed}
.brand-portfolio .nw-feature-mark img{width:min(100%,350px);height:auto;max-height:140px;object-fit:contain}
.brand-portfolio .nw-feature-content{padding:36px 46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.brand-portfolio .nw-card-kicker{color:#076ba6;font-size:10px;font-weight:700;letter-spacing:.14em;margin-bottom:10px}
.brand-portfolio .nw-feature-content h4{font-size:30px;letter-spacing:-.04em;font-weight:550;line-height:1.2;margin:0 0 12px;color:#183449}
.brand-portfolio .nw-feature-content p{font-size:16px;color:#345368;line-height:1.65;max-width:500px;margin:0 0 23px}
.brand-portfolio .nw-button{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;min-height:49px;border:1px solid var(--nw-accent,#076ba6);border-radius:5px;background:var(--nw-accent,#076ba6);color:#fff;font-size:14px;font-weight:700;line-height:1.25;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.brand-portfolio .nw-button:hover{transform:translateY(-2px);background:var(--nw-dark,#174c74);border-color:var(--nw-dark,#174c74);color:#fff}
.brand-portfolio .nw-button:focus-visible{outline:3px solid #e2554e;outline-offset:4px}
.brand-portfolio .nw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.brand-portfolio .nw-card{--nw-accent:#6955c6;--nw-dark:#5543a4;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:323px;padding:29px 28px 28px;border-radius:10px;border:1px solid var(--nw-border);background:var(--nw-paper);color:var(--nw-text)}
.brand-portfolio .nw-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--nw-accent)}
.brand-portfolio .nw-card-lip{--nw-paper:#fffdf7;--nw-border:#e8dff4;--nw-text:#282333;--nw-accent:#6955c6;--nw-dark:#5241a8}
.brand-portfolio .nw-card-lip:before{background:linear-gradient(90deg,#e1554e 0 14.28%,#f59e3b 14.28% 28.56%,#d4c136 28.56% 42.84%,#2b9c6a 42.84% 57.12%,#3b82f6 57.12% 71.4%,#6366f1 71.4% 85.68%,#a855f7 85.68% 100%)}
.brand-portfolio .nw-card-tai{--nw-paper:#f2f8f2;--nw-border:#d7e9dc;--nw-text:#102e29;--nw-accent:#0e7157;--nw-dark:#0a563f}
.brand-portfolio .nw-card-jpr{--nw-paper:#faf7f0;--nw-border:#e7ddcf;--nw-text:#243a8f;--nw-accent:#b94329;--nw-dark:#9e3825}
.brand-portfolio .nw-brand{display:flex;align-items:center;min-height:84px;max-width:100%;margin:8px 0 23px;font-weight:650;color:var(--nw-text);line-height:1.08}
.brand-portfolio .nw-brand-lip{gap:12px}
.brand-portfolio .nw-brand-lip svg{width:69px;height:69px;flex:none}
.brand-portfolio .nw-lip-word{display:flex;flex-direction:column;font-size:clamp(23px,2.1vw,29px);font-weight:750;letter-spacing:-.06em;line-height:1}
.brand-portfolio .nw-lip-word small{font-size:clamp(13px,1.15vw,16px);font-weight:650;letter-spacing:-.02em;margin-top:5px}
.brand-portfolio .nw-brand-tai{gap:.27em;align-items:center;font-size:clamp(23px,2.1vw,29px);letter-spacing:-.065em;font-weight:650;white-space:nowrap}
.brand-portfolio .nw-brand-tai strong{font-size:1.3em;font-weight:800;letter-spacing:-.085em;background:linear-gradient(105deg,#087054 5%,#557c14 56%,#997000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-portfolio .nw-brand-tai .nw-ai-dot{background:inherit;color:transparent}
.brand-portfolio .nw-brand-jpr{gap:11px}
.brand-portfolio .nw-brand-jpr .jpr-symbol{height:72px;width:61px;flex-shrink:0}
.brand-portfolio .nw-brand-jpr .jpr-name{font-size:clamp(23px,2.1vw,29px);letter-spacing:-.05em;line-height:1.0;font-weight:750}
.brand-portfolio .nw-brand-jpr .jpr-name i{vertical-align:middle}
.brand-portfolio .nw-card>p{color:var(--nw-text);opacity:.85;font-size:15px;line-height:1.75;min-height:83px;margin:0 0 24px}
.brand-portfolio .nw-card .nw-button{margin-top:auto;align-self:flex-start}
@media(max-width:1050px){.brand-portfolio .nw-grid{gap:14px}.brand-portfolio .nw-card{padding:26px 21px}.brand-portfolio .nw-brand-lip svg{width:56px;height:56px}.brand-portfolio .nw-brand-jpr .jpr-symbol{width:53px;height:65px}}
@media(max-width:850px){.brand-portfolio .nw-grid{grid-template-columns:1fr}.brand-portfolio .nw-card{min-height:0;padding:27px 30px 29px}.brand-portfolio .nw-card>p{min-height:0;max-width:520px}.brand-portfolio .nw-feature{grid-template-columns:1fr}.brand-portfolio .nw-feature-mark{border-right:0;border-bottom:1px solid #c9dfed;padding:36px}.brand-portfolio .nw-brand{min-height:70px;margin:7px 0 17px}.brand-portfolio .nw-brand-lip svg{width:66px;height:66px}}
@media(max-width:650px){.brand-portfolio .nw-wrap{padding:0 23px}.brand-portfolio .nw-hero{padding:57px 0 60px}.brand-portfolio .nw-hero h1{font-size:clamp(42px,10vw,56px)}.brand-portfolio .nw-section{padding:58px 0 63px}.brand-portfolio .nw-intro{margin-bottom:29px}.brand-portfolio .nw-intro h2{font-size:34px}.brand-portfolio .nw-intro p{font-size:16px}.brand-portfolio .nw-feature-content{padding:30px 25px}.brand-portfolio .nw-feature-content h4{font-size:28px}.brand-portfolio .nw-feature-mark{padding:32px}.brand-portfolio .nw-card{padding:26px}.brand-portfolio .nw-brand-lip .nw-lip-word{font-size:25px}}
@media(prefers-reduced-motion:reduce){.brand-portfolio .nw-button{transition:none}.brand-portfolio .nw-button:hover{transform:none}}
.brand-portfolio{--nw-navy:#0b1c48;--nw-ink:#0b1c48;min-width:0;margin-top:32px}
.brand-portfolio .portfolio-heading{font-size:23px;margin:30px 0 20px}
.brand-portfolio .nw-card h4{font-family:Arial,Helvetica,sans-serif;font-weight:700}
.brand-portfolio .nw-card p{font-size:14px;line-height:1.75;min-height:0}
.brand-portfolio .nw-feature-content h4{font-size:27px;font-weight:700}
.brand-portfolio .nw-feature-content p{font-size:14px}
.brand-portfolio .nw-button{justify-content:center;border-radius:2px;padding:16px 24px;font:700 12px/16px 'Merriweather Sans',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:normal;text-align:center;max-width:100%}
.brand-portfolio .nw-brand-jpr>svg{width:54px;height:65px;flex:none}
.brand-portfolio .nw-brand-jpr>span{font-size:25px;font-weight:750;line-height:1;letter-spacing:-.05em}
.brand-portfolio .nw-brand-jpr i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#de593c;margin-left:4px}
.brand-portfolio .nw-brand-lip .brand-small{display:block;font-size:14px;line-height:1.2;margin-top:4px;letter-spacing:-.02em}
.brand-portfolio .nw-brand-lip>span{font-size:25px;line-height:1;font-weight:750;letter-spacing:-.06em}
.brand-portfolio .nw-brand-tai{color:#102e29;font-family:Arial,Helvetica,sans-serif}
.brand-portfolio .nw-brand-tai strong{background:linear-gradient(105deg,#087054 5%,#557c14 56%,#997000 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-portfolio .nw-feature-mark img{max-width:300px}
@media(min-width:1051px){.brand-portfolio .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-portfolio .nw-card{min-height:300px}}
@media(max-width:1050px){.brand-portfolio .nw-grid{grid-template-columns:1fr}.brand-portfolio .nw-card{min-height:0}.brand-portfolio .nw-card>p{min-height:0}}
@media(max-width:600px){.brand-portfolio .nw-feature-content,.brand-portfolio .nw-card{padding:24px 20px}.brand-portfolio .nw-feature-mark{padding:26px 20px}.brand-portfolio .nw-brand{min-height:65px}.brand-portfolio .nw-button{padding:14px 18px;font-size:11px}.brand-portfolio .nw-brand-lip svg{width:55px;height:55px}}
