/* Shared appearance control on home and privacy pages. */
.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;padding:8px;border:1px solid #cadbd5;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0;order:3}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{color:var(--blue);border-color:var(--blue)}.theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.theme-sun{display:none}.language-toggle{order:4;width:42px;height:38px;padding:7px}.nav>.menu{order:5}.language-toggle .language-current-flag{display:block;width:28px;height:19px;min-width:28px;border-radius:3px;overflow:hidden;box-shadow:0 1px 4px #0002}.privacy-actions{display:flex;align-items:center;gap:14px}.privacy-actions>a{font-size:13px}html:not([data-theme]) .theme-toggle{display:none}
html[data-theme=dark]{--paper:#0a1d20;--ink:#e0f3ef;--muted:#a4c0bb;--line:#2a4448;--blue:#83b5ff;--teal:#123e3d;color-scheme:dark}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark] body{background:#0a1d20;color:var(--ink)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--ink)}html[data-theme=dark] p{color:var(--muted)}html[data-theme=dark] h1 em,html[data-theme=dark] h2 em{color:#93dce5}
html[data-theme=dark] header,html[data-theme=dark] footer,html[data-theme=dark] .privacy-header,html[data-theme=dark] .privacy-footer{background:linear-gradient(110deg,#10282bf5,#142f32f5);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .navlinks a,html[data-theme=dark] .footer-inner a{color:var(--ink)}html[data-theme=dark] .navlinks a:hover,html[data-theme=dark] .footer-inner a:hover{color:#93dce5}html[data-theme=dark] .navcta{background:#276ccb;color:#fff!important}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .language-toggle,html[data-theme=dark] .menu{color:var(--ink);border-color:#476367}html[data-theme=dark] .footer-inner{color:var(--muted)}
html[data-theme=dark] .hero.wrap{background:radial-gradient(ellipse at 82% 0,#124b4b,transparent 57%),#092d30}html[data-theme=dark] .hero h1{color:#ecfcf8}html[data-theme=dark] .hero-copy>p{color:#b0d3cd}html[data-theme=dark] .hero-art{background-color:#204f57;color:#e0f4f1}html[data-theme=dark] .hero-art .browser{background:#132f33;border-color:#42636a}html[data-theme=dark] .hero-art .browserbar{color:#b1ceca;border-color:#42636a}html[data-theme=dark] .hero-art .mock-nav{border-color:#42636a}html[data-theme=dark] .hero-art .mock h3{color:#e0f4f1}html[data-theme=dark] .hero-art .sculpture{background:#285459}html[data-theme=dark] .hero-art .sculpture>.icon,html[data-theme=dark] .hero-art .star{color:#93dce5}html[data-theme=dark] .hero-art .float-label{background:#173c40;color:#def1ed}html[data-theme=dark] .hero-art .mini-button{background:#276ccb;color:#fff}html[data-theme=dark] .hero-art .art-note{color:#c1dfd9}
html[data-theme=dark] #service.wrap{background-color:#103b3c;border:1px solid #315355}html[data-theme=dark] .service{background:#16464a}html[data-theme=dark] .service:hover{background:#1d5558}html[data-theme=dark] .service p{color:#bdd5cf}html[data-theme=dark] .service h3{color:#f1fbf8}html[data-theme=dark] .filter{border-color:#3c585b;color:#cde3dd}html[data-theme=dark] .filter[aria-pressed=true]{background:#94dce4;border-color:#94dce4;color:#072f33}html[data-theme=dark] .project-art{background:#142b2e;border-color:#304c50;box-shadow:0 6px 20px #0002}html[data-theme=dark] .project-info h3{color:var(--ink)}html[data-theme=dark] .project-info>span{background:#213e42;color:#a9dfe5}
html[data-theme=dark] .expertise{background:#142f33}html[data-theme=dark] .stats strong{color:#b0e7e7}html[data-theme=dark] .expertise details{border-color:#345257}html[data-theme=dark] meter,html[data-theme=dark] meter::-webkit-meter-bar{background:#36545a}html[data-theme=dark] meter::-webkit-meter-optimum-value{background:#77b5ff}html[data-theme=dark] .quote{background:#102b2f;border:1px solid #29474b;border-radius:18px}html[data-theme=dark] .quote blockquote{color:#d4e9e3}html[data-theme=dark] .avatar{background:#284e51;color:#c4edf0}
html[data-theme=dark] .mandegdv-card{background:linear-gradient(115deg,#15373a,#193f43);border-color:#32575b}html[data-theme=dark] .mandegdv-copy .eyebrow{color:#93dce5}html[data-theme=dark] .mandegdv-visual{background:#15373a}html[data-theme=dark] .mandegdv-visual figcaption{background:#102c30eb;color:#dceee8}
html[data-theme=dark] .inquiry-field label,html[data-theme=dark] .inquiry-profile legend{color:var(--ink)}html[data-theme=dark] .inquiry-field input,html[data-theme=dark] .inquiry-field textarea,html[data-theme=dark] .profile-option{background:#142f33;border-color:#38595e;color:var(--ink)}html[data-theme=dark] .profile-option:has(input:checked){background:#21464c;border-color:#83b5ff;color:#c5e2ff}html[data-theme=dark] .inquiry-field input:focus,html[data-theme=dark] .inquiry-field textarea:focus{background:#19383d}html[data-theme=dark] .form-help{color:var(--muted)}html[data-theme=dark] .contact{background:#0d3337}html[data-theme=dark] .btn{background:#276ccb;color:#fff}html[data-theme=dark] .btn:hover{background:#1e5eaf}
html[data-theme=dark] #language-dialog,html[data-theme=dark] #project-dialog{background:#10282c;color:var(--ink);border-color:#35545a}html[data-theme=dark] .language-option{color:var(--ink);border-color:#3c5c61}html[data-theme=dark] .language-option:hover,html[data-theme=dark] .language-option[aria-pressed=true]{background:#21454d;border-color:#83b5ff}html[data-theme=dark] .language-close{color:#d7e9e4;border-color:#48666c}html[data-theme=dark] .language-kicker{color:#93dce5}html[data-theme=dark] .language-name small{color:#aac5bf}html[data-theme=dark] .gallery-details{background:#10282c;border-color:#35545a}html[data-theme=dark] .gallery-stage,html[data-theme=dark] .gallery-stage-wrap{background:#0b1f23}html[data-theme=dark] .gallery-step,html[data-theme=dark] .gallery-close{color:#deefea;border-color:#48666c}html[data-theme=dark] .gallery-step:hover,html[data-theme=dark] .gallery-close:hover{background:#25494e}html[data-theme=dark] .gallery-original{color:#91bfff}html[data-theme=dark] .gallery-scrollbar{background:#27454c;border-color:#46676c}html[data-theme=dark] .gallery-scrollbar-thumb{background:#83b5ff;border-color:#27454c}html[data-theme=dark] .gallery-scrollbar:hover .gallery-scrollbar-thumb{background:#a9d6ff}html[data-theme=dark] .gallery-thumb[aria-current=true]{background:#264951;border-color:#83b5ff}
html[data-theme=dark] .cookie-notice{background:#143136;color:#deeee9;border-color:#44646b}html[data-theme=dark] .cookie-notice p{color:#bcd5ce}html[data-theme=dark] .cookie-actions a{color:#9ecaff}html[data-theme=dark] .cookie-accept{background:#276ccb}html[data-theme=dark] .privacy-main section p{color:#bdd3cc}html[data-theme=dark] .privacy-languages a{color:#d7eae3;border-color:#456369}html[data-theme=dark] .privacy-languages a[aria-current=page]{background:#a7e1e6;color:#0b3036;border-color:#a7e1e6}html[data-theme=dark] .privacy-nav a,html[data-theme=dark] .privacy-main a,html[data-theme=dark] .privacy-footer a{color:#9ecaff}html[data-theme=dark] .privacy-skip{background:#15383c;color:#deeee9}
@media(max-width:900px){html[data-theme=dark] header .navlinks{background:linear-gradient(110deg,#10282b,#142f32);border-color:#3b575d}}
@media(min-width:901px) and (max-width:1150px){header .navlinks{gap:10px}header .navlinks>a>.icon{display:none}header>.nav{gap:12px}}
@media(max-width:480px){.theme-toggle{width:34px;height:34px;padding:7px}.theme-toggle svg{width:18px;height:18px}.language-toggle{width:38px;height:34px;padding:6px}.language-toggle .language-current-flag{width:26px;height:18px;min-width:26px}header>.nav{gap:7px}.privacy-actions{gap:10px}}
@media(forced-colors:active){.theme-toggle,.language-toggle{border-color:ButtonText}}
html[data-theme=dark] .privacy-logo img{background:#fff;border-radius:8px;padding:4px}
html[data-theme=dark] .contact,html[data-theme=dark] .contact-row a,html[data-theme=dark] .social a{color:#def0ea}
html[data-theme=dark] .contact-row a:hover,html[data-theme=dark] .social a:hover{color:#93dce5}