:root{--landing-max: 960px;--landing-bg-base: #12100e;--landing-bg-deep: #0a0908;--landing-card: #1a1816;--landing-card-border: rgba(200, 168, 75, .22);--landing-muted: #9a9590;--landing-text: #ebe8e3;--gold: #c8a84b;--gold-light: #e8c96a;--serif: "Playfair Display", Georgia, serif;--body-serif: "Lora", Georgia, serif;--elegant: "Cormorant Garamond", Georgia, serif}html{height:100%}body.landing{min-height:100%;width:100%;margin:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--landing-text);font-family:var(--body-serif);font-size:16px;line-height:1.5;display:flex;flex-direction:column;align-items:center;background-color:var(--landing-bg-deep);background-image:radial-gradient(ellipse 100% 70% at 50% 0%,rgba(200,168,75,.14) 0%,transparent 52%),radial-gradient(ellipse 90% 55% at 50% 115%,rgba(90,70,45,.45) 0%,transparent 50%),linear-gradient(165deg,#1c1916 0%,var(--landing-bg-base) 38%,var(--landing-bg-deep) 100%)}.landing{box-sizing:border-box;min-height:100dvh;flex:0 1 auto;width:min(100%,var(--landing-max));margin:0;align-self:center;padding-left:clamp(1rem,4vw,2.25rem);padding-right:clamp(1rem,4vw,2.25rem);padding-top:calc(env(safe-area-inset-top,0px) + clamp(1.75rem,4.5vw,3rem));padding-bottom:calc(env(safe-area-inset-bottom,0px) + clamp(1.5rem,3vw,2.75rem));display:flex;flex-direction:column;align-items:stretch;gap:clamp(1.25rem,3vw,2rem)}.landing__site-title{flex-shrink:0;align-self:center;width:100%;max-width:40rem;font-family:var(--serif);font-size:clamp(1.15rem,2.8vw,1.65rem);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0;line-height:1.35}.landing__hint{flex-shrink:0;align-self:center;width:100%;max-width:34rem;margin:0;text-align:center;font-family:var(--body-serif);font-size:clamp(.86rem,1.6vw,.95rem);color:var(--landing-muted);line-height:1.5}.landing__grid{flex:0 1 auto;width:100%;min-width:0;display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem);align-items:stretch;justify-items:stretch}@media (min-width: 768px){.landing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}}.book-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:clamp(.85rem,2vw,1.15rem);min-height:0;padding:clamp(1.15rem,2.5vw,1.65rem) clamp(1rem,2vw,1.35rem);background:var(--landing-card);border:1px solid var(--landing-card-border);border-radius:12px;box-shadow:0 2px #ffffff0a inset,0 12px 40px #0006;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.book-tile:hover{border-color:#c8a84b66;box-shadow:0 2px #ffffff0d inset,0 16px 48px #00000080;transform:translateY(-3px)}.book-tile:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.book-tile__media{flex-shrink:0;width:clamp(7rem,42vw,9.5rem);max-width:100%;aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;border:1px solid rgba(200,168,75,.25);background:#0d0d0d;position:relative}@media (min-width: 768px){.book-tile__media{width:clamp(7.5rem,22vw,10rem)}}.book-tile__media--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.book-tile__media--pwop img{object-position:center 44%}.book-tile__body{flex:0 1 auto;width:100%;max-width:22rem;margin:0 auto;display:flex;flex-direction:column;gap:.4rem;text-align:center}.book-tile__title{font-family:var(--serif);font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:700;line-height:1.28;margin:0;color:var(--landing-text)}.book-tile__author{font-family:var(--body-serif);font-size:.84rem;color:var(--gold);margin:0;letter-spacing:.04em}.book-tile__desc{font-family:var(--elegant);font-style:italic;font-size:clamp(.84rem,1.6vw,.96rem);color:var(--landing-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}.book-tile__cta{flex-shrink:0;margin-top:.15rem;font-family:var(--body-serif);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0d0d0d;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);padding:.68rem 1.35rem;border-radius:6px;pointer-events:none;white-space:nowrap}