:root{color-scheme:light;--paper:#faf8f5;--ink:#212121;--ember:#ff5722;--muted:#736b63}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}nav{display:flex;flex-wrap:wrap;gap:22px;font-size:15px}.brand{font-weight:850;text-decoration:none;font-size:23px}.brand span{color:var(--ember)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:70px 0 90px}.eyebrow{color:#9c3b1d;font-size:13px;font-weight:750;letter-spacing:2px}h1{font-size:clamp(40px,6vw,72px);line-height:1.16;letter-spacing:-2px;margin:20px 0}h2{font-size:30px;line-height:1.35;margin-top:56px}h3{font-size:21px;line-height:1.35}p{max-width:680px}.sub{color:var(--muted)}.button{display:inline-block;border-radius:100px;padding:13px 24px;background:var(--ink);color:white;text-decoration:none;font-weight:650;font-size:16px}.book{aspect-ratio:3/4;max-width:310px;transform:rotate(6deg);margin:0 auto;padding:34px;color:#fff5eb;background:linear-gradient(110deg,#992e13 0%,#d1441c 4%,#b23514 7%,#e45325 100%);box-shadow:18px 22px 0 #efe4d8,26px 40px 44px #54220920;border-radius:3px 12px 12px 3px;display:flex;flex-direction:column;justify-content:space-between}.book p{font:32px/1.5 Georgia,serif;letter-spacing:-1px}.book small{font-size:10px;letter-spacing:4px}.sequence{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ded6cb;gap:24px;padding:24px 0}.sequence b{color:#bc4320}.note{background:#f1e8db;border-radius:18px;padding:20px;margin-block:28px;max-width:740px}.article{max-width:800px;margin:auto;padding-block:30px 80px}footer{border-top:1px solid #ded6cb;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}details{padding:18px 0;border-bottom:1px solid #ded6cb}summary{font-weight:650;cursor:pointer}li{margin-bottom:10px}@media(max-width:650px){header,main,footer{padding:20px}header{align-items:flex-start}.hero{grid-template-columns:1fr;padding-top:35px;gap:44px}.book{width:80%;max-width:280px;padding:28px}.book p{font-size:24px;word-break:keep-all}.book small{letter-spacing:2px}.sequence{grid-template-columns:1fr}h1{letter-spacing:-1.2px}nav{gap:12px}.article h1{font-size:36px}h2{font-size:26px}}