/* Локальный шрифт — работает и без интернета */
@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

:root{
    --orange: #E86A33;
    --orange-dark: #D65A26;
    --orange-deep: #C24A16;
    --orange-15: #FF6B1A15;
    --cream: #FFF0E6;
    --cream-2: #FCF1E8;
    --line: #EADBD0;
    --ink: #2B2622;
    --ink-soft: #5B5450;
    --muted: #7A6C62;
    --radius: 25px;
    --gutter: 24px;
}

*{ box-sizing:border-box; margin:0; padding:0; }

html, body {
    min-height: 100%;
    background: #fff;
    color: var(--ink);
    font-family: 'Rubik', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
}

img{ max-width: 100%; }
a{ color: inherit; }

/* Режим «слайдов» на больших экранах: страница не прокручивается,
   переключение идёт колесом / клавишами / свайпом */
@media (min-width: 901px) and (min-height: 600px){
    html.js, html.js body{
        height: 100%;
        overflow: hidden;
        scrollbar-width: none;
    }
    html.js::-webkit-scrollbar,
    html.js body::-webkit-scrollbar{ display: none; }
}

@media (max-width: 900px), (max-height: 599px){
    html{ scroll-behavior: smooth; scroll-padding-top: 90px; }
}