/* Bookpipe — aged parchment single-page prototype */

:root {
    --parchment-base:   #f4ead5;
    --parchment-warm:   #ecdfba;
    --parchment-deep:   #e2d0a4;
    --ink:              #3a2a18;
    --ink-soft:         #5a4226;
}

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

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "EB Garamond", Garamond, "Iowan Old Style", "Palatino Linotype", Palatino, serif;
    color: var(--ink);

    /* Aged parchment background: warm base + corner aging + subtle paper grain */
    background-color: var(--parchment-base);
    background-image:
        radial-gradient(ellipse at top left, rgba(120, 80, 30, 0.10), transparent 55%),
        radial-gradient(ellipse at bottom right, rgba(120, 80, 30, 0.12), transparent 60%),
        radial-gradient(ellipse at center, rgba(255, 255, 255, 0.18), transparent 70%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25  0 0 0 0 0.18  0 0 0 0 0.08  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
    background-blend-mode: multiply, multiply, screen, normal;
    background-attachment: fixed, fixed, fixed, fixed;
    background-size: cover, cover, cover, 200px 200px;

    min-height: 100vh;
    box-shadow: inset 0 0 180px rgba(70, 40, 10, 0.25);
    overflow-x: hidden;
}

.hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    max-width: 100%;
}

.hero-logo {
    width: clamp(180px, 26vw, 320px);
    height: auto;
    display: block;
    filter: drop-shadow(0 1px 0 rgba(58, 42, 24, 0.10));
    opacity: 0.95;
}

.hero-title {
    font-family: "IM Fell English SC", "IM Fell English", "EB Garamond", Garamond, serif;
    font-weight: 400;
    color: var(--ink);
    font-size: clamp(3rem, 9vw, 6.5rem);
    letter-spacing: 0.04em;
    line-height: 1.05;
    margin: 0;
    text-shadow: 0 1px 0 rgba(90, 66, 38, 0.10);
}

@media (max-width: 480px) {
    .hero { padding: 1.25rem; }
}