:root{color-scheme:light;--bg:#f7f5ef;--ink:#342c45;--muted:#60576d;--accent:#6e5aa6;--surface:#eee9f5;--line:#d5cedf;--button:#6e5aa6;--button-text:#fff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--bg);padding:15px;z-index:10}.skip:focus{top:0}header{max-width:1400px;margin:auto;padding:26px 5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.brand{text-decoration:none;font:1.35rem/1.3 Georgia,serif;color:var(--accent);white-space:nowrap}.brand span{display:block;font-size:1.05rem}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-left:auto;font-size:.9rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline}nav span{color:var(--muted);opacity:.7;cursor:default}.controls{order:3}button{background:transparent;border:1px solid var(--line);border-radius:24px;min-height:44px;padding:7px 16px;font-size:.875rem}#menu{display:none}main{max-width:1400px;margin:auto}section{padding:80px 7%}.welcome{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:36px;padding-top:60px;padding-bottom:70px}.eyebrow{font-size:.875rem;letter-spacing:.13em;color:var(--accent);margin:0 0 24px}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0 0 30px}h1{font-size:clamp(2.6rem,4.65vw,4.8rem)}h2{font-size:clamp(2rem,3.3vw,3.5rem)}p{max-width:610px}.intro{font-size:1.125rem;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:52px;border-radius:30px;padding:13px 26px;font-size:1rem}.primary{background:var(--button);color:var(--button-text)}.primary:hover{filter:brightness(.94)}.text-link{font-size:1rem}.outline{border:1px solid var(--accent);color:var(--accent)}.welcome-art{background:radial-gradient(ellipse at 50% 70%,#b9a7d644,transparent 70%);display:flex;justify-content:center}.welcome-art img{display:block;width:100%;max-width:370px;height:auto}.path{background:var(--surface);display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-radius:160px 160px 30px 30px;margin:0 4%;padding-top:75px;padding-bottom:60px}.path-copy{align-self:center}.path-copy p{font-size:1.125rem;color:var(--muted)}.path-copy .small{font-size:.875rem;margin-top:18px}.library{padding-top:100px;padding-bottom:100px}.library-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.library-layout p{margin-top:0;color:var(--muted);font-size:1.125rem}.closing{text-align:center;border-top:1px solid var(--line);padding:80px 20px 95px}.closing p{margin:0 auto 26px;max-width:600px}.closing .eyebrow{margin-bottom:22px}footer{border-top:1px solid var(--line);max-width:1400px;margin:auto;padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.875rem}footer p{color:var(--muted)}html[data-theme=dark]{color-scheme:dark;--bg:#191b24;--ink:#f0edf8;--muted:#c7c4d1;--accent:#c6b6ee;--surface:#252835;--line:#535568;--button:#c6b6ee;--button-text:#222032}@media(max-width:1100px){header{gap:15px}nav{order:4;width:100%;margin:0;justify-content:center}.controls{margin-left:auto}.welcome{gap:15px}.path,.library-layout{gap:35px}}@media(max-width:700px){header{padding:20px 6%;align-items:center}.brand{font-size:1.15rem}#menu{display:inline-block}.controls{display:flex;gap:8px}nav{display:none;align-items:flex-start;flex-direction:column;gap:0}nav.open{display:flex}nav>*{padding:10px 0}.welcome{grid-template-columns:1fr;padding:45px 7% 55px}.welcome-art img{max-width:240px}.welcome-art{margin-top:15px}h1{font-size:clamp(2.5rem,8vw,3.5rem)}.welcome h1 br{display:none}.intro{font-size:1rem}.actions{gap:22px}.path{grid-template-columns:1fr;gap:12px;border-radius:70px 70px 22px 22px;padding:50px 8% 40px}.path h2{font-size:2.15rem}.path h2 br{display:none}.library{padding:65px 7%}.library-layout{grid-template-columns:1fr;gap:5px}.closing{padding:60px 7%}footer{flex-direction:column;align-items:flex-start}footer p br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
