:root{--ink:#102a43;--paper:#f7f2e8;--cream:#fffaf0;--yellow:#f6c453;--coral:#e7684b;--blue:#2f80a3;--green:#377d63;--line:rgba(16,42,67,.19);--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;background-image:linear-gradient(rgba(16,42,67,.035) 1px,transparent 1px);background-size:100% 28px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(247,242,232,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow);font-family:var(--serif);font-size:24px;transform:rotate(-5deg);box-shadow:3px 3px 0 var(--ink)}nav{display:flex;gap:28px}nav a{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--coral);transition:.2s}nav a:hover:after,nav a:focus-visible:after{right:0}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:clamp(50px,7vw,110px) clamp(22px,7vw,110px);gap:clamp(30px,6vw,90px);overflow:hidden}.eyebrow,.section-number,.quest-label{font-size:.76rem;letter-spacing:.18em;font-weight:800}.eyebrow{color:var(--coral);margin:0 0 20px}.hero h1,.section h2{font-family:var(--serif);line-height:.96;letter-spacing:-.045em}.hero h1{font-size:clamp(4rem,8vw,8.2rem);margin:0;max-width:850px}.hero h1 span{color:var(--coral);font-style:italic}.lede{font-size:clamp(1.12rem,1.7vw,1.42rem);max-width:610px;line-height:1.6;margin:30px 0 34px}.button{display:inline-flex;gap:22px;align-items:center;background:var(--ink);color:white;text-decoration:none;padding:14px 20px;font-weight:700;box-shadow:6px 6px 0 var(--yellow);transition:.2s}.button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--yellow)}.hero-art{position:relative;transform:rotate(2deg);padding:18px;background:var(--cream);border:1px solid var(--line);box-shadow:18px 22px 0 rgba(16,42,67,.12)}.hero-art img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#dfe9df}.hero-art:before{content:"";position:absolute;width:90px;height:26px;background:rgba(246,196,83,.72);top:2px;left:42%;transform:rotate(-5deg);z-index:2}.stamp{position:absolute;z-index:3;right:-28px;top:13%;width:86px;height:86px;border:3px double var(--coral);border-radius:50%;display:grid;place-items:center;color:var(--coral);font-family:var(--serif);font-weight:900;transform:rotate(14deg);background:var(--paper)}.coordinate{font-family:monospace;font-size:.73rem;letter-spacing:.1em;padding-top:12px}.ticker{display:flex;justify-content:space-around;gap:28px;overflow:hidden;padding:16px 22px;background:var(--yellow);border-block:2px solid var(--ink);font-weight:800;white-space:nowrap;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}.section{padding:clamp(72px,10vw,150px) clamp(22px,7vw,110px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:start}.section-number{color:var(--coral);margin:0 0 22px}.section h2{font-size:clamp(2.8rem,5.5vw,5.6rem);margin:0}.about-copy{font-size:clamp(1.1rem,1.6vw,1.4rem);border-left:3px solid var(--yellow);padding-left:30px}.about-copy p:first-child{margin-top:0}.quests{background:var(--ink);color:var(--cream);position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.margin-note{font-family:monospace;color:#a9bdc8;transform:rotate(-2deg);font-size:.83rem}.quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quest{min-height:330px;padding:34px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;transition:transform .2s}.quest:hover{transform:translateY(-5px)}.quest-icon{font-family:var(--serif);font-size:4rem;line-height:1;position:absolute;right:28px;top:25px;opacity:.3}.quest-label{margin:0 0 auto}.quest h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;margin:55px 0 12px}.quest p:not(.quest-label){max-width:500px}.quest-math{background:#1b5268}.quest-books{background:#9c4939}.quest-world{background:#2f674f}.quest-spanish{background:#7c622a}.skill-line{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.28);padding-top:16px;margin-top:auto;font-size:.74rem;font-weight:800;letter-spacing:.1em}.shelf{overflow:hidden}.shelf-intro{max-width:760px}.shelf-intro>p:last-child{font-size:1.2rem}.books{display:flex;align-items:end;gap:12px;margin-top:55px;padding:20px 0 0;overflow-x:auto}.book{appearance:none;border:0;color:white;width:150px;min-width:150px;height:250px;padding:22px 14px 18px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer;text-align:left;box-shadow:5px 5px 0 rgba(16,42,67,.2);transform-origin:bottom;transition:.2s}.book:nth-child(even){height:280px}.book:hover,.book:focus-visible{transform:translateY(-12px) rotate(-1deg);outline:3px solid var(--yellow);outline-offset:3px}.book span{font-family:var(--serif);font-size:1.22rem;line-height:1.1}.book small{writing-mode:vertical-rl;align-self:flex-end;font-weight:700;font-size:.7rem;letter-spacing:.06em}.book.coral{background:var(--coral)}.book.navy{background:var(--ink)}.book.gold{background:#b27a16}.book.blue{background:var(--blue)}.book.green{background:var(--green)}.book-note{margin-top:28px;max-width:800px;min-height:62px;border-top:1px solid var(--line);padding-top:18px;font-family:var(--serif);font-size:1.15rem;font-style:italic}.motto{text-align:center;background:var(--yellow)}.motto .section-number{color:var(--ink)}blockquote{font-family:var(--serif);font-size:clamp(2.6rem,6vw,6.6rem);line-height:1.05;margin:30px auto;max-width:1100px}.motto-rule{display:flex;align-items:center;justify-content:center;gap:20px}.motto-rule span{height:1px;width:80px;background:var(--ink)}.motto-rule b{border:2px solid var(--ink);border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-family:var(--serif)}footer{display:flex;justify-content:space-between;gap:20px;padding:32px clamp(22px,7vw,110px);background:var(--ink);color:var(--cream);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}@media (max-width:850px){.topbar{height:70px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{max-width:540px;margin:15px auto 0}.about{grid-template-columns:1fr}.quest-grid{grid-template-columns:1fr}.section-head{display:block}.margin-note{margin-top:24px}.ticker{justify-content:flex-start}.hero h1{font-size:clamp(3.5rem,15vw,6rem)}}@media (max-width:520px){.hero{padding-inline:20px}.hero-art{box-shadow:10px 12px 0 rgba(16,42,67,.12)}.stamp{right:-8px;width:70px;height:70px}.section{padding-inline:20px}.quest{padding:26px;min-height:310px}.books{margin-right:-20px}.book{min-width:132px;width:132px}footer{flex-direction:column}.about-copy{padding-left:20px}.section h2{font-size:2.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}