/* V5.4 — comprehensive light-mode contrast and responsive hero repair. */
html[data-theme="light"]{--bg:#f4f7ff;--text:#172345;--muted:#52617b;--border:#d4def0}
html[data-theme="light"] .nw-unified-header,html[data-theme="light"] .site-header,html[data-theme="light"] .nw-site-header{background:linear-gradient(100deg,#fff,#e9f1ff)!important;border-bottom:1px solid #cddaf0!important;color:#172345!important}
html[data-theme="light"] .nw-links a,html[data-theme="light"] .nw-unified-header nav a,html[data-theme="light"] .nw-menu-toggle{color:#172345!important}
html[data-theme="light"] .nw-links a:hover,html[data-theme="light"] .nw-links a[aria-current="page"]{color:#3158c8!important}
html[data-theme="light"] .nw-language,html[data-theme="light"] .nw-menu-toggle,html[data-theme="light"] .nw-theme-toggle{background:#fff!important;border:1px solid #b7c7e4!important;color:#172345!important}
@media(max-width:850px){html[data-theme="light"] .nw-links,html[data-theme="light"] .nw-links.is-open,html[data-theme="light"] .site-header nav.open{background:#fff!important;border-color:#cddaf0!important;box-shadow:0 14px 32px #1a376122!important}}
/* Approved original logo assets: dark lettering on light, white lettering on dark. */
html[data-theme="light"] .nw-brand img,html[data-theme="light"] .site-header .brand img{content:url('assets/logo-dark.png')!important;filter:none!important}
html[data-theme="light"] .hero .pill,html[data-theme="light"] .hero-art .pill{background:#fff!important;color:#172345!important;border-color:#c8d5ed!important;box-shadow:0 10px 24px #263b6320!important}
html[data-theme="light"] .hero .pill span,html[data-theme="light"] .hero .pill b,html[data-theme="light"] .hero .pill strong{color:#172345!important}
html[data-theme="light"] .hero .eyebrow,html[data-theme="light"] .hero .nw-type-label{color:#463d80!important}
html[data-theme="light"] .hero-copy h1,html[data-theme="light"] .hero-copy h1:not(em),html[data-theme="light"] .section-head h2,html[data-theme="light"] .detail-copy h2,html[data-theme="light"] .approach h2,html[data-theme="light"] .contact-panel h2{color:#172345!important}
html[data-theme="light"] .hero-copy h1 em,html[data-theme="light"] h2 em{color:transparent!important}
html[data-theme="light"] .btn.outline,html[data-theme="light"] .form-actions .btn.outline,html[data-theme="light"] .case-actions a.secondary{background:#fff!important;color:#172345!important;border-color:#c4d2ec!important}
html[data-theme="light"] .nw-slide-toggle,html[data-theme="light"] .nw-hero-controls button{color:#25335d!important}
html[data-theme="light"] .service,html[data-theme="light"] .detail-card,html[data-theme="light"] .project-form,html[data-theme="light"] .case-panel,html[data-theme="light"] .portfolio-card,html[data-theme="light"] .case-preview{background:#fff!important;border-color:#d4def0!important;color:#172345!important}
html[data-theme="light"] .service h3,html[data-theme="light"] .portfolio-body h3,html[data-theme="light"] .case-panel h2,html[data-theme="light"] .ref-card h3{color:#172345!important}
html[data-theme="light"] .portfolio-body p,html[data-theme="light"] .case-panel p,html[data-theme="light"] .case-panel li,html[data-theme="light"] .steps p,html[data-theme="light"] .service p,html[data-theme="light"] .detail-copy p{color:#52617b!important}
html[data-theme="light"] .portfolio-meta,html[data-theme="light"] .demo-badge,html[data-theme="light"] .portfolio-disclaimer,html[data-theme="light"] .case-disclaimer{color:#35466a!important}
html[data-theme="light"] .portfolio-disclaimer,html[data-theme="light"] .case-disclaimer{background:#edf3ff!important;border-color:#cbd9f1!important}
html[data-theme="light"] .approach-panel,html[data-theme="light"] .contact-panel{background:linear-gradient(130deg,#fff,#e9f1ff)!important;border-color:#d2ddf0!important}
html[data-theme="light"] .contact-panel p,html[data-theme="light"] .approach-panel p,html[data-theme="light"] .steps h3{color:#354665!important}
html[data-theme="light"] .nw-compliance-footer,html[data-theme="light"] .footer{background:#f4f7ff!important;color:#465879!important}
/* Portfolio showcase intentionally dark: keep its text legible and its dark visual identity. */
html[data-theme="light"] .ref-portfolio,html[data-theme="light"] .ref-portfolio-section,html[data-theme="light"] .ref-portfolio-shell{color:#f7f8ff}
html[data-theme="light"] .ref-portfolio-top h2,html[data-theme="light"] .ref-portfolio-top p{color:#f5f6ff!important}
/* Hero artwork should not be clipped by a desktop-sized graphic on mobile. */
@media(max-width:700px){
 #home.hero{display:flex!important;flex-direction:column!important;gap:18px!important;min-height:0!important;padding-bottom:48px!important;overflow:visible!important}
 #home .hero-copy{width:100%;min-width:0;overflow:visible}
 #home .hero-art{width:100%!important;height:350px!important;min-height:350px!important;overflow:visible!important;isolation:isolate;transform:none!important;margin:4px auto 14px!important}
 #home .hero-art .glass-card{width:min(62vw,265px)!important;height:295px!important;max-width:265px!important;transform:rotate(-7deg) scale(.92)!important;animation:none!important;box-shadow:0 20px 42px #08143b40!important}
 #home .hero-art .orbit{max-width:100%!important}
 #home .hero-art .o1{width:min(75vw,310px)!important;height:185px!important}
 #home .hero-art .o2{width:min(91vw,365px)!important;height:255px!important}
 #home .hero-art .pill{max-width:110px!important;padding:9px 10px!important;font-size:11px!important;z-index:2}
 #home .hero-art .p1{right:0!important}#home .hero-art .p2{left:0!important}
 html[dir="ltr"] #home .hero-art{transform:none!important}
 #home .hero-foot{margin-bottom:0!important}
}
@media(max-width:390px){#home .hero-art{height:325px!important;min-height:325px!important}#home .hero-art .glass-card{width:220px!important;height:275px!important}#home .hero-art .pill{max-width:100px!important}}
@media(prefers-reduced-motion:reduce){#home .hero-art .glass-card{animation:none!important}}