/* Общее для демо-проектов портфолио: плашка «Демонстрационный проект» и базовый сброс. У каждого демо свой стиль в его файле. */
@font-face{font-family:"Manrope";src:url("/fonts/Manrope.woff") format("woff");font-weight:200 800;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
.dmo-bar{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px max(16px,env(safe-area-inset-left,0px));background:#2f2b2e;color:#f2edf0;font:600 13px/18px Manrope,system-ui,sans-serif}
.dmo-bar p{flex:1 1 260px;margin:0}
.dmo-bar b{color:#f5b3c8}
.dmo-bar a{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;text-decoration:none;font-weight:700;white-space:nowrap}
.dmo-bar .dmo-want{background:#ec8fae;color:#2a1520}
.dmo-bar .dmo-back{color:#f2edf0;border:1px solid #6b6368}
.dmo-bar a:focus-visible{outline:2px solid #f5b3c8;outline-offset:2px}
.shot .dmo-bar{display:none}
.dmo-note{font:600 12px/17px Manrope,system-ui,sans-serif;opacity:.8}
.dmo-done{font-weight:700}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}