/* VORONA Labs Chrome. Presentation only; existing routes, data and form handlers own behavior. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-semibold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/fonts/jetbrains-mono-regular.ttf') format('truetype');font-weight:400 600;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  --ink:#edf5f8;--muted:#a2b2c0;--paper:#111c27;--panel:#192733;
  --line:#e4f4ff20;--line-strong:#e4f4ff38;
  --accent:#7edce8;--accent-strong:#a8eaf1;--cyan:#7edce8;
  --mint:#9ce3cf;--violet:#99b7db;--dark:#0d1721;--dark-panel:#17242f;
  --soft-blue:#172632;--soft-cyan:#192c37;--soft-mint:#172a2c;
  --shadow:0 24px 60px #0003;
  --vl-chrome:linear-gradient(180deg,#fff 0%,#d0e7f4 38%,#7699ba 72%,#46637f 100%);
  --vl-display:Oswald,'Arial Narrow','Segoe UI',sans-serif;
  --vl-mono:'JetBrains Mono',monospace;
}
html{scroll-padding-top:100px}
body{font-family:Manrope,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
body::selection{background:#7edce840}
body h1,body h2,body h3{color:var(--ink);text-wrap:balance;overflow-wrap:break-word}
body h1,body h2{font-family:var(--vl-display);font-weight:700;letter-spacing:-.025em}
body :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
body [hidden]{display:none!important}

/* One compact navigation system, including the existing 14-language selector. */
body .topbar,body .mobile-header{
  position:sticky;top:0;z-index:40;min-height:76px;
  padding:14px max(24px,calc((100vw - 1200px)/2));gap:20px;
  border-bottom:1px solid var(--line);background:#111c27e8;
  backdrop-filter:blur(20px);box-shadow:none;
}
body .brand{gap:12px;min-width:0}
body .brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px;border-color:var(--line);background:#ffffff05;box-shadow:none}
body .brand-copy strong{font-family:var(--vl-display);font-size:23px;line-height:1.1;letter-spacing:.01em;color:var(--ink)}
body .brand-copy small{font-family:var(--vl-mono);font-size:9px;letter-spacing:.04em;color:var(--muted)}
body .nav{gap:20px;align-items:center}
body .nav a{font-family:var(--vl-mono);font-weight:400;font-size:11px;letter-spacing:.035em;text-transform:uppercase;color:var(--muted)}
body .nav a:hover{color:var(--ink)}
body .language-switcher{border:0;background:transparent;padding:0;max-width:100%}
body .language-switcher select{
  width:173px;min-height:42px;font-family:Manrope,sans-serif;font-size:12px;
  border:1px solid var(--line);border-radius:999px;padding:10px 26px 10px 14px;
  color:var(--ink);background:var(--dark-panel);box-shadow:none;
}
body .language-switcher option{color:var(--ink);background:var(--dark-panel)}
body .vl-actions{gap:10px}
body .vl-actions a,body .mobile-switch{border:1px solid var(--line);border-radius:999px;background:#ffffff03;color:var(--ink);min-height:42px;padding:10px 16px;font-size:12px}
body .vl-actions a:hover,body .mobile-switch:hover{border-color:#7edce86b;background:#7edce80a}
body .vl-header .brand-copy strong{font-family:var(--vl-display);font-size:22px;letter-spacing:.01em}
body .vl-header .brand-copy small{font-family:Manrope,sans-serif;color:var(--muted);font-size:9px}
body .vl-header .vl-icon{border-radius:999px;border-color:var(--line);background:#ffffff03;width:40px;height:40px;min-height:40px;padding:0}
body .vl-header .language-switcher select{border-radius:999px;border-color:var(--line);background:#ffffff03}
body .vl-header .vl-nav a{font-family:var(--vl-mono);font-size:10px;letter-spacing:.035em;text-transform:uppercase;color:var(--muted)}
@media(min-width:1101px){
  body .vl-header.topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;min-height:76px;gap:24px;padding:14px max(24px,calc((100vw - 1200px)/2))}
  body .vl-header.topbar .vl-nav{grid-column:2;grid-row:1;border:0;padding:0;gap:24px}
  body .vl-header.topbar .vl-actions{grid-column:3;grid-row:1;gap:8px}
}

/* The original Labs split composition, adapted to the existing Vorona content. */
body .hero{
  isolation:isolate;min-height:650px;display:grid;grid-template-columns:7fr 5fr;
  align-items:center;padding:80px max(24px,calc((100vw - 1120px)/2)) 90px;
  background:radial-gradient(ellipse at 66% 20%,#497bab23,transparent 55%),var(--paper);
}
body .hero::after{background:none;inset:auto;opacity:0}
body .hero-shade{display:none}
body .hero-picture{
  inset:64px max(24px,calc((100vw - 1120px)/2)) 64px auto;
  width:calc(min(1120px,100vw - 48px)*.39);height:auto;overflow:hidden;
  border:1px solid var(--line);border-radius:28px;padding:8px;
  background:#ffffff04;box-shadow:0 30px 70px #0004;transform:rotate(2deg);
}
body .hero-picture::after{position:absolute;content:'';inset:0;pointer-events:none;background:linear-gradient(0deg,#111c27a6,transparent 70%)}
body .hero-image{position:static;width:100%;height:100%;object-fit:cover;border-radius:20px;filter:saturate(.65);opacity:.9}
body .hero-content{position:relative;grid-column:1;width:100%;max-width:660px;margin:0;padding:0 40px 0 0;z-index:2}
body .hero-content::before{display:none}
body .hero h1{
  font-size:clamp(68px,8.7vw,126px);line-height:.98;max-width:8ch;
  background:var(--vl-chrome);background-clip:text;-webkit-background-clip:text;color:transparent;
}
body .hero-subbrand{display:inline-block;max-width:100%;margin:28px 0 0;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-family:var(--vl-mono);font-size:10px;font-weight:400;letter-spacing:.1em;color:var(--cyan);line-height:1.6}
body .hero .lead{margin:24px 0 0;font-size:23px;line-height:1.45;font-weight:600;color:var(--ink);max-width:27ch}
body .portal-intro{max-width:48ch;margin:18px 0 0;font-size:15px;line-height:1.8;color:var(--muted)}
body .hero-actions{gap:10px;margin-top:30px}
body .hero-actions a{font-size:12px;padding:12px 18px}

body :is(.primary-action,.secondary-action,.surface-action){
  min-height:44px;max-width:100%;border-radius:999px;padding:11px 20px;
  font-family:Manrope,'Segoe UI',sans-serif;font-size:13px;font-weight:600;line-height:1.45;
  box-shadow:none;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;
}
body .primary-action{color:#14222d;background:#eaf3f7;border:1px solid #eaf3f7}
body .primary-action:hover{color:#101c26;background:#fff;border-color:#fff;transform:translateY(-1px)}
body .secondary-action,body .surface-action{color:var(--ink);background:#ffffff03;border:1px solid var(--line)}
body .secondary-action:hover,body .surface-action:hover{color:var(--ink);background:#7edce80a;border-color:#7edce870}
body .primary-action:disabled{opacity:.55;transform:none;cursor:wait}

/* Editorial sections and larger, quiet portfolio surfaces. */
body .band{padding:80px max(24px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);background:var(--paper)}
body .band:nth-of-type(even){background:#ffffff02}
body .section-head{max-width:1120px;padding:0;margin:0 auto 36px;border:0}
body .eyebrow{font-family:var(--vl-mono);font-size:10px;line-height:1.7;font-weight:400;letter-spacing:.16em;color:var(--cyan);margin-bottom:16px}
body .section-head h2{max-width:21ch;font-size:clamp(34px,4.5vw,58px);line-height:1.12}
body .section-intro{max-width:64ch;margin-top:20px;font-size:14px;line-height:1.8;color:var(--muted)}
body :is(.project-grid,.project-grid.compact,.three-columns,.surface-grid,.service-grid,.visual-grid,.hosted-app-grid,.site-link-grid){max-width:1120px;gap:20px}
body .project-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
body :is(.project-card,.mobile-project-card,.surface-card,.service-card,.three-columns article,.visual-card,.site-link-item,.hosted-app){
  border:1px solid var(--line);border-radius:22px;background:#ffffff03;
  box-shadow:none;color:var(--ink);overflow:hidden;
  transition:transform .25s,border-color .25s,background .25s;
}
body :is(.project-card,.service-card,.visual-card):hover{transform:translateY(-4px);border-color:#7edce858;background:#ffffff05}
body :is(.project-card,.service-card,.three-columns article)::before{display:none}
body .project-card{display:flex;flex-direction:column;padding:0;min-width:0}
body .project-shot{aspect-ratio:16/10;min-height:0;margin:0;background:var(--dark);overflow:hidden}
body .project-shot img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:top;transition:transform .5s}
body .project-card:hover .project-shot img{transform:scale(1.025)}
body .project-body{padding:24px;gap:0}
body .project-body h3{font-family:var(--vl-display);font-size:28px;letter-spacing:-.015em;margin:14px 0 10px;line-height:1.2}
body .project-body p,body .role{color:var(--muted);font-size:13px;line-height:1.75}
body :is(.project-status,.upcoming .project-status,.development .project-status){font-family:var(--vl-mono);font-size:9px;font-weight:400;letter-spacing:.08em;color:var(--cyan);border:1px solid #7edce830;border-radius:999px;background:#7edce807;padding:5px 9px;align-self:flex-start}
body .project-actions{gap:8px;padding-top:20px;align-items:center}
body .project-actions .surface-action{font-size:11px;min-height:36px;padding:8px 12px}
body .project-domain{color:var(--muted);font-family:var(--vl-mono);font-size:10px}
body .upcoming,body .development{border-color:var(--line);background:var(--paper)}
body .surface-card,body .service-card,body .three-columns article{padding:30px;min-width:0}
body .service-card{display:flex;flex-direction:column;gap:18px}
body .service-price{align-self:flex-start;padding:0;border:0;background:var(--vl-chrome);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:var(--vl-display);font-size:38px;font-weight:700;line-height:1.1}
body .service-card h3{font-size:20px;line-height:1.4;font-weight:600;margin:0}
body .service-card p,body .surface-card p,body .three-columns article p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
body .software-cta{border-color:var(--line);background:var(--dark-panel);border-radius:22px;color:var(--muted)}
body .visual-shot{background:var(--dark);border-color:var(--line)}
body .visual-body{padding:22px}
body .visual-body h3{color:var(--ink)}
body .visual-body p{color:var(--muted);font-size:13px;line-height:1.75}
body .visual-type{font-family:var(--vl-mono);color:var(--cyan);font-size:9px;letter-spacing:.08em}
body .campaign-item{background:var(--dark-panel);border:1px solid var(--line);border-radius:22px;color:var(--ink)}
body .campaign-empty{color:var(--muted);font-size:13px}
body .release-table{border-color:var(--line);border-radius:20px;overflow:hidden;background:var(--dark-panel)}
body .release-row{border-color:var(--line);background:transparent;color:var(--muted)}
body .release-head{background:#ffffff04;color:var(--ink);font-family:var(--vl-mono);font-size:10px}
body .release-row>span:first-child{color:var(--ink)}
body .tag,body .tag.quiet,body .tag.good{border-color:var(--line);background:#ffffff05;color:var(--muted);border-radius:999px}
body .tag.good{background:#9ce3cf0a;border-color:#9ce3cf30;color:var(--mint)}

/* Localized detail pages use the same type, spacing and surfaces. */
body .search-detail{max-width:1168px;padding:72px 24px;min-height:65vh}
body .search-detail>h1{font-size:clamp(42px,6vw,80px);max-width:24ch;line-height:1.08;margin-bottom:42px}
body .search-detail .band{padding:44px 0;background:transparent}
body .search-detail .mobile-section{padding:36px 0;background:transparent}
body .search-detail .project-shot{border:1px solid var(--line);border-radius:22px}
body .search-detail .project-shot img{height:auto}
body .search-detail>.hero-actions{margin-bottom:32px}
body .search-detail a:not(.primary-action):not(.secondary-action):not(.surface-action){text-underline-offset:5px}

/* Existing enquiry fields and status nodes; no delivery or authentication changes. */
body .feedback{background:radial-gradient(ellipse at 50% 90%,#7edce80c,transparent 65%),var(--paper)}
body .feedback-form,body .owner-account-card{max-width:800px;padding:36px;border:1px solid var(--line);border-radius:26px;background:#ffffff03;box-shadow:0 24px 70px #0002}
body .feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body .feedback-fields>label:has([name=phone]){grid-column:1/-1}
body .feedback-form label,body .owner-login label{display:grid;gap:9px;font-size:12px;font-weight:400;color:var(--muted);min-width:0}
body .feedback-form>label:not(.feedback-honeypot){margin-top:22px}
body .feedback-form :is(input,select,textarea),body .owner-login input{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;
  padding:13px 15px;border:1px solid var(--line);border-radius:12px;
  background:#0d172180;color:var(--ink);font-family:Manrope,sans-serif;font-size:14px;line-height:1.5;box-shadow:none;
  transition:border-color .18s,background .18s;
}
body .feedback-form textarea{min-height:144px;resize:vertical}
body .feedback-form :is(input,select,textarea):focus,body .owner-login input:focus{border-color:var(--cyan);background:#0d1721}
body .feedback-form input::placeholder,body .feedback-form textarea::placeholder{color:#8294a5}
body .feedback-form :is(select option){background:var(--dark);color:var(--ink)}
body .feedback-hint,body .feedback-privacy{font-size:11px;line-height:1.75;color:var(--muted)}
body .feedback-channel{font-size:12px;line-height:1.7;border:1px solid var(--line);border-radius:12px;background:#7edce806;color:var(--muted);padding:12px 14px}
body .feedback-channel[data-available="1"]{color:var(--mint);border-color:#9ce3cf40;background:#9ce3cf08}
body .feedback-status:not(:empty),body [data-owner-status]:not(:empty){margin-top:18px;padding:14px 16px;border:1px solid #7edce84d;border-radius:12px;color:var(--ink);background:#7edce808;font-size:13px;line-height:1.6}
body .feedback-status[data-tone=error]{color:#ffc6c6;border-color:#ffadad55;background:#ffadad09}
body .feedback-status[data-tone=success]{color:var(--mint);border-color:#9ce3cf45;background:#9ce3cf08}
body .feedback-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
body .feedback-actions .primary-action{min-height:48px;padding:14px 26px}
body .feedback-form .feedback-actions .secondary-action{color:var(--ink);background:#ffffff03;border:1px solid var(--line);text-transform:none}
body .owner-fixed-email{color:var(--ink);background:#ffffff04;border-color:var(--line);border-radius:12px;font-size:13px}
body [data-owner-account] :is(.section-head h2,.section-head p:not(.eyebrow)){color:var(--ink)}
body [data-owner-account] .secondary-action{color:var(--ink);background:#ffffff03;border-color:var(--line)}
body .google-signin{background:#fff;color:#1f1f1f;border-color:#747775;border-radius:4px}
body .feedback-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Preserve native dialog opening, keyboard, backdrop and hidden states. */
body .vl-panel-dialog{width:min(680px,calc(100vw - 32px));padding:38px;border:1px solid var(--line-strong);border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 30px 110px #0009}
body #vl-message-dialog{width:min(800px,calc(100vw - 32px))}
body #vl-contact-dialog{width:min(540px,calc(100vw - 32px))}
body .vl-panel-dialog::backdrop{background:#050c14b8;backdrop-filter:blur(10px)}
body .vl-panel-close{width:38px;height:38px;margin:-23px -22px 8px 12px;border:1px solid var(--line);background:var(--dark-panel);color:var(--ink);border-radius:999px;font-size:24px}
body .vl-panel-close:hover{border-color:var(--cyan)}
body .vl-panel-dialog :is(.section-head,.mobile-section>h2){margin-bottom:24px}
body .vl-panel-dialog h2{font-family:var(--vl-display);font-size:clamp(30px,5vw,43px);line-height:1.14;margin-top:0;color:var(--ink)}
body .vl-panel-dialog .section-head h2{max-width:22ch}
body .vl-panel-dialog p{color:var(--muted);font-size:13px}
body .vl-panel-dialog :is(.feedback-form,.owner-account-card){padding:0;background:transparent;box-shadow:none;border:0}
body .vl-panel-dialog .feedback-fields{gap:18px}
body .vl-panel-dialog label{color:var(--muted)}
body .vl-panel-dialog :is(input,select,textarea){background:var(--dark);color:var(--ink);border:1px solid var(--line);border-radius:12px}
body .vl-panel-dialog textarea{width:100%}
body .vl-contact-options{gap:12px}
body .vl-contact-options a{padding:18px 20px;min-height:60px;border:1px solid var(--line);border-radius:16px;background:#ffffff03;color:var(--ink);font-size:14px}
body .vl-contact-options a>span:first-child{color:var(--cyan)}
body .vl-contact-options a:hover{background:#7edce809;border-color:#7edce860}
body .vl-call-dialog{background:var(--paper);color:var(--ink);border-color:var(--line-strong);border-radius:24px}
body .vl-call-dialog :is(a,button){border-color:var(--line);border-radius:14px;background:#ffffff03;color:var(--ink)}
body .footer,body .mobile-footer{background:var(--dark);border-top:1px solid var(--line);color:var(--muted)}
body .footer p,body .footer a{color:var(--muted)}
body .footer .search-links{border:0;justify-content:flex-start;gap:18px}
body .vl-credit{font-family:var(--vl-mono);font-size:10px;letter-spacing:.03em;border-color:var(--line);color:var(--muted)}

/* Mobile content has its own retained markup and identical visual vocabulary. */
body.mobile-site{background:var(--paper)}
body .mobile-services-nav{padding:14px 20px;border-bottom:1px solid var(--line);gap:12px 20px;background:var(--paper)}
body .mobile-services-nav a{font-family:var(--vl-mono);font-size:10px;color:var(--muted);line-height:1.6}
body .mobile-hero{position:relative;isolation:isolate;min-height:0;display:flex;flex-direction:column;padding:42px 24px 48px;gap:30px;background:radial-gradient(ellipse at 85% 15%,#497bab22,transparent 65%),var(--paper)}
body .mobile-hero>div{position:relative;z-index:2;order:-1}
body .mobile-hero>img{position:static;width:100%;height:230px;object-fit:cover;border:1px solid var(--line);border-radius:22px;opacity:.8;filter:saturate(.65)}
body .mobile-hero::after{display:none}
body .mobile-hero h1{font-size:clamp(57px,16vw,96px);line-height:1;max-width:10ch;background:var(--vl-chrome);background-clip:text;-webkit-background-clip:text;color:transparent}
body .mobile-tagline{font-size:21px;line-height:1.5;color:var(--ink);margin-top:20px;max-width:25ch}
body .mobile-hero .portal-intro{font-size:14px;color:var(--muted);line-height:1.8}
body .mobile-hero-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
body .mobile-hero-actions :is(.primary-action,.secondary-action){padding:12px 10px;min-height:46px;font-size:11px;width:auto;flex-basis:auto}
body .mobile-section{padding:44px 22px;border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}
body .mobile-section>h2{font-family:var(--vl-display);font-size:34px;line-height:1.17;margin:0 0 24px}
body .mobile-section>p{color:var(--muted);font-size:14px;line-height:1.8}
body .mobile-projects{gap:18px}
body .mobile-project-card{padding:0}
body .mobile-project-card>img{width:100%;height:210px;object-fit:cover;object-position:top;background:var(--dark)}
body .mobile-project-card .project-body{padding:22px}
body .mobile-project-card h3{font-family:var(--vl-display);font-size:26px}
body .mobile-project-card p{color:var(--muted)}
body .mobile-project-card>.project-actions{padding:16px 22px 22px}
body .mobile-project-card>:is(h3,p,.project-status){margin-left:22px;margin-right:22px}
body .mobile-project-card>h3{margin-top:20px}
body .mobile-project-card>.project-status{margin-top:22px}

@media(min-width:900px){body .hero-actions{max-width:530px}body .hero-actions a{flex:0 1 auto}}
@media(max-width:1100px){
  body .topbar{padding:12px 24px;grid-template-columns:1fr auto;gap:12px}
  body .topbar .nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:14px}
  body .topbar .language-switcher{grid-column:2;grid-row:1}
  body .hero{min-height:600px;padding-top:64px;padding-bottom:64px}
  body .hero h1{font-size:clamp(68px,9vw,108px)}
  body .hero-content{padding-right:25px}
  body .hero .lead{font-size:20px}
  body .band{padding-top:64px;padding-bottom:64px}
}
@media(max-width:760px){
  html{scroll-padding-top:140px}
  body .topbar,body .mobile-header{padding:12px 16px;gap:12px}
  body .topbar .brand-copy strong{font-size:20px}
  body .topbar .brand-copy small{display:block;font-size:8px}
  body .topbar .brand-mark{width:32px;height:32px;flex-basis:32px}
  body .language-switcher select{width:154px;min-height:40px;font-size:11px}
  body .topbar .nav{gap:10px 16px;flex-wrap:wrap;overflow:visible}
  body .nav a{font-size:10px;white-space:normal}
  body .hero{grid-template-columns:1fr;min-height:0;padding:48px 24px;gap:32px}
  body .hero-content{padding:0;max-width:none}
  body .hero h1{font-size:clamp(64px,14vw,104px);max-width:10ch}
  body .hero-picture{position:relative;inset:auto;width:100%;height:300px;transform:none;grid-row:2}
  body .hero-subbrand{margin-top:22px;font-size:9px}
  body .hero .lead{font-size:21px}
  body .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  body .hero-actions a{font-size:11px;min-width:0;padding:12px}
  body .band{padding:52px 22px}
  body .section-head h2{font-size:38px}
  body :is(.project-grid,.project-grid.compact,.service-grid,.surface-grid,.three-columns,.visual-grid){grid-template-columns:1fr;gap:18px}
  body .project-body{padding:24px}
  body .service-card,body .surface-card,body .three-columns article{padding:26px}
  body .service-price{font-size:36px}
  body .feedback-form,body .owner-account-card{padding:24px}
  body .search-detail{padding:40px 22px}
  body .search-detail>h1{font-size:clamp(32px,8.4vw,48px)}
  body .search-detail .band{padding:30px 0}
  body .vl-panel-dialog{padding:30px 22px}
  body .vl-panel-close{margin:-18px -12px 8px 12px}
  body .mobile-header{display:grid;grid-template-columns:1fr auto}
  body .mobile-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
  body .mobile-header .brand-copy strong{font-size:19px}
  body .mobile-header .brand-copy small{font-size:8px}
  body .mobile-header .brand-mark{width:32px;height:32px;flex-basis:32px}
}
@media(min-width:560px) and (max-width:760px){body .project-grid,body .project-grid.compact,body .mobile-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){
  body .topbar{grid-template-columns:1fr auto}
  body .topbar .language-switcher{grid-column:2;grid-row:1}
  body .topbar .nav{grid-column:1/-1;grid-row:2}
  body .brand{gap:8px}
  body .language-switcher select{width:145px}
  body .feedback-fields,body .vl-panel-dialog .feedback-fields{grid-template-columns:1fr;gap:16px}
  body .feedback-actions{align-items:stretch;flex-direction:column}
  body .feedback-actions :is(.primary-action,.secondary-action){width:100%}
  body .vl-panel-dialog{padding:30px 20px 24px;max-height:calc(100dvh - 20px)}
  body .vl-panel-dialog h2{font-size:32px}
  body .mobile-header .brand-copy small{max-width:110px;line-height:1.5}
  body .mobile-header-actions .mobile-switch{font-size:10px;min-height:32px;padding:6px 10px}
  body .mobile-header-actions .language-switcher{grid-column:auto;grid-row:auto}
  body .mobile-hero{padding-right:22px;padding-left:22px}
  body .vl-contact-options a{padding:16px;font-size:12px}
  body .vl-header .brand-copy strong{font-size:18px}
  body .vl-header .vl-nav{gap:12px;flex-wrap:wrap}
  body .vl-header .vl-nav a{font-size:9px;white-space:normal}
  body .vl-header .vl-icon{width:34px;height:36px;min-height:36px}
}
@media(max-width:360px){
  body .topbar,body .mobile-header{padding-right:12px;padding-left:12px;gap:10px}
  body .brand-copy strong,body .mobile-header .brand-copy strong{font-size:17px}
  body .brand-mark,body .mobile-header .brand-mark{width:27px;height:27px;flex-basis:27px}
  body .language-switcher select{width:130px;font-size:10px;padding-left:10px}
  body .topbar .brand-copy small{display:none}
  body .vl-header .brand-copy strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{animation:none!important;transition:none!important}body .project-card:hover,body .service-card:hover,body .visual-card:hover{transform:none}}