:root {
    --wr-ink: #24201d;
    --wr-accent: #007aff;
    --wr-muted: #6a5d53;
    --wr-paper: #f8f3ec;
    --wr-panel: #fffaf4;
    --wr-line: #e3d7c9;
    --wr-display: Georgia, 'Times New Roman', serif;
    --wr-radius: .4rem;
    --wr-max: 1180px;
}

.wr-header { background: var(--wr-paper); border-top: .35rem solid var(--wr-accent); }
.wr-header-contact { border-radius: 2rem; }
.wr-footer { background: #2c251f; color: #fffaf4; }

.kg-cover { padding: clamp(2.7rem, 7vw, 7rem) 0 clamp(2rem, 6vw, 5.5rem); }
.kg-edition {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: clamp(2rem, 6vw, 6.5rem);
    align-items: center;
}
.kg-edition:not(:has(.kg-frame)) { grid-template-columns: minmax(0, 1fr); }
.kg-copy { padding-block: clamp(1.1rem, 3vw, 3rem); border-block: 1px solid var(--wr-line); }
.kg-copy h1 {
    max-width: 14ch;
    margin: 0 0 1.45rem;
    font: 400 clamp(2.7rem, 6.5vw, 6.55rem) / .99 var(--wr-display);
    letter-spacing: -.065em;
    overflow-wrap: anywhere;
}
.kg-copy p { max-width: 49ch; color: var(--wr-muted); }
.kg-edition:has(.kg-frame) .kg-copy { grid-column: 2; grid-row: 1; }
.kg-label { font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .18em; }
.kg-action a { display: inline-block; border-bottom: 2px solid var(--wr-accent); padding-bottom: .3rem; color: #074e9c; font-weight: 700; text-decoration: none; }
.kg-action a:hover { text-decoration: underline; }
.kg-frame { grid-column: 1; grid-row: 1; position: relative; z-index: 0; margin: 0; padding: 0 1.1rem 1.1rem 0; }
.kg-frame::before {
    position: absolute;
    inset: 1rem 0 0 1rem;
    z-index: -1;
    border: 1px solid var(--wr-accent);
    content: '';
}
.kg-frame img { width: 100%; display: block; aspect-ratio: 4 / 4.6; object-fit: cover; }
.kg-reading { max-width: 940px; margin: 0 auto clamp(3rem, 7vw, 7rem); }
.kg-reading .wr-flow { border-top: 1px solid var(--wr-line); padding-top: 1.5rem; }
.kg-reading .wr-section-blurb { padding: clamp(1rem, 3vw, 2rem); background: var(--wr-panel); border-left: 2px solid var(--wr-accent); }
.kg-reading .wr-section-testimonial { font-family: var(--wr-display); font-size: 1.17rem; }
.kg-journal { list-style: none; margin: 0; padding: 0; }
.kg-journal li { padding: 1.1rem 0; border-top: 1px solid var(--wr-line); }
.kg-journal a { color: inherit; font: 1.5rem var(--wr-display); }
.kg-journal time { display: block; margin-top: .4rem; color: var(--wr-muted); font-size: .8rem; }

@media (max-width: 760px) {
    .kg-edition { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; }
    .kg-edition:has(.kg-frame) .kg-copy, .kg-frame { grid-column: auto; grid-row: auto; }
    .kg-frame { max-width: 34rem; }
    .kg-frame img { aspect-ratio: 5 / 4; }
}