.content-page{background:linear-gradient(180deg,#f5f7fa 0,#fff 300px);color:var(--nw-ink)}
.content-main{width:100%;flex:1 0 auto}
.content-hero{position:relative;overflow:hidden;padding:clamp(54px,8vw,96px) 0;border-bottom:1px solid var(--nw-line);background:radial-gradient(circle at 85% 15%,rgba(201,47,53,.13),transparent 28%),linear-gradient(135deg,#fff,#f4f6f9)}
.content-hero:after{content:"";position:absolute;inset-inline-end:-150px;bottom:-240px;width:500px;height:500px;border:80px solid rgba(239,197,74,.11);border-radius:50%}
.content-container{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin-inline:auto}
.content-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--nw-red);font-size:.84rem;font-weight:900}.content-eyebrow:before{content:"";width:36px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--nw-red),var(--nw-gold))}
.content-hero h1{max-width:820px;margin:16px 0 14px;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.15;letter-spacing:-.045em}.content-hero p{max-width:800px;margin:0;color:var(--nw-muted);font-size:clamp(.96rem,1.4vw,1.12rem);line-height:2}
.content-section{padding:clamp(42px,6vw,78px) 0}
.content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:start}
.content-card{min-width:0;padding:clamp(22px,3.6vw,38px);border:1px solid var(--nw-line);border-radius:24px;background:#fff;box-shadow:var(--nw-shadow-sm)}
.content-card h2,.content-card h3{margin:0 0 22px;color:var(--nw-ink);font-size:clamp(1.25rem,2vw,1.65rem)}
.profile-list{display:grid;gap:0;margin:0}.profile-list>div{display:grid;grid-template-columns:minmax(145px,.42fr) minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid var(--nw-line)}.profile-list>div:last-child{border-bottom:0}.profile-list dt{font-weight:900;color:#384354}.profile-list dd{margin:0;color:var(--nw-muted);line-height:1.9}.profile-list ul{margin:0;padding-inline-start:20px}
.content-map{overflow:hidden;padding:0}.content-map__head{padding:24px 26px 18px}.content-map iframe{display:block;width:100%;height:460px;border:0}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-card{overflow:hidden;border:1px solid var(--nw-line);border-radius:22px;background:#fff;box-shadow:var(--nw-shadow-sm)}.video-card__frame{position:relative;aspect-ratio:16/9;background:#111}.video-card__frame iframe,.video-card__frame>div{width:100%!important;height:100%!important}.video-card__copy{padding:20px 22px}.video-card__copy h2{margin:0 0 7px;font-size:1.05rem}.video-card__copy p{margin:0;color:var(--nw-muted);font-size:.88rem;line-height:1.8}
.content-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#941f25,#cf383d);color:#fff}.content-cta h2{margin:0 0 7px;color:#fff}.content-cta p{margin:0;color:rgba(255,255,255,.78)}.content-cta a{min-width:180px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;background:#fff;color:var(--nw-red-strong);font-weight:900;text-decoration:none}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.content-map iframe{height:360px}}
@media(max-width:700px){.content-container{width:min(100% - 24px,1180px)}.content-hero{padding:48px 0}.content-hero h1{font-size:clamp(2rem,11vw,3.25rem)}.content-card{padding:20px;border-radius:18px}.profile-list>div{grid-template-columns:1fr;gap:6px;padding:14px 0}.video-grid{grid-template-columns:1fr;gap:16px}.content-cta{align-items:stretch;flex-direction:column;padding:22px}.content-cta a{width:100%}.content-map iframe{height:300px}}
@media(max-width:360px){.content-container{width:min(100% - 20px,1180px)}.content-card{padding:17px}.content-map iframe{height:260px}}

/* V4 complete company story */
.about-hero{padding:clamp(54px,7vw,88px) 0}
.about-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:clamp(36px,6vw,82px);align-items:center}
.about-hero__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.about-hero__actions a{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;background:var(--nw-red);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 28px rgba(201,47,53,.2)}
.about-hero__actions a+ a{border:1px solid var(--nw-line);background:#fff;color:var(--nw-ink);box-shadow:none}
.about-hero__visual{position:relative;overflow:hidden;min-height:420px;border-radius:28px;background:#202a38;box-shadow:0 28px 68px rgba(31,41,55,.16)}
.about-hero__visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,29,41,.78),transparent 62%)}
.about-hero__visual>span{position:absolute;z-index:2;inset-inline:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(17,25,36,.52);color:#fff;backdrop-filter:blur(12px);font-size:.78rem;font-weight:800}
.about-hero__visual b{font:400 1.45rem/1 "Dodger",sans-serif}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px}
.about-kicker{display:block;margin-bottom:9px;color:var(--nw-red);font:900 .7rem/1.4 Arial,var(--nw-font);letter-spacing:.12em}
.about-story h2,.about-principles h2,.about-section-head h2{margin:0 0 16px;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.4}
.about-story p,.about-section-head p{margin:0;color:var(--nw-muted);font-size:.96rem;line-height:2.15}
.about-principles{background:#1c2736;color:#fff}
.about-principles h2{color:#fff}
.about-principles ul{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}
.about-principles li{position:relative;padding:14px 42px 14px 14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.05);color:#d8dfe8;line-height:1.8}
[dir="ltr"] .about-principles li{padding:14px 14px 14px 42px}
.about-principles li:before{content:"✓";position:absolute;inset-inline-start:13px;top:14px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--nw-red);color:#fff;font-size:.7rem;font-weight:900}
.about-capabilities{padding:clamp(54px,7vw,92px) 0;background:#f2f4f7;border-block:1px solid var(--nw-line)}
.about-section-head{max-width:820px;margin-bottom:30px}
.about-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-capability-grid article{min-height:280px;padding:25px;border:1px solid var(--nw-line);border-radius:21px;background:#fff;box-shadow:var(--nw-shadow-sm)}
.about-capability-grid article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--nw-red-soft);color:var(--nw-red);font:900 .75rem/1 Arial}
.about-capability-grid h3{margin:28px 0 10px;font-size:1.15rem;line-height:1.6}
.about-capability-grid p{margin:0;color:var(--nw-muted);font-size:.86rem;line-height:2}
.about-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:steps}
.about-process li{position:relative;min-height:245px;padding:24px;border:1px solid var(--nw-line);border-radius:20px;background:#fff;box-shadow:var(--nw-shadow-sm)}
.about-process li>b{display:block;color:#e4e7eb;font:900 3.2rem/1 Arial,sans-serif}
.about-process h3{margin:25px 0 8px;font-size:1.05rem}
.about-process p{margin:0;color:var(--nw-muted);font-size:.84rem;line-height:2}
.about-profile-section{padding:clamp(54px,7vw,88px) 0;background:linear-gradient(180deg,#f7f8fa,#fff)}
@media(max-width:1000px){.about-hero__grid,.about-story-grid{grid-template-columns:1fr}.about-hero__visual{min-height:370px}.about-capability-grid,.about-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-hero__grid{gap:28px}.about-hero__visual{min-height:290px;border-radius:20px}.about-hero__visual>span{inset-inline:14px;bottom:14px;align-items:flex-start;flex-direction:column}.about-hero__actions{display:grid;grid-template-columns:1fr}.about-hero__actions a{width:100%;min-height:56px}.about-capability-grid,.about-process{grid-template-columns:1fr}.about-capability-grid article,.about-process li{min-height:0}.about-principles li{padding-block:16px}.about-section-head{margin-bottom:22px}}

/* V4.2 simplified About page: fewer visual cards, clearer reading flow. */
.about-hero__actions a { gap: 10px; }
.about-hero__actions a > i { font-size: 1rem; }
.about-hero__visual b.niawell-wordmark { font-size: 1.55rem; text-transform: lowercase; letter-spacing: .02em; }

.about-overview { padding: clamp(58px, 8vw, 104px) 0; background: #fff; }
.about-overview__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  gap: clamp(42px, 7vw, 96px);
  align-items: center;
}
.about-narrative { max-width: 760px; }
.about-narrative h2 { margin: 0 0 18px; font-size: clamp(1.75rem, 3.4vw, 3rem); line-height: 1.42; }
.about-narrative p { margin: 0; color: var(--nw-muted); font-size: 1rem; line-height: 2.25; }
.about-principles-panel { padding: 30px; border-radius: 24px; background: #1c2736; color: #fff; box-shadow: 0 24px 58px rgba(23,32,45,.14); }
.about-principles-panel h2 { margin: 0 0 20px; color: #fff; font-size: clamp(1.35rem, 2.3vw, 1.85rem); }
.about-principles-panel ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.about-principles-panel li { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: #d8dfe8; line-height: 1.8; }
.about-principles-panel li:last-child { border-bottom: 0; }
.about-principles-panel li > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: rgba(201,47,53,.24); color: #ff999d; }

.about-expertise { padding: clamp(58px, 8vw, 100px) 0; background: #f3f5f8; border-block: 1px solid var(--nw-line); }
.about-expertise-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid #dfe4ea; border-inline-start: 1px solid #dfe4ea; }
.about-expertise-list article { position: relative; min-height: 190px; display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: start; gap: 18px; padding: 30px; border-inline-end: 1px solid #dfe4ea; border-bottom: 1px solid #dfe4ea; background: rgba(255,255,255,.5); }
.about-expertise-list article > i { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: #fff; color: var(--nw-red); font-size: 1.25rem; box-shadow: 0 8px 22px rgba(23,32,45,.06); }
.about-expertise-list article > span { position: absolute; inset-inline-end: 22px; top: 22px; color: #d7dce3; font: 900 1rem/1 Arial,sans-serif; }
.about-expertise-list h3 { margin: 2px 0 8px; font-size: 1.1rem; }
.about-expertise-list p { margin: 0; color: var(--nw-muted); font-size: .88rem; line-height: 2; }

.about-workflow { padding: clamp(58px, 8vw, 100px) 0; background: #fff; }
.about-workflow__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; padding: 0; list-style: none; border-block: 1px solid var(--nw-line); }
.about-workflow__steps li { min-width: 0; display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 14px; padding: 28px 24px; border-inline-end: 1px solid var(--nw-line); }
.about-workflow__steps li:last-child { border-inline-end: 0; }
.about-workflow__steps b { color: var(--nw-red); font: 900 .78rem/1.4 Arial,sans-serif; }
.about-workflow__steps h3 { margin: 0 0 7px; font-size: 1rem; }
.about-workflow__steps p { margin: 0; color: var(--nw-muted); font-size: .83rem; line-height: 1.95; }

.about-company-data { padding: clamp(58px, 8vw, 100px) 0; background: linear-gradient(180deg,#f6f8fa,#fff); }
.about-company-data__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.85fr); gap: 28px; align-items: stretch; }
.about-profile-panel { padding: clamp(24px,4vw,42px); border-top: 4px solid var(--nw-red); border-radius: 0 0 22px 22px; background: #fff; box-shadow: var(--nw-shadow-sm); }
.about-profile-panel h2,.about-map-panel h2 { margin: 0 0 20px; font-size: clamp(1.35rem,2.4vw,1.85rem); }
.about-map-panel { overflow: hidden; display: grid; grid-template-rows: auto minmax(360px,1fr); border-radius: 22px; background: #fff; box-shadow: var(--nw-shadow-sm); }
.about-map-panel > div { padding: 26px 28px 10px; }
.about-map-panel iframe { width: 100%; height: 100%; min-height: 360px; border: 0; }
.about-company-data .content-cta { margin-top: 28px; }
.about-company-data .content-cta a { gap: 10px; }

@media (max-width: 980px) {
  .about-overview__grid,.about-company-data__grid { grid-template-columns: 1fr; }
  .about-workflow__steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-workflow__steps li:nth-child(2) { border-inline-end: 0; }
  .about-workflow__steps li:nth-child(-n+2) { border-bottom: 1px solid var(--nw-line); }
}
@media (max-width: 700px) {
  .about-overview { padding-block: 48px; }
  .about-overview__grid { gap: 30px; }
  .about-principles-panel { padding: 22px; border-radius: 19px; }
  .about-expertise-list { grid-template-columns: 1fr; }
  .about-expertise-list article { min-height: 0; padding: 22px 18px; }
  .about-workflow__steps { grid-template-columns: 1fr; }
  .about-workflow__steps li { border-inline-end: 0; border-bottom: 1px solid var(--nw-line); padding: 22px 4px; }
  .about-workflow__steps li:last-child { border-bottom: 0; }
  .about-workflow__steps li:nth-child(-n+2) { border-bottom: 1px solid var(--nw-line); }
  .about-profile-panel { padding: 22px; }
  .about-map-panel { grid-template-rows: auto 300px; }
  .about-map-panel iframe { min-height: 300px; }
}


/* V4.4: About page redesign — profile-first, concise, cleaner layout. */
.about-hero--v43 { padding: clamp(46px, 7vw, 86px) 0; }
.about-hero-v43__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.about-hero-v43__copy p { max-width: 760px; }
.about-hero-v43__visual { position: relative; min-height: 500px; overflow: hidden; border-radius: 30px; box-shadow: 0 30px 72px rgba(23,32,45,.16); }
.about-hero-v43__visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.about-hero-v43__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(21,31,44,.12), rgba(21,31,44,.55)); }
.about-floating-card { position: absolute; z-index: 2; inset-inline: 24px; inset-block-end: 24px; padding: 24px; border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 18px 44px rgba(18,24,34,.18); backdrop-filter: blur(16px); }
.about-floating-card h2 { margin: 0 0 16px; font-size: clamp(1.28rem, 2vw, 1.75rem); line-height: 1.45; }
.profile-list--compact > div { grid-template-columns: minmax(120px,.42fr) minmax(0,1fr); gap: 12px; padding: 10px 0; }
.profile-list--compact dt { font-size: .82rem; }
.profile-list--compact dd { font-size: .82rem; line-height: 1.8; }
.about-mini-highlights { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 30px; }
.about-mini-highlights article { min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 12px; padding: 18px; border: 1px solid var(--nw-line); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: var(--nw-shadow-sm); }
.about-mini-highlights i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: rgba(201,47,53,.1); color: var(--nw-red); }
.about-mini-highlights strong { display: block; margin-bottom: 6px; font-size: .92rem; }
.about-mini-highlights span { display: block; color: var(--nw-muted); font-size: .8rem; line-height: 1.9; }
.about-company-data--first { padding-top: 38px; }
.about-company-data__grid--v43 { grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); gap: 28px; }
.about-summary-rail { display: grid; gap: 16px; }
.about-summary-rail article { padding: 24px; border: 1px solid var(--nw-line); border-radius: 22px; background: #fff; box-shadow: var(--nw-shadow-sm); }
.about-summary-rail span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgba(201,47,53,.12); color: var(--nw-red); font: 900 .82rem/1 Arial,sans-serif; }
.about-summary-rail h3 { margin: 16px 0 8px; font-size: 1.08rem; }
.about-summary-rail p { margin: 0; color: var(--nw-muted); font-size: .88rem; line-height: 2.05; }
.about-section-head--compact { max-width: 860px; margin-bottom: 26px; }
.about-expertise--compact { padding-top: clamp(46px, 7vw, 88px); }
.about-contact-card { padding: 28px; border-radius: 22px; background: #fff; box-shadow: var(--nw-shadow-sm); }
.about-contact-card h2 { margin: 0 0 12px; font-size: clamp(1.45rem, 2.5vw, 2rem); }
.about-contact-card > p { margin: 0 0 18px; color: var(--nw-muted); line-height: 2.1; }
.about-contact-card ul { display: grid; gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.about-contact-card li { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; align-items: center; color: #3d495b; }
.about-contact-card li > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(201,47,53,.1); color: var(--nw-red); }
.content-cta--inline { margin-top: 0; }
@media (max-width: 1020px) {
  .about-hero-v43__grid,
  .about-company-data__grid--v43,
  .about-company-data__grid { grid-template-columns: 1fr; }
  .about-mini-highlights { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .about-hero-v43__visual { min-height: 340px; border-radius: 22px; }
  .about-floating-card { inset-inline: 14px; inset-block-end: 14px; padding: 18px; border-radius: 18px; }
  .profile-list--compact > div { grid-template-columns: 1fr; gap: 4px; }
  .about-summary-rail article,
  .about-contact-card { padding: 22px; }
}