@layer ui-sdk;
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#111211;color:#f4f1e9}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #ef725f;outline-offset:5px}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(24px,6vw,90px);font-size:14px;color:#bdbdb4}header a{text-decoration:none}.brand{font-size:24px;font-weight:800;letter-spacing:-.06em;color:#fff}.brand span,footer span{color:#e8735d}.shelf{max-width:1440px;margin:auto;padding:90px clamp(24px,6vw,90px) 120px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:#e99583}h1{font-size:clamp(48px,8vw,112px);line-height:.95;letter-spacing:-.065em;margin:20px 0 70px} .cover{display:grid;grid-template-columns:minmax(180px,380px) 1fr;gap:clamp(24px,6vw,90px);align-items:end;text-decoration:none;max-width:1000px}.cover img{width:100%;height:auto;display:block}.cover h2{font-size:clamp(40px,6vw,72px);letter-spacing:-.05em;margin:10px 0}.cover h2 span{color:#e99583}.cover p:not(.eyebrow),.intro>p:not(.eyebrow){line-height:1.6;color:#c9c7bd;max-width:38ch}.cover strong{display:block;margin:32px 0;font-size:14px}.reader{max-width:1100px;margin:auto;padding:0 24px}.intro{padding:100px 0 80px}.intro h1{margin:15px 0 24px}.intro a,.end a{display:inline-block;margin-top:24px;padding:14px 0;text-underline-offset:5px}.pages{max-width:1000px;margin:auto}figure{margin:0 0 56px}figure img{width:100%;height:auto;display:block}figcaption{text-align:right;font-size:12px;color:#aaa99f;margin-top:12px;font-variant-numeric:tabular-nums}.end{padding:30px 0 100px}footer{border-top:1px solid #343530}@media(max-width:600px){.shelf{padding-top:65px}.cover{grid-template-columns:1fr;gap:24px}.cover img{max-width:380px}.intro{padding:70px 0 56px}figure{margin-bottom:32px}}