:root{color-scheme:light;--ink:#173439;--muted:#526f70;--paper:#f2f8f5;--mint:#d4ede0;--blue:#779ee8;--violet:#6257a5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--violet);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font-weight:750;font-size:26px;letter-spacing:-1.5px}.mark{color:var(--violet);font-size:29px;vertical-align:-2px;margin-right:5px}.header-link{font-size:14px;font-weight:650;text-decoration:none}.header-link span{margin-left:7px}.hero{min-height:550px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding-top:30px;padding-bottom:94px}.intro,.section-label{font-size:14px;font-weight:700;color:var(--violet);margin:0 0 24px}.hero h1,.notes h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-2.8px}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.06;margin:0}.hero h1 em{font-weight:400}.lead{max-width:455px;font-size:19px;line-height:1.65;color:var(--muted);margin:28px 0 30px}.text-link{font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--violet);padding-bottom:7px}.text-link span{margin-left:12px}.illustration{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #bddbcf;border-radius:50%;width:355px;height:355px}.orbit-two{width:290px;height:290px}.page-back,.page-front{position:absolute;width:200px;height:256px;border-radius:4px 18px 4px 4px}.page-back{background:var(--blue);transform:rotate(11deg) translate(14px,-5px)}.page-front{background:var(--white);box-shadow:0 16px 40px #17343917;transform:rotate(-7deg);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.page-star{color:var(--violet);font-size:45px;line-height:1;margin-bottom:25px}.page-line{height:5px;width:85%;background:#d9e9e3;margin:6px 0;border-radius:4px}.page-line.long{background:#8dada6;width:100%}.page-line.short{width:60%}.page-dot{width:29px;height:29px;background:var(--mint);border-radius:50%;margin-top:20px}.illustration-caption{position:absolute;bottom:4px;color:var(--muted);font-size:12px;letter-spacing:.03em}.notes{background:var(--mint);padding:96px 0 100px}.notes-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:80px}.notes-heading h2{font-size:clamp(45px,4.5vw,62px);line-height:1.07;margin:0 0 24px}.notes-heading>p:last-child{color:var(--muted);max-width:230px;line-height:1.6}.note{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:27px 0;border-top:1px solid #a9cbbd}.note:first-child{padding-top:0;border-top:0}.note-number{font-size:13px;color:var(--violet);padding-top:6px}.note h3{font-size:21px;letter-spacing:-.4px;margin:0 0 9px}.note p{font-size:16px;line-height:1.65;color:#476763;max-width:490px;margin:0}.closing{padding:100px 0;display:flex;align-items:center;gap:25px}.closing-star{font-size:54px;color:var(--violet)}.closing p{font-family:Georgia,serif;font-size:29px;line-height:1.2;margin:0}.closing a{margin-left:auto;font-size:14px;font-weight:700;text-decoration:none}.footer{border-top:1px solid #cfdfd8;padding:24px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.footer span:first-child{font-weight:700;color:var(--ink)}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:76px}.header-link{font-size:13px}.hero{grid-template-columns:1fr;gap:10px;padding:45px 0 70px}.hero h1{font-size:clamp(43px,10vw,60px);letter-spacing:-2px}.lead{font-size:17px}.illustration{height:310px}.orbit{width:275px;height:275px}.orbit-two{width:225px;height:225px}.page-back,.page-front{width:155px;height:200px}.page-front{padding:22px}.page-star{font-size:34px;margin-bottom:15px}.page-line{margin:4px 0}.page-dot{margin-top:12px}.notes{padding:72px 0}.notes-layout{grid-template-columns:1fr;gap:34px}.notes-heading h2{font-size:48px}.note{grid-template-columns:35px 1fr;gap:10px}.closing{padding:70px 0;flex-wrap:wrap}.closing p{font-size:25px}.closing a{width:100%;margin:5px 0 0 76px}.footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}