*{box-sizing:border-box}body{margin:0;background:#faf6ef;color:#352438;font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #a94832;outline-offset:4px}header{max-width:1180px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid #352438}.brand{text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.5px}nav{display:flex;gap:22px;font-size:14px}main{max-width:1180px;margin:auto;padding:52px 30px 80px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:bold}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center;margin-bottom:65px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,66px);line-height:1.08;margin:18px 0 24px;max-width:720px}h2{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.25}p{max-width:65ch}.lead{font-size:19px;color:#64566a}.note{background:#e5bd55;padding:36px;transform:rotate(2deg);box-shadow:8px 8px 0 #352438}.note h2{font-size:32px;margin:8px 0}.note ol{padding-left:22px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fffdf8;border:1px solid #cfc4bf;padding:30px;position:relative}.num{display:inline-block;font-family:Georgia,serif;font-size:28px;color:#9a4f36;border-bottom:3px solid #e5bd55}.card h2{margin:16px 0}.card p{color:#64566a}.card a{font-weight:bold}.intro{border-bottom:1px solid #cfc4bf;padding-bottom:30px;margin-bottom:36px}.article{max-width:780px}.step{display:grid;grid-template-columns:45px 1fr;gap:18px;margin:34px 0}.step h2{margin:0 0 10px}.step p{margin:0}.aside{border-left:5px solid #e5bd55;padding:15px 24px;margin-top:45px;background:#fffdf8}footer{background:#352438;color:#faf6ef;padding:35px 30px}footer>div{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer small{opacity:.8}footer nav{flex-wrap:wrap}@media(max-width:680px){header{align-items:flex-start;flex-direction:column;padding:22px}main{padding:35px 22px 55px}.hero{grid-template-columns:1fr;gap:22px;margin-bottom:44px}.note{margin:8px 8px 8px 0;padding:26px}.grid{grid-template-columns:1fr}.card{padding:24px}.lead{font-size:17px}nav{flex-wrap:wrap}.step{grid-template-columns:30px 1fr;gap:10px}h2{font-size:26px}}