/* ══════════════════════════════════════════════════
   BASE — Variables, Reset, Font Face
══════════════════════════════════════════════════ */

/* ── Crimson Pro (local) ──────────────────────── */
@font-face {
    font-family: 'Crimson Pro';
    src: url('../fonts/CrimsonPro-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Crimson Pro';
    src: url('../fonts/CrimsonPro-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

:root {
    --red:    #8B2500;
    --cream:  #f0ebe0;
    --ink:    #2a1800;
    --cream2: #e8e2d6;
    --cream3: #f7f3ec;
    --ink2:   #5a4030;
    --muted:  #9a8878;
    --white:  #ffffff;

    /* Crimson Pro tüm metinler için */
    --font-serif:  'Crimson Pro', 'Playfair Display', Georgia, serif;
    --font-body:   'Crimson Pro', Georgia, serif;
    --font-ui:     'Montserrat', system-ui, sans-serif;

    --nav-h:   80px;
    --wrap:    1320px;

    --ease:    cubic-bezier(0.4, 0, 0.2, 1);
    --dur:     0.3s;
    --sh-sm:   0 2px 12px rgba(42,24,0,.08);
    --sh-md:   0 6px 28px rgba(42,24,0,.13);
    --sh-lg:   0 16px 48px rgba(42,24,0,.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
    background: var(--cream);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 1.18rem;   /* 2 tık büyük base */
    line-height: 1.75;
    overflow-x: hidden;
}
img  { display: block; max-width: 100%; height: auto; }
a    { color: inherit; text-decoration: none; }
ul,ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
input,textarea,select { font-family: inherit; font-size: inherit; }

.wrap {
    width: 100%;
    max-width: var(--wrap);
    margin-inline: auto;
    padding-inline: clamp(1.5rem, 5vw, 4rem);
}

/* ── Heading scale (Crimson Pro) ─────────────── */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    font-weight: 700;
    line-height: 1.2;
}

[data-reveal] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .65s var(--ease), transform .65s var(--ease);
}
[data-reveal].on { opacity: 1; transform: none; }