*{box-sizing:border-box}html{font-size:16px}body{color:#edf8f5;background:#062e3e;margin:0;font-family:ui-rounded,Avenir Next,system-ui,sans-serif;line-height:1.7}a{color:#ffda77;text-underline-offset:5px}a:hover{color:#fff}a:focus-visible{outline-offset:6px;outline:3px solid #ffda77}header,main,footer{max-width:1160px;margin:auto;padding:28px 32px}header{border-bottom:1px solid #376171;justify-content:space-between;align-items:center;gap:24px;display:flex}nav{gap:28px;display:flex}.brand{letter-spacing:.04em;color:#ffedb5;font-size:1.4rem;font-weight:900;text-decoration:none}.brand span{letter-spacing:0;color:#b1d0d6;font-size:.85rem;font-weight:500;display:block}h1{letter-spacing:-.04em;margin:16px 0 24px;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.1}h2{color:#ffedb5;margin:36px 0 12px;font-size:1.4rem;line-height:1.3}.intro{grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding:42px 0;display:grid}.intro img{border-radius:32%;width:100%;max-width:420px;height:auto}.eyebrow{letter-spacing:.2em;color:#8eded3;font-size:.8rem;font-weight:700}.lead{color:#c2dce0;max-width:560px;font-size:1.2rem}.actions{align-items:center;gap:28px;margin-top:32px;display:flex}.button{color:#062e3e;background:#ffda77;border-radius:12px;padding:12px 26px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 5px #b79947}.button:hover{color:#062e3e;background:#ffedb5}.note{color:#c2dce0;border-top:1px solid #376171;max-width:740px;padding:0 0 24px}.reading{max-width:800px;padding-top:54px;padding-bottom:80px}.reading h1{font-size:clamp(2.4rem,5vw,3.6rem)}.reading p{overflow-wrap:anywhere}footer{color:#b1d0d6;border-top:1px solid #376171;justify-content:space-between;gap:20px;font-size:.9rem;display:flex}.skip{z-index:2;background:#062e3e;padding:12px;position:absolute;top:-100px;left:16px}.skip:focus{top:10px}@media (max-width:650px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start}nav{gap:15px}.brand{font-size:1rem}.brand span{font-size:.75rem}.intro{grid-template-columns:1fr;gap:34px;padding-top:20px}.intro img{grid-row:1;justify-self:center;max-width:220px}.actions{gap:22px}footer{flex-direction:column}.reading{padding-top:28px}}