@font-face{font-family:'DeePage Editorial';src:url('/fonts/editorial.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'DeePage Sans';src:url('/fonts/interface.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Scoped to the HTML fallback. These rules stop applying when Expo mounts. */
html:has([data-deepage-public]),body:has([data-deepage-public]){height:auto;overflow:auto;background:#120f0c;margin:0}
#root:has(>[data-deepage-public]){height:auto;min-height:100vh;display:block}
.dp-public{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:0 40px;color:#f5f0e9;background:#120f0c;font:15px/1.65 'DeePage Sans',sans-serif;min-height:100vh}
.dp-public *{box-sizing:border-box}
.dp-public a{color:inherit;text-decoration:none}
.dp-public a:focus-visible{outline:2px solid #d4a97e;outline-offset:5px}
.dp-public-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid rgba(196,149,106,.2)}
.dp-public-logo{display:block;width:180px;height:80px;object-fit:contain}
.dp-public-link{border:1px solid rgba(196,149,106,.24);border-radius:9px;padding:11px 16px;font-size:13px;color:#d4a97e!important}
.dp-public-intro{max-width:900px;padding:64px 0 56px}
.dp-public-eyebrow{color:#d4a97e;font-size:10px;letter-spacing:2.4px;margin:0 0 20px}
.dp-public h1,.dp-public h2,.dp-public h3{font-family:'DeePage Editorial',Georgia,serif;font-weight:500;margin:0;overflow-wrap:anywhere}
.dp-public h1{font-size:clamp(40px,5vw,66px);line-height:1.08;max-width:860px}
.dp-public-lead{font-size:18px;line-height:1.65;max-width:620px;color:#c9bfb5;margin:24px 0 14px}
.dp-public-detail{max-width:600px;color:#b3a79c;font-size:13px;line-height:1.8}
.dp-public-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;margin-top:18px;background:#c4956a;color:#120f0c!important;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:600}
.dp-public a:hover{color:#e8c49e}
.dp-public-button:hover{background:#d4a97e}
.dp-public-notice{border-left:2px solid #c4956a;padding:12px 20px;background:#17130f;color:#c9bfb5;font-size:13px;max-width:900px;margin:0 0 32px}
.dp-public-catalogue{border-top:1px solid rgba(196,149,106,.24);padding-top:36px}
.dp-public h2{font-size:34px;line-height:1.15}
.dp-public-books{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 24px}
.dp-public-books li{min-width:0}
.dp-public-cover{display:block;width:100%;height:auto;aspect-ratio:480/700;object-fit:cover;border-radius:8px;border:1px solid rgba(196,149,106,.24);background:#211b15}
.dp-public-books h3{font-size:23px;line-height:1.15;margin:14px 0 6px}
.dp-public-books p{color:#b3a79c;font-size:12px;margin:0}
.dp-public-experience{margin:56px 0 0;padding:36px 0;border-top:1px solid rgba(196,149,106,.24)}
.dp-public-experience>p:last-child{max-width:600px;color:#c9bfb5;line-height:1.8}
.dp-public-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;border-top:1px solid rgba(196,149,106,.24);padding:24px 0 32px;color:#b3a79c;font-size:12px}
.dp-public-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.dp-public-footer a{display:inline-flex;align-items:center;min-height:44px}
.dp-public-back{display:inline-flex;align-items:center;min-height:44px;margin:24px 0;color:#d4a97e!important;font-size:13px}
.dp-public-book{display:grid;grid-template-columns:minmax(160px,300px) 1fr;gap:56px;padding:16px 0 56px;align-items:start}
.dp-public-book-cover{width:100%;height:auto;border-radius:10px}
.dp-public-book h1{font-size:clamp(38px,4vw,58px)}
.dp-public-author{color:#d4a97e;margin:12px 0 24px}
.dp-public-description{max-width:700px;white-space:pre-line;overflow-wrap:anywhere;color:#c9bfb5;line-height:1.85}
.dp-public-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:16px 0 22px;color:#c9bfb5;font-size:12px}
.dp-public-facts li{border:1px solid rgba(196,149,106,.25);border-radius:20px;padding:4px 9px;line-height:1.5}
.dp-public-books .dp-public-facts{font-size:11px;gap:5px;margin:12px 0 0}
.dp-public-actions{display:flex;flex-wrap:wrap;gap:12px}
.dp-public-button-secondary{background:transparent;color:#d4a97e!important;border:1px solid rgba(196,149,106,.4)}
.dp-public-button-secondary:hover{background:#211a14}
.dp-public-sample{max-width:800px;margin:0 auto;padding:24px 0 64px}
.dp-public-sample-page{border-top:1px solid rgba(196,149,106,.25);padding:28px 0;margin-top:24px}
.dp-public-sample-page h2{font:12px 'DeePage Sans',sans-serif;letter-spacing:1.5px;color:#d4a97e;margin-bottom:20px}
.dp-public-sample-page .dp-public-description{font:22px/1.75 'DeePage Editorial',Georgia,serif}
@media(max-width:1023px){.dp-public{padding:0 28px}.dp-public-books{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.dp-public-intro{padding-top:48px}.dp-public-book{gap:32px;grid-template-columns:220px 1fr}}
@media(max-width:600px){.dp-public{padding:0 20px}.dp-public-logo{width:140px;height:68px}.dp-public-intro{padding:36px 0}.dp-public-lead{font-size:16px}.dp-public-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.dp-public h2{font-size:29px}.dp-public-books h3{font-size:22px}.dp-public-footer{display:block}.dp-public-footer nav{margin-top:12px;gap:0 20px}.dp-public-book{grid-template-columns:1fr;gap:28px}.dp-public-book-cover{max-width:180px;margin:0 auto}.dp-public-book .dp-public-eyebrow{margin-top:0}}