@view-transition {navigation:none}
.kyom-books-home { --paper: #F0EAE2; --paper-panel: #F8F4F0; --ink: #621244; --muted: #7A5445; --hair: #DCD3CB; --deep: #4A0E34; --silver: #B7A8A1; --cherry: #862861; }
.kyom-books-home {font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--ink);font-weight:500;line-height:1.8}
.kyom-books-home * {box-sizing:border-box}
.kyom-books-home h2,.kyom-books-home h3,.kyom-books-home p {font-family:'IBM Plex Sans Arabic',sans-serif;margin:0;letter-spacing:normal}
.kyom-books-home h2 {font-size:33px;line-height:1.5;font-weight:700}
.kyom-books-home h3 {font-weight:700}
.kyom-books-home svg {width:22px;height:22px;flex-shrink:0}
.kyom-books-home img {display:block;max-width:100%;height:auto}
.kyom-books-home .container {width:min(1200px,calc(100% - 96px));margin-inline:auto}
.kyom-books-home a:focus-visible {outline:2px solid var(--ink);outline-offset:5px}
.kyom-books-home .book-display:focus-visible {outline-color:var(--ink)}
.kyom-books-home .home-books { padding-block: 64px; border-top: 1px solid var(--hair); display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px 64px; align-items: center; }
.kyom-books-home .home-books-intro { grid-column: 2; grid-row: 1; }
.kyom-books-home .home-books-intro p { margin-top: 16px; max-width: 30ch; }
.kyom-books-home .book-display { display: block; background: linear-gradient(to top, var(--ink) 0%, var(--cherry) 50%, var(--silver) 82%, var(--paper) 100%); color: var(--paper); text-decoration: none; border-radius: 2px; }
.kyom-books-home .book-display:focus-visible { outline-offset: 6px; }
.kyom-books-home .book-art { aspect-ratio: 2 / 3; object-fit: contain; transform: perspective(800px) rotateY(-7deg); transition: transform 400ms ease-out; }
.kyom-books-home .book-display:hover .book-art, .kyom-books-home .book-display:focus-visible .book-art { transform: perspective(800px) rotateY(-3deg) translateY(-8px); }
.kyom-books-home .home-book-feature { background: linear-gradient(to left, var(--silver) 0%, var(--cherry) 38%, var(--ink) 100%); grid-column: 1; grid-row: 1 / span 2; display: grid; grid-template-columns: 144px minmax(0, 1fr); align-items: center; gap: 32px; padding: 32px; }
.kyom-books-home .feature-cover, .kyom-books-home .library-cover { position: relative; isolation: isolate; }
.kyom-books-home .feature-cover::before, .kyom-books-home .library-cover::before { content: ''; position: absolute; width: 64px; height: 64px; inset-inline-end: -16px; top: -8px; background: url('assets/kyom-flora-bee.svg') center / contain no-repeat; opacity: .2; z-index: -1; }
.kyom-books-home .home-book-feature .book-art { width: 144px; }
.kyom-books-home .home-book-feature h3 { font-size: 30px; line-height: 1.4; }
.kyom-books-home .feature-subtitle { font-size: 15px; margin-top: 4px; }
.kyom-books-home .feature-author { font-size: 13px; margin-top: 12px; }
.kyom-books-home .book-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 14px; padding-top: 16px; margin-top: 24px; border-top: 1px solid rgb(240 234 226 / .3); }
.kyom-books-home .library-link { grid-column: 2; grid-row: 2; justify-self: start; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 12px 24px; min-height: 52px; font-size: 16px; text-decoration: none; background: var(--ink); color: var(--paper); border: 1px solid var(--ink); border-radius: 2px; transition: background-color 150ms ease-out; }
.kyom-books-home .library-link:hover { background: var(--deep); }
.kyom-books-home .library-link svg { width: 22px; height: 22px; }
.kyom-books-home .book-display.is-entering .book-art { animation: kyom-book-arrives 400ms ease-out; }

@keyframes kyom-book-arrives{from{opacity:.65;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.kyom-books-home .container{width:calc(100% - 64px)}.kyom-books-home .home-books{gap:24px 32px}}
@media(max-width:767px){.kyom-books-home .container{width:calc(100% - 40px)}.kyom-books-home h2{font-size:25px}.kyom-books-home .home-books{grid-template-columns:1fr;gap:24px;padding-block:40px}.kyom-books-home .home-books-intro{grid-column:1;grid-row:1}.kyom-books-home .home-books-intro p{margin-top:8px;font-size:15px;max-width:none}.kyom-books-home .home-book-feature{grid-column:1;grid-row:2;grid-template-columns:104px minmax(0,1fr);padding:24px;gap:24px}.kyom-books-home .home-book-feature .book-art{width:104px}.kyom-books-home .home-book-feature h3{font-size:25px}.kyom-books-home .feature-subtitle{font-size:13px}.kyom-books-home .feature-author{margin-top:8px}.kyom-books-home .home-book-feature .book-link{margin-top:16px;padding-top:12px}.kyom-books-home .library-link{grid-column:1;grid-row:3;justify-self:stretch}}
@media(max-width:359px){.kyom-books-home .home-book-feature{grid-template-columns:88px minmax(0,1fr);padding:20px 16px;gap:16px}.kyom-books-home .home-book-feature .book-art{width:88px}.kyom-books-home .home-book-feature h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.kyom-books-home *{animation:none!important;transition:none!important}}