@page {
    size: A4;
    margin: 0;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    background: #1a1612;
    color: #241e18;
    font-family: "Cairo", sans-serif;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.sheet {
    width: 210mm;
    height: 297mm;
    margin: 0 auto 16px;
    position: relative;
    overflow: hidden;
    background: #f4efe6;
    page-break-after: always;
    break-after: page;
}

.sheet:last-child { page-break-after: auto; break-after: auto; }

img { display: block; width: 100%; height: 100%; object-fit: cover; }

.kicker {
    color: #c6a46a;
    font-weight: 700;
    letter-spacing: .14em;
    font-size: 12px;
}

.cover { background: #14110e; color: #efe6d6; }
.cover .bleed { position: absolute; inset: 0; filter: saturate(1.08) contrast(1.06); }
.cover .veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13,11,9,.28), transparent 36%, rgba(13,11,9,.82));
}

.cover-top, .cover-copy, .cover-foot { position: absolute; z-index: 2; }

.cover-top {
    top: 18mm;
    right: 16mm;
    left: 16mm;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cover-top img {
    width: 16mm;
    height: 16mm;
    border-radius: 4mm;
    object-fit: cover;
}

.cover-top span { letter-spacing: .22em; font-size: 11px; color: #ead7b3; font-weight: 700; }

.cover-copy {
    right: 16mm;
    left: 16mm;
    bottom: 42mm;
}

.cover-copy small { letter-spacing: .2em; color: #c6a46a; font-weight: 700; }
.cover-copy h1 { margin: 6px 0 0; font-size: 72px; line-height: .9; }
.cover-copy em {
    display: block;
    margin-top: 4px;
    letter-spacing: .42em;
    color: #c6a46a;
    font-style: normal;
    font-weight: 700;
}
.cover-copy p { margin: 10px 0 0; font-size: 20px; color: #ead7b3; }

.cover-foot {
    right: 16mm;
    left: 16mm;
    bottom: 16mm;
    display: flex;
    gap: 18px;
    color: #ead7b3;
    font-size: 13px;
}

.story, .compound, .model, .close { padding: 16mm; }

.story { display: grid; grid-template-columns: 1fr 1fr; gap: 10mm; }

.story h2, .close h2, .model h2 {
    margin: 8px 0 12px;
    font-size: 32px;
    line-height: 1.25;
}

.story p, .compound p, .model p, .close p {
    color: #6f675c;
    line-height: 1.8;
    font-size: 14px;
}

.facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0;
    margin: 16px 0 0;
    list-style: none;
}

.facts li {
    background: #fff;
    border: 1px solid #d9d0c1;
    border-radius: 8px;
    padding: 10px 12px;
}

.facts strong { display: block; font-size: 24px; }
.facts span { color: #7a7166; font-size: 12px; }

.photos { display: grid; gap: 8px; }
.photos img { height: 118mm; border-radius: 8px; }

.compound { display: flex; flex-direction: column; gap: 8mm; }

.wide { position: relative; height: 132mm; border-radius: 8px; overflow: hidden; }
.wide .caption {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    color: #efe6d6;
}

.wide small { color: #ead7b3; letter-spacing: .12em; font-weight: 700; }
.wide strong { display: block; font-size: 22px; margin-top: 4px; }

.tri { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6mm; }
.tri article { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #d9d0c1; }
.tri img { height: 58mm; }
.tri b, .tri p { display: block; padding: 0 10px; }
.tri b { margin-top: 8px; }
.tri p { padding-bottom: 10px; font-size: 12px; }

.model-hero {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 8mm;
    min-height: 150mm;
}

.model-hero.reverse { grid-template-columns: .85fr 1.15fr; }
.model-hero.reverse img { order: 2; }

.model-hero img { border-radius: 8px; min-height: 150mm; }

.model-hero small { color: #c6a46a; font-weight: 700; letter-spacing: .12em; }
.model-hero em { display: block; color: #c6a46a; letter-spacing: .16em; font-style: normal; font-weight: 700; margin-bottom: 10px; }

.model-hero dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 16px 0 0;
}

.model-hero dt { color: #7a7166; font-size: 12px; }
.model-hero dd { margin: 0; font-size: 18px; font-weight: 700; }

.model-hero > div {
    background: #fff;
    border: 1px solid #d9d0c1;
    border-radius: 8px;
    padding: 14mm 10mm;
}

.thumbs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6mm; margin-top: 8mm; }
.thumbs img { height: 52mm; border-radius: 8px; }

.close-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 10mm; min-height: 190mm; }
.close-grid img { border-radius: 8px; height: 190mm; }

.contact { list-style: none; padding: 0; margin: 18px 0 0; }
.contact li { padding: 8px 0; border-bottom: 1px solid #d9d0c1; font-size: 20px; font-weight: 700; }

.end {
    position: absolute;
    right: 16mm;
    left: 16mm;
    bottom: 14mm;
    display: flex;
    align-items: center;
    gap: 10px;
}

.end img { width: 14mm; height: 14mm; border-radius: 4mm; }
.end b { display: block; }
.end span { color: #7a7166; font-size: 12px; }

.dl {
    position: fixed;
    top: 16px;
    left: 16px;
    z-index: 20;
    background: #c6a46a;
    color: #14110e;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 13px;
}

@media print {
    html, body { background: #fff; }
    .sheet { margin: 0; box-shadow: none; }
    .dl { display: none; }
}