@font-face{font-family:Manrope;src:url(main-sans.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122,U+2190-21FF}@font-face{font-family:Manrope;src:url(main-cyrillic.woff2) format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
.demo-toolbar{position:sticky!important;top:0;z-index:9999;min-height:42px;padding:10px 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f3f1eb!important;color:#292a24!important;border-bottom:1px solid #d9d8cf;font:10px/1.4 Manrope,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.demo-toolbar a{color:inherit!important;text-decoration:none!important;font:inherit!important;letter-spacing:inherit!important}.demo-toolbar a:hover{text-decoration:underline!important}.demo-toolbar>span{color:#595b52;white-space:nowrap}.is-preview .demo-toolbar{display:none!important}.demo-toolbar a:focus-visible{outline:2px solid #e4623d;outline-offset:3px}form [data-demo-status]{font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.6}dialog{max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}@media(max-width:600px){.demo-toolbar{padding:9px 13px;gap:10px;font-size:8px!important}.demo-toolbar a:last-child{max-width:110px;text-align:right}.demo-toolbar>span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Shared phone controls for concept pages; the portfolio does not load this file. */
@media(max-width:700px){
  html body .language-switch button[data-language]{min-width:40px;min-height:44px;padding:10px 6px;font-size:12px;line-height:1.3}
  html body .language-switch{gap:0}
  html body button:not([data-language]){min-width:44px;min-height:44px}
  html body header button[aria-controls][aria-expanded]{white-space:nowrap;flex-shrink:0}
  html body header nav a{min-height:44px;display:flex;align-items:center}
  html body input:not([type=hidden]):not([type=range]):not([type=checkbox]):not([type=radio]),
  html body select:not([hidden]),html body textarea:not([hidden]){font-size:16px;min-height:48px}
  html body textarea{min-height:88px}
  .demo-toolbar{height:42px;min-height:42px;padding:0 12px;gap:8px;font-size:10px!important}
  .demo-toolbar a{display:flex;align-items:center;min-height:40px}
  .demo-toolbar a:last-child{justify-content:flex-end;max-width:110px}
  .demo-toolbar>span{font-size:10px}
  html body form [data-demo-notice]{font-size:12px!important;line-height:1.6}
}