@font-face{font-family:EBGaramond;src:url('/EBGaramond-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:EBGaramond;src:url('/EBGaramond-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{color-scheme:dark;--ink:#11191a;--bone:#eee6d6;--copper:#b98154}
*{box-sizing:border-box}
html{background:var(--ink);scrollbar-color:rgba(185,129,84,.55) transparent}
body{max-width:760px;margin:0 auto;padding:clamp(56px,9vw,110px) clamp(26px,7vw,76px) 120px;background:radial-gradient(circle at 80% 8%,rgba(185,129,84,.09),transparent 28%);color:rgba(238,230,214,.83);font-family:EBGaramond,Georgia,serif;font-size:clamp(19px,2.1vw,23px);line-height:1.78;text-rendering:optimizeLegibility}
h1{margin:0 0 clamp(52px,8vw,86px);color:var(--bone);font-size:clamp(42px,7vw,72px);font-weight:400;line-height:.98;letter-spacing:-.025em}
h1::before{content:"PILLÁN · PRIMERA LECTURA";display:block;margin-bottom:22px;color:var(--copper);font-family:"Avenir Next",sans-serif;font-size:9px;font-weight:600;letter-spacing:.24em}
p{margin:0;text-align:justify;text-justify:inter-word;hyphens:auto;orphans:3;widows:3}
body>p+p{margin-top:1.05em;text-indent:0}
h1+p{margin-bottom:2.1em;padding-bottom:2em;border-bottom:1px solid rgba(238,230,214,.16);color:var(--copper);font-size:1.06em;text-align:center;text-indent:0}
i{color:rgba(238,230,214,.72)}
p:nth-last-child(1){margin-bottom:0}
::selection{background:rgba(185,129,84,.35);color:#fff}
@media(max-width:600px){body{padding-top:48px;font-size:19px;line-height:1.72}h1{font-size:43px;margin-bottom:48px}}