body{margin:0;padding:0;font-family:"DM Sans", sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
:root {
  --tone-deep: #fbf7f2;
  --tone-secondary: linear-gradient(135deg, #fbf7f2 0%, #f2e3d0 55%, #e7c9a4 100%);
  --ink-primary: #8a5a2b;
  --measure-block: 1480px;
  --tone-accent: #2a1e14;
  --tone-soft: calc(var(--stack-list) * .75);
  --label-heading: 1.64;
  --surface-accent: #f2e9de;
  --depth-soft: 0 24px 52px rgba(0,0,0,0.13);
  --tone-extra-16: #8a5a2b;
  --line-main: #fbf7f2;
  --space-wide: 2.27rem;
  --surface-strong: #2a1e14;
  --ink-strong: #e6d9c8;
  --surface-clear: linear-gradient(135deg, #c98a4b 0%, #8a5a2b 100%);
  --surface-primary: #2a1e14;
  --font-heading: calc(19.4px * 1.35);
  --paint-panel: #ffffff;
  --surface-secondary: #ffffff;
  --line-secondary: #c98a4b;
  --stack-list: 1.5rem;
  --surface-muted: #ffffff;
  --speed-nav: ease-in-out;
  --ink-card: #4a3a2c;
  --tone-dark: #2a1e14;
}

.cookies {
        position: fixed;
        left: var(--space-wide);
        right: var(--space-wide);
        bottom: var(--stack-list);
        z-index: 1200
    }
.cookies .site-tile {
        max-width: var(--measure-block);
        margin: 0 auto;
        display: flex;
        gap: 1px;
        background: #d8dde6;
        color: #0a0f1a;
        border: 1px solid #d8dde6;
        box-shadow: var(--depth-soft)
    }
.cookies .site-tile div {
        width: 50%;
    }
.cookies .site-tile > * {
        min-width: 0;
    }
.cookies .site-tile > * {
        background: #fff;
        color: #0a0f1a;
        padding: var(--stack-list)
    }
.cookies strong {
        font-size: var(--font-heading);
        line-height: 1.12
    }
.cookies p {
        margin: var(--tone-soft) 0 0;
        color: #2a3040;
        line-height: var(--label-heading)
    }
.cookies button {
        border: 0;
        font: inherit;
        cursor: pointer
    }
.cookies button.cookie-accept {
        background: var(--ink-primary);
        color: var(--surface-secondary)
    }
@media (max-width: 760px) {
        .cookies .site-tile {
            display: block
        }

        .cookies .site-tile > * {
            display: block;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #d8dde6
        }
    }