/* Mikhail Krylov — Creative Studio. Shared by portfolio and case pages.
   Client project demos and portfolio media retain their own artwork. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-500.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-600.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('fonts/manrope-500.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('fonts/manrope-600.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url('fonts/manrope-700.ttf') format('truetype')}
:root{
  color-scheme:dark;
  --color-deep-black:#090B0B;
  --color-charcoal:#1A1D1D;
  --color-warm-bone:#F3F1E9;
  --color-mineral-teal:#789F95;
  --color-electric-lime:#D9FF45;
  --font-display:"Manrope",sans-serif;
  --font-body:"Inter",sans-serif;
  --bg:var(--color-deep-black);
  --surface:var(--color-charcoal);
  --text:var(--color-warm-bone);
  --ink:var(--color-warm-bone);
  --muted:rgb(from var(--color-warm-bone) r g b / .68);
  --line:rgb(from var(--color-warm-bone) r g b / .12);
  --accent:var(--color-electric-lime);
  --secondary:var(--color-mineral-teal);
  --bone-faint:rgb(from var(--color-warm-bone) r g b / .04);
  --bone-soft:rgb(from var(--color-warm-bone) r g b / .08);
  --bone-border:rgb(from var(--color-warm-bone) r g b / .2);
  --teal-soft:rgb(from var(--color-mineral-teal) r g b / .06);
  --teal-border:rgb(from var(--color-mineral-teal) r g b / .4);
}
body{font-family:var(--font-body);font-weight:400;font-synthesis:none}
button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3{font-family:var(--font-display);font-weight:600}
.brand{font-family:var(--font-body);font-weight:600}
.brand-mark{flex-shrink:0;object-fit:contain}