html{color-scheme:dark}html[data-theme=day]{color-scheme:light}.theme-control{display:flex;align-items:center;border:1px solid #ffffff50;border-radius:30px;padding:4px;gap:3px;flex-shrink:0}.theme-control button{border:0;border-radius:24px;background:transparent;color:#fff;font:16px Arial,sans-serif;padding:9px 13px;display:flex;align-items:center;gap:7px;cursor:pointer}.theme-control button[aria-pressed=true]{background:#fff;color:#292b29}.theme-control svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}.theme-control button:focus-visible,a:focus-visible{outline:2px solid #9ba99c;outline-offset:4px}.header-actions{display:flex;align-items:center;gap:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}html[data-theme=day] .dark{background:#f5f2eb;color:#292b29}html[data-theme=day] .dark header{border-color:#d0d3ca}html[data-theme=day] .dark .hero h1 span{color:#60685c}html[data-theme=day] .dark .cta{background:#292b29;color:#fff}html[data-theme=day] .dark .content,html[data-theme=day] .dark .numbers{border-color:#c6cbbf}html[data-theme=day] .dark .work-placeholder{background:#dedbd2;color:#292b29}html[data-theme=day] .dark .concept-note{background:#e6e3da;color:#555e50}html[data-theme=day] .dark .contact{background:#292b29;color:#fff}html[data-theme=day] .dark .contact .cta{background:#fff;color:#292b29}html[data-theme=day] .theme-control{border-color:#aeb5a6}html[data-theme=day] .theme-control button{color:#292b29}html[data-theme=day] .theme-control button[aria-pressed=true]{background:#292b29;color:#fff}.dark .contact{color-scheme:light}html[data-theme=day] .dark .contact{color-scheme:dark}@media(max-width:1000px){.header-actions{gap:15px;flex-wrap:wrap;justify-content:end}.dark header{gap:15px}.dark header> a img{width:225px}.dark nav{gap:15px}}@media(max-width:650px){.header-actions{justify-content:start;width:100%;gap:18px}.theme-control{margin-left:auto}.dark nav{gap:15px;font-size:16px}.theme-control button{padding:8px 10px;font-size:16px}.dark header> a img{width:220px}.header-actions nav{flex-wrap:wrap}}@media(max-width:380px){.theme-control{margin-left:0}}@media print{.theme-control{display:none}}

/* Keep all text readable without clipping navigation at narrow widths. */
.header-actions{flex-wrap:wrap}.dark nav{flex-wrap:wrap}.theme-control button{font-size:16px}.theme-control svg{width:16px;height:16px}@media(max-width:650px){.header-actions{align-items:flex-start}.theme-control{margin-left:0}.dark nav{width:100%;gap:14px 20px}.theme-control button{padding:10px 14px}}