@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&display=swap');
:root{--ink:#17324d;--blue:#1f5b8f;--red:#c94f3d;--paper:#f7f1e5;--cream:#fffaf1;--ochre:#d39a32;--green:#39705c;--muted:#65717c;--white:#fff;--line:#ddd4c4;--shadow:0 18px 50px rgba(23,50,77,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{max-width:1200px;margin:auto;padding:0 28px}
.top{background:var(--ink);color:#f8e7c1;font-size:12px;letter-spacing:.04em}.top .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}
header{position:sticky;top:0;z-index:50;background:rgba(255,250,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;gap:28px}.brand{font-family:'Fraunces',serif;font-weight:800;color:var(--ink);font-size:21px;line-height:1}.brand small{display:block;font-family:'DM Sans',sans-serif;color:var(--red);font-size:8px;letter-spacing:1.7px;margin-top:7px}.navlinks{display:flex;gap:26px;margin-left:auto;align-items:center}.navlinks a{font-size:14px;font-weight:700}.navlinks a:hover{color:var(--red)}.cartbtn{border:1px solid var(--ink);padding:10px 17px;border-radius:999px}.hamb{display:none;margin-left:auto;border:1px solid var(--ink);border-radius:999px;background:transparent;padding:8px 14px;font-weight:700}
.hero{position:relative;overflow:hidden;background:var(--paper);padding:86px 0 76px;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 22%,rgba(211,154,50,.18),transparent 24%),linear-gradient(115deg,transparent 48%,rgba(31,91,143,.08) 48%,rgba(31,91,143,.08) 49%,transparent 49%)}.heroGrid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--red)}h1,h2,h3{font-family:'Fraunces',serif}h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-3px;margin:16px 0 22px}.hero h1 span{color:var(--red);font-style:italic}.hero p{font-size:18px;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.btn{border:1px solid var(--ink);padding:12px 19px;border-radius:999px;font-weight:700;display:inline-flex;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(23,50,77,.12)}.primary{background:var(--ink);color:#fff}.secondary{background:transparent;color:var(--ink)}.heroNote{margin-top:32px;display:flex;gap:18px;font-size:13px}.heroNote span{color:var(--muted);border-left:1px solid var(--line);padding-left:18px}
.heroBooks{height:410px;position:relative;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;right:-10px;top:20px;width:104px;height:104px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;text-align:center;padding:14px;font-size:9px;letter-spacing:2px;color:var(--red);animation:spin 18s linear infinite}.mock{position:absolute;width:210px;height:300px;border-radius:4px 12px 12px 4px;box-shadow:15px 24px 45px rgba(23,50,77,.2);padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;font-weight:800;border-left:8px solid rgba(255,255,255,.18);animation:arrive .7s both}.mock:after,.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 64%,rgba(255,255,255,.12) 64% 66%,transparent 66%);pointer-events:none}.mock small{font-size:9px;letter-spacing:1.5px}.mock b{font-family:'Fraunces',serif;font-size:26px;line-height:1.05}.m1{background:#1f5b8f;transform:rotate(-10deg) translate(-94px,20px)}.m2{background:#c94f3d;transform:rotate(3deg) translate(12px,-6px);animation-delay:.12s}.m3{background:#39705c;transform:rotate(11deg) translate(112px,28px);animation-delay:.24s}
section{padding:76px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:24px}.sectionHead h2{font-size:36px;line-height:1.1;margin:0}.sectionHead p{color:var(--muted);margin:7px 0 0}.finder{background:#fff;border:1px solid var(--line);padding:20px;box-shadow:8px 8px 0 var(--paper);display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px}.field label,form label{font-size:11px;font-weight:800;letter-spacing:.05em;color:#53616d;display:grid;gap:6px}.field input,.field select,.field textarea,form input,form textarea{width:100%;padding:12px 13px;border:1px solid #cbc1b1;border-radius:4px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(31,91,143,.15);border-color:var(--blue)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:#fff;border:1px solid var(--line);box-shadow:5px 7px 0 rgba(211,154,50,.12);transition:transform .25s}.product:hover{transform:translateY(-7px) rotate(-.4deg)}.cover{position:relative;height:245px;padding:21px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cover.blue{background:var(--blue)}.cover.red{background:var(--red)}.cover.green{background:var(--green)}.cover.ochre{background:#c68b25}.cover.navy{background:var(--ink)}.cover .series{font-size:9px;letter-spacing:1.7px;font-weight:800}.cover .edition{position:absolute;right:18px;top:18px;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:8px;text-align:center}.cover .title{font-family:'Fraunces',serif;font-size:25px;line-height:1.05;font-weight:700}.cover .title em{font-size:19px}.cover .meta{font-size:10px;font-weight:700}.pbody{padding:18px}.tag{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--red);font-weight:800}.pbody h3{font-size:18px;line-height:1.25;margin:7px 0}.pbody p{font-size:13px;color:var(--muted);margin:5px 0 14px}.textLink{font-weight:700;color:var(--blue);font-size:14px}.textLink:hover{color:var(--red)}
.seriesGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.seriesCard{background:#fff;border:1px solid var(--line);padding:24px;min-height:180px;transition:transform .2s,background .2s}.seriesCard:hover{transform:rotate(-1deg) translateY(-4px);background:var(--paper)}.badge{width:43px;height:43px;border-radius:50%;border:1px solid var(--red);color:var(--red);display:grid;place-items:center;font-weight:800}.seriesCard h3{margin:14px 0 6px}.seriesCard p{font-size:13px;color:var(--muted);margin:0}.classes{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.classCard{background:var(--paper);border:1px solid var(--line);padding:24px;text-align:center;font-family:'Fraunces',serif;font-weight:700;font-size:20px}.classCard:hover{background:var(--ink);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--ink);color:#fff;padding:38px;box-shadow:8px 8px 0 var(--ochre)}.panel.light{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:8px 8px 0 var(--paper)}.panel p{opacity:.82}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.feature{border:1px solid rgba(255,255,255,.28);padding:14px}.light .feature{border-color:var(--line)}form{display:grid;gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea{min-height:120px;resize:vertical}form button{border:0;background:var(--ochre);padding:13px;border-radius:999px;font-weight:800;cursor:pointer}.hidden{display:none}.empty{grid-column:1/-1;background:var(--paper);border:1px dashed var(--line);padding:42px;text-align:center}
.banner{background:var(--red);color:#fff}.banner .wrap{padding:34px 28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner h2{margin:0}.banner p{margin:4px 0;opacity:.8}.banner .primary{background:#fff;color:var(--ink)}footer{background:#12273b;color:#fff;padding:54px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.foot h4{font-family:'Fraunces',serif;margin-top:0}.foot a,.foot p{display:block;color:#b8c3cc;font-size:14px;margin:9px 0}.copy{border-top:1px solid #385067;margin-top:30px;padding-top:17px;color:#91a2b0;font-size:12px}.toast{display:none}.pageHero{padding:62px 0;background:var(--paper);border-bottom:1px solid var(--line)}.pageHero h1{font-size:52px;margin:3px 0 8px}.muted{color:var(--muted)}
@keyframes arrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:950px){.navlinks{display:none}.hamb{display:block}.heroGrid,.split{grid-template-columns:1fr}.heroCopy{text-align:center}.hero p{margin-inline:auto}.actions,.heroNote{justify-content:center}.grid4{grid-template-columns:repeat(2,1fr)}.seriesGrid{grid-template-columns:repeat(2,1fr)}.classes{grid-template-columns:repeat(3,1fr)}.finder{grid-template-columns:1fr 1fr}.finder .btn{grid-column:1/-1}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{padding-inline:20px}.top{display:none}.hero{padding:55px 0}.heroBooks{transform:scale(.78);height:320px;margin-inline:-40px}.grid4,.seriesGrid,.classes,.finder,.two{grid-template-columns:1fr}section{padding:54px 0}.pageHero h1{font-size:42px}.sectionHead{display:block}.sectionHead>a{display:inline-block;margin-top:16px}.foot{grid-template-columns:1fr 1fr}.banner .wrap{display:block}.banner .btn{margin-top:16px}.panel{padding:27px}.heroNote{flex-direction:column;gap:5px}.heroNote span{border:0;padding:0}}