:root{--ink:#273c3b;--teal:#16736c;--paper:#fcfaf6;--muted:#71807c;--purple:#73529e;--coral:#ed886c;--line:#e5e6dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px}.brand{display:flex;gap:12px;align-items:center;font-weight:bold;font-size:19px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:normal;margin-top:7px}.mark{background:#e3eee7;color:var(--teal);border-radius:16px 6px 16px 6px;width:45px;height:45px;display:grid;place-items:center;font-size:28px}.badge{font-size:11px;background:#f2e9d7;color:#8c754b;padding:8px 13px;border-radius:30px}#catalog{max-width:1176px;margin:auto;padding:0 0 30px}.hero{position:relative;min-height:440px;background:#ecf2e8;border:1px solid #e0e8db;border-radius:28px;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding:38px 46px;overflow:hidden}.hero:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #cfddc9;border-radius:50%;right:-180px;bottom:-260px;box-shadow:0 0 0 35px #e7eee2,0 0 0 36px #d9e3d0}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.3px;color:var(--teal);margin:0 0 12px}.hero .eyebrow{display:flex;align-items:center;gap:8px}.spark{color:var(--coral);font-size:22px}h1{font-size:47px;line-height:1.55;margin:0;font-weight:800;letter-spacing:-1.5px}h1 span{color:var(--teal);position:relative;display:inline-block}h1 span:after{content:'';position:absolute;bottom:2px;right:0;width:92%;height:9px;background:#efb791;border-radius:50%;transform:rotate(-2deg);opacity:.55}.intro{font-size:15px;line-height:2.1;color:#5d736b;margin:20px 0}.hero-buttons{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:25px}.primary{border:0;background:var(--teal);color:white;border-radius:12px;padding:14px 20px;font-size:13px;display:inline-flex;align-items:center;gap:25px;transition:background .2s,transform .2s}.primary:hover{background:#105b54;transform:translateY(-2px)}.text-button{border:0;background:transparent;font-size:12px;color:var(--teal);padding:12px 0}.text-button span{font-size:20px;margin-right:5px}.hero-foot{display:flex;align-items:center;gap:8px;color:#7b8c7e;font-size:10px;margin-top:24px}.tiny-line{width:20px;height:1px;background:#9aad9d}.hero-star{position:absolute;color:#c0d5b5;font-size:85px;left:15px;bottom:-12px;line-height:1;transform:rotate(15deg)}.curiosity{position:relative;z-index:1;background:#fffdfd;border:1px solid #e9e3f0;box-shadow:0 12px 28px #3f4f3c0a;border-radius:20px;transform:rotate(-1.4deg);padding:18px 24px 12px}.mini-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-tag{font-size:10px;border-radius:30px;padding:6px 10px;background:#eee7f8;color:#79579e}.mini-index{font-size:10px;color:#9b93a6}.curiosity h2{font-size:22px;line-height:1.55;color:#54406a;margin:12px 0 0}.mini-diagram{position:relative;margin:0 -3px}.mini-diagram svg{display:block;width:100%;height:177px}.hand-note{position:absolute;top:13px;left:6px;color:#a17a68;font-size:10px;transform:rotate(-8deg)}.slider-row{display:flex;align-items:center;gap:15px;font-size:11px;color:#7b6a8d;margin-top:4px}.slider-row input{flex:1;width:100%;accent-color:var(--purple);cursor:ew-resize;min-height:25px}.mini-result{display:flex;justify-content:center;gap:14px;align-items:center;background:#f3edf9;border-radius:9px;padding:9px;margin-top:7px;color:#674c88;direction:ltr;font-size:14px}.mini-result strong{direction:ltr;color:#a06442;font-size:17px}.mini-feedback{color:#8c8198;font-size:10px;line-height:1.8;min-height:34px;text-align:center;margin:8px 0 0}.journey-head{display:flex;align-items:flex-end;justify-content:space-between;margin:36px 0 18px}.journey-head>span{font-size:11px;color:var(--muted)}h2{font-size:24px;margin:0}.journey-head .eyebrow{margin-bottom:8px}.grades{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 38px}.grade{position:relative;--accent:#247f71;--soft:#e0eee5;text-align:right;border:1px solid #dce6dd;background:white;border-radius:18px;padding:21px;color:var(--ink);transition:.2s}.grade:nth-child(2){--accent:#8063ad;--soft:#efe9f8;border-color:#e7dff0}.grade:nth-child(3){--accent:#bd7854;--soft:#f9ebdb;border-color:#efdfcd}.grade:hover{transform:translateY(-4px);box-shadow:0 8px 20px #273e3510}.grade.active{outline:2px solid var(--accent);outline-offset:-2px;background:#f0f6ef}.grade:nth-child(2).active{background:#f5f0fa}.grade:nth-child(3).active{background:#fff5e9}.grade-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.grade-symbol{width:43px;height:40px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:12px;font-size:24px;font-family:Arial,sans-serif}.grade:nth-child(2) .grade-symbol{font-size:19px}.grade:nth-child(3) .grade-symbol{font-size:18px}.num{font-size:11px;color:var(--accent)}.grade strong{font-size:21px;display:block}.grade small{display:block;color:var(--muted);font-size:11px;margin-top:10px}.grade-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.status{font-size:10px;color:var(--accent)}.arrow{font-size:21px;color:var(--accent);font-family:Arial,sans-serif}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:12px;padding:12px 15px;color:var(--muted)}input[type=search]{border:0;outline:none;background:transparent;width:235px;font-size:13px;color:var(--ink)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{border:1px solid #e3e4dc;border-radius:20px;background:#fff;overflow:hidden;transition:.2s}.card:hover{box-shadow:0 10px 25px #283c3510;transform:translateY(-3px)}.card-art{position:relative;height:160px;display:flex;align-items:center;justify-content:flex-end;padding-left:25px;background:#ede7f6;overflow:hidden}.card-art:before{content:'';width:190px;height:190px;position:absolute;border:1px solid #d9cde9;border-radius:50%;left:10px;top:-16px}.card-art svg{width:180px;height:135px;position:relative;transform:rotate(-4deg)}.card-art svg path{stroke:#8262ac}.card-art svg circle{fill:#de946e}.art-number{position:absolute;top:17px;right:23px;font-size:11px;color:#9684a9}.art-caption{position:absolute;right:23px;bottom:38px;font-size:16px;font-weight:bold;color:#79618f;max-width:160px;line-height:1.9}.card:nth-child(2) .card-art{background:#f9e9dd}.card:nth-child(2) .card-art:before{border-color:#efd3bd}.card:nth-child(2) .art-caption,.card:nth-child(2) .art-number{color:#a77956}.card:nth-child(2) .card-art svg path{stroke:#be7f5a}.card-body{padding:23px}.tag{font-size:10px;color:#7d8d85}.card h3{font-size:23px;margin:12px 0}.question{font-size:14px;line-height:1.9;color:var(--purple);padding:0 12px;border-right:3px solid #dfc8f1;margin:16px 0}.card:nth-child(2) .question{color:#ad7350;border-color:#f2ceb2}.card p{font-size:12px;color:var(--muted);line-height:1.9;min-height:45px}.card-bottom{border-top:1px solid #edf0ea;margin-top:20px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.author{font-size:10px;color:var(--muted)}.card .primary{font-size:11px;padding:12px 16px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #d7cee4;border-radius:18px;padding:40px 20px;background:#f8f4fb}.empty:before{content:'✧';display:block;font-size:38px;color:#aa8ac4}.empty h3{font-size:21px}.empty p{color:var(--muted);font-size:14px;line-height:2}.steps{display:flex;justify-content:center;align-items:center;gap:25px;padding:25px;background:#f0f1e8;border-radius:16px;margin-top:34px;font-size:12px}.steps>span{color:var(--muted);margin-left:20px}.steps b{color:#b58363;font-weight:normal}.steps strong{color:var(--ink);margin-right:6px}.steps i{font-style:normal;color:#98aaa1}footer{max-width:1176px;margin:0 auto;padding:22px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}#viewer{padding:8px 24px 25px}.viewer-bar{display:flex;align-items:center;gap:24px}.viewer-bar h1{font-size:21px;letter-spacing:0}.viewer-bar small{font-size:11px;color:var(--muted)}.viewer-actions{display:flex;gap:9px;margin-right:auto}.secondary{border:1px solid #d1ded4;background:white;border-radius:9px;padding:11px 14px;font-size:12px;color:var(--ink);display:inline-block}.viewer-note,.help{font-size:12px;line-height:1.9;color:var(--muted)}#framebox{background:white;border:1px solid #c9d8cd;border-radius:13px;overflow:hidden}iframe{display:block;width:100%;height:78vh;min-height:530px;border:0}#framebox:fullscreen{border:0;border-radius:0}#framebox:fullscreen iframe{height:100vh}.help{text-align:center}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd994f;outline-offset:4px}[hidden]{display:none!important}@media(max-width:1230px){#catalog,footer{margin-left:25px;margin-right:25px}.hero{gap:25px;padding:30px}.art-caption{max-width:140px;font-size:14px}.card-art svg{width:150px}}@media(max-width:900px){h1{font-size:37px}.hero{gap:20px;padding:26px}.curiosity{padding:16px}.curiosity h2{font-size:20px}.hero-buttons{gap:10px}.hero .primary{padding:13px 16px;font-size:12px}.intro{font-size:13px}.art-caption{max-width:110px}.card-art svg{width:140px}.card-art{padding-left:10px}.card-bottom{flex-wrap:wrap}.card .primary{margin-right:auto}}@media(max-width:650px){header{padding:18px}.brand{font-size:15px}.hero{padding:24px;grid-template-columns:1fr;gap:26px}.hero h1{font-size:38px}.curiosity{transform:rotate(-1deg);margin:0 2px}.intro{font-size:14px}.hero-foot{margin-top:19px}.mini-diagram svg{height:160px}.grades{gap:9px;margin:0 0 28px}.grade{padding:14px 10px}.grade strong{font-size:16px}.grade small{font-size:10px;line-height:1.8;min-height:36px}.grade-top{margin-bottom:13px}.grade-symbol{width:32px;height:32px;font-size:21px}.grade .status{font-size:9px}.grade-bottom{margin-top:12px;padding-top:10px}.grade .arrow{font-size:17px}.journey-head{margin-top:27px}.journey-head h2{font-size:22px}.journey-head>span{display:none}#catalog,footer{margin-left:15px;margin-right:15px}.section-head{align-items:stretch;flex-direction:column}.search input{width:100%}.cards{grid-template-columns:1fr}.card-art{height:150px;padding-left:25px}.card-art svg{width:175px}.art-caption{max-width:150px;font-size:15px}.steps{gap:10px;flex-wrap:wrap}.steps>span{flex-basis:100%;text-align:center;margin:0}.viewer-bar{flex-wrap:wrap;gap:14px}.viewer-bar>div:nth-child(2){flex:1}.viewer-actions{width:100%;margin:0}#viewer{padding:6px 12px}footer{gap:15px;line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

@media(max-width:400px){.card-art svg{width:145px}.art-caption{max-width:125px;font-size:13px}.grade small{font-size:9px}.hero{padding:20px}.hero h1{font-size:33px}.curiosity h2{font-size:19px}}
/* Illustrated discovery world */
.book-hero{background:linear-gradient(120deg,#fcfaf6 50%,#f7f1ff);border:0;padding:25px 18px 20px;gap:15px;overflow:visible;min-height:430px}.book-hero:before{display:none}.book-hero h1{font-size:43px}.book-hero .hero-copy{padding-right:16px}.book-hero h1 span{color:#7352a0}.book-hero h1 span:after{background:#ffd05e}.book-scene{position:relative;perspective:800px;isolation:isolate}.book-scene img{display:block;width:110%;max-width:none;height:auto;margin-right:-4%;mix-blend-mode:multiply;transition:transform .5s ease;transform:rotate(-2deg)}.book-scene:hover img{transform:translateY(-7px) rotate(1deg)}.scene-note{position:absolute;bottom:5%;right:28%;font-size:11px;background:#fffdf7dd;color:#7b6a85;padding:9px 17px;border:1px solid #eee3cf;border-radius:30px;transform:rotate(-5deg)}.float-token{position:absolute;z-index:2;font-family:Arial;color:#f2af39}.token-one{top:8%;right:15%;font-size:50px;animation:drift 5s ease-in-out infinite}.token-two{bottom:22%;left:3%;font-size:35px;color:#d27fa5;animation:drift 5s 1s ease-in-out infinite}.journey-head{margin-top:24px}.grades{gap:22px}.grade{overflow:hidden;border-radius:22px;padding:19px 24px 16px;background:linear-gradient(155deg,#e6f7f2,white 80%);border-color:#c4e6dc}.grade:nth-child(2){background:linear-gradient(155deg,#efe6fc,white 80%);border-color:#decef0}.grade:nth-child(3){background:linear-gradient(155deg,#fff0d7,white 80%);border-color:#f0dbb9}.grade-top{height:105px;position:relative;align-items:flex-start;margin-bottom:9px}.grade-symbol,.grade:nth-child(2) .grade-symbol,.grade:nth-child(3) .grade-symbol{background:none;width:155px;height:110px;transform:rotate(-5deg);transition:transform .3s}.grade-symbol svg{width:100%;height:100%;filter:drop-shadow(0 8px 5px #2d3a4013)}.grade:hover .grade-symbol{transform:translateY(-5px) rotate(2deg)}.grade.active{background:linear-gradient(155deg,#dbf3e9,white 85%)}.grade:nth-child(2).active{background:linear-gradient(155deg,#eadbfa,white 85%)}.grade:nth-child(3).active{background:linear-gradient(155deg,#ffe9c4,white 85%)}.grade strong{font-size:23px}.num{background:#ffffffa8;border-radius:50%;padding:8px}.grade-bottom{margin-top:16px}.discovery-strip{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#f1eee7;padding:30px 40px;border-radius:24px;margin-top:35px;align-items:center}.discovery-copy h2{line-height:1.8;font-size:27px;color:#67517f}.discovery-copy>p:last-child{line-height:2.2;font-size:13px;color:var(--muted)}.discovery-strip .curiosity{max-width:490px}.card-art{background:#e9e0f7}.card:nth-child(2) .card-art{background:#ffecd8}.card-art svg{filter:drop-shadow(3px 8px 2px #3b304317)}.card-art svg path{stroke-width:5}.card-art svg circle{r:6}.primary{background:#7853a3;box-shadow:0 5px 0 #5d3b83}.primary:hover{background:#694491}.text-button{color:#7853a3}.steps{background:#fff0d8}@keyframes drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(10deg)}}@media(max-width:1000px){.book-hero h1{font-size:35px}.book-hero{min-height:365px}.book-scene img{width:106%}.grade-symbol,.grade:nth-child(2) .grade-symbol,.grade:nth-child(3) .grade-symbol{width:125px}.grade{padding:16px}.discovery-strip{gap:25px;padding:25px}.discovery-copy h2{font-size:22px}}@media(max-width:650px){.book-hero{display:flex;flex-direction:column;padding:15px 8px 8px;gap:6px}.book-hero .hero-copy{padding:0;width:100%}.book-hero h1{font-size:35px}.book-scene{width:100%;max-width:440px}.book-scene img{width:100%;margin:0}.book-hero .intro{margin:12px 0}.hero-buttons{margin-top:17px}.hero-foot{margin-top:17px}.scene-note{bottom:3%}.grades{gap:9px}.grade{padding:12px 9px}.grade-top{height:70px;margin-bottom:8px}.grade-symbol,.grade:nth-child(2) .grade-symbol,.grade:nth-child(3) .grade-symbol{width:86px;height:72px}.num{font-size:9px;padding:4px;position:absolute;left:0;top:0}.grade strong{font-size:16px}.grade-bottom{margin-top:8px}.discovery-strip{grid-template-columns:1fr;padding:22px 18px;gap:18px}.discovery-copy h2{font-size:23px}.discovery-copy>p:last-child{margin-bottom:0}.float-token.token-one{font-size:35px}}@media(prefers-reduced-motion:reduce){.float-token{animation:none}.book-scene:hover img,.grade:hover .grade-symbol{transform:none}}
.grade .grade-top{height:158px}.grade .grade-symbol.sculpture{display:block;background-image:url('assets/grade-sculptures.webp');background-repeat:no-repeat;background-size:300% 100%;background-position:0% 50%;width:100%;height:165px;border-radius:12px;transform:none;mix-blend-mode:multiply}.grade:nth-child(2) .grade-symbol.sculpture{background-position:50% 50%}.grade:nth-child(3) .grade-symbol.sculpture{background-position:100% 50%}.grade:hover .grade-symbol.sculpture{transform:translateY(-5px)}.grade{background:#fffdf9}.grade:nth-child(2){background:#fcf9ff}.grade:nth-child(3){background:#fffcf5}.grade.active{background:#f0f8f3}.grade:nth-child(2).active{background:#f5effc}.grade:nth-child(3).active{background:#fff7e8}.grade .num{position:absolute;left:0;top:0;z-index:1}@media(max-width:650px){.grade .grade-top{height:105px}.grade .grade-symbol.sculpture{height:110px}.grade{padding:12px 8px}.grade strong{font-size:16px}}
.grade .grade-top{height:220px;justify-content:center}.grade .grade-symbol.sculpture{width:210px;height:220px;background-size:300% auto;background-position:0% 50%;border-radius:0}.grade:nth-child(2) .grade-symbol.sculpture{background-position:50% 50%}.grade:nth-child(3) .grade-symbol.sculpture{background-position:100% 50%}@media(max-width:650px){.grade .grade-top{height:100px}.grade .grade-symbol.sculpture{width:95px;height:100px}}
.card-art{height:225px;background:#faf6fd;justify-content:flex-end;padding-left:20px}.card:nth-child(2) .card-art{background:#fff8ef}.card-art:before{display:none}.card-art .art-caption{right:25px;max-width:145px;bottom:75px;font-size:15px;line-height:2}.lab-sculpture{display:block;width:240px;height:215px;background-image:url('assets/lab-sculptures.webp');background-repeat:no-repeat;background-size:200% auto;background-position:0% 50%;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.lab-sculpture.line{background-position:100% 50%}.card:hover .lab-sculpture{transform:translateY(-6px) rotate(1deg)}.grade:active{transform:translateY(2px) scale(.99)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #5d3b83}.card:focus-within{border-color:#b89acb;box-shadow:0 10px 30px #71539312}@media(max-width:1000px){.lab-sculpture{width:190px;height:180px}.card-art{height:190px;padding-left:10px}.card-art .art-caption{right:17px;max-width:105px;font-size:13px;bottom:55px}}@media(max-width:650px){.card-art{height:200px;padding-left:18px}.lab-sculpture{width:205px;height:195px}.card-art .art-caption{right:20px;max-width:120px;bottom:60px;font-size:14px}}@media(max-width:390px){.lab-sculpture{width:175px;height:175px}.card-art .art-caption{max-width:100px;font-size:12px}.card-art{padding-left:7px}}@media(prefers-reduced-motion:reduce){.card:hover .lab-sculpture,.grade:active,.primary:active{transform:none}.card{transform:none!important}}
.book-glint{position:absolute;z-index:3;color:#ffdd8c;text-shadow:0 0 8px #e4ac41a0;pointer-events:none;animation:gemTwinkle 4.8s ease-in-out infinite}.glint-a{left:22%;top:34%;font-size:27px}.glint-b{right:20%;top:18%;font-size:22px;animation-delay:2.1s}.float-token.token-one{animation:gemTwinkle 5.5s ease-in-out infinite}.sculpture{position:relative}.sculpture-light{position:absolute;left:33%;top:28%;color:#fff4c1;filter:drop-shadow(0 0 3px #e7be66);animation:gemTwinkle 5s ease-in-out infinite;pointer-events:none}.sculpture-light:after{content:'✦';font-size:18px}.grade:nth-child(2) .sculpture-light{left:45%;top:32%;animation-delay:1.7s}.grade:nth-child(3) .sculpture-light{left:50%;top:18%;animation-delay:3s}.curve-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 2px #74552b4a)}.lab-sculpture{position:relative}.lab-glint{position:absolute;top:15%;left:45%;font-size:19px;color:#fff2ba;animation:gemTwinkle 5.2s 1s ease-in-out infinite;filter:drop-shadow(0 0 3px #dba84e)}.lab-sculpture.line .lab-glint{left:23%;top:12%;animation-delay:3s}.line-traveller{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffbe7,#eac16b 50%,#9c6b31);box-shadow:0 1px 3px #69552d55;left:30%;top:56%;animation:lineJourney 8s ease-in-out infinite;pointer-events:none}@keyframes gemTwinkle{0%,35%,100%{opacity:0;transform:scale(.35) rotate(0)}47%,60%{opacity:1;transform:scale(1) rotate(20deg)}72%{opacity:0;transform:scale(.5) rotate(35deg)}}@keyframes lineJourney{0%,12%{left:30%;top:56%}48%,60%{left:78%;top:23%}96%,100%{left:30%;top:56%}}@media(prefers-reduced-motion:reduce){.book-glint,.lab-glint,.sculpture-light,.line-traveller{animation:none!important;display:none}.curve-overlay{display:none}}
.book-hotspot{position:absolute;z-index:5;border:1px solid #c9a34b80;border-radius:20px;background:transparent;min-width:44px;min-height:44px;cursor:pointer;transition:background .2s,box-shadow .2s}.book-hotspot:after{content:'+';position:absolute;bottom:0;right:0;border-radius:50%;background:#fffaf0ee;border:1px solid #d5b66c;width:22px;height:22px;display:grid;place-items:center;color:#9c7736;font:16px Arial}.book-hotspot span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffaf2;color:#795933;padding:7px 11px;border:1px solid #dfc78c;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s}.book-hotspot:hover,.book-hotspot:focus-visible{background:#f9d77d20;box-shadow:0 0 15px #d7ab4740}.book-hotspot:hover span,.book-hotspot:focus-visible span{opacity:1}.hotspot-triangle{left:71%;top:30%;width:19%;height:26%}.hotspot-cube{left:52%;top:35%;width:18%;height:21%}.hotspot-curve{left:40%;top:16%;width:21%;height:24%}.book-scene:has(.book-hotspot:hover) img{transform:none!important}.portal-message{font-size:13px;line-height:1.9;color:#83633d;margin:-6px 0 16px}.portal-message:empty{display:none}.return-grades{margin:0 0 17px;font-size:11px}.portal-highlight{border-color:#c5a15a!important}.library{scroll-margin-top:25px}.book-hero{padding-bottom:10px}.journey-head{margin-top:13px}@media(max-width:650px){.book-hotspot{border-radius:12px}.book-hotspot span{font-size:10px}.book-hotspot:after{width:20px;height:20px}.scene-note{font-size:10px;right:20%;bottom:0}}
.layered-book{width:100%;min-width:0}.popup-stage{width:100%;aspect-ratio:1.22;position:relative;isolation:isolate}.popup-stage .popup-base{position:absolute;width:100%;height:auto;left:0;bottom:0;margin:0;mix-blend-mode:normal;transform:none!important;z-index:1}.popup-stage .popup-piece{position:absolute;height:auto;object-fit:contain;margin:0;mix-blend-mode:normal;opacity:0;transform-origin:center bottom;transform:translateY(25px) scale(.75);filter:drop-shadow(0 9px 5px #65512e25)}.popup-stage .popup-pi{width:28%;left:14%;bottom:23%;z-index:4}.popup-stage .popup-triangle{width:29%;right:10%;bottom:25%;z-index:2}.popup-stage .popup-cube{width:23%;left:44%;bottom:29%;z-index:3}.popup-sketch{position:absolute;width:64%;height:56%;left:18%;bottom:20%;z-index:2;opacity:0}.popup-sketch path{fill:none;stroke:#c59a40;stroke-width:1.8;stroke-dasharray:700;stroke-dashoffset:700}.drawing .popup-sketch{opacity:.7}.drawing .popup-sketch path{animation:popupDraw 1s forwards}.risen .popup-sketch{opacity:0;transition:opacity .4s}.popup-spark{position:absolute;left:35%;top:20%;font-size:26px;color:#dfb556;opacity:0;z-index:5}.risen .popup-spark{animation:gemTwinkle 3s 1.4s both}.popup-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}.popup-button{font:inherit;font-size:12px;padding:10px 15px;border:1px solid #d8bf85;background:#fffaf0;color:#846332;border-radius:30px;cursor:pointer}.popup-button:disabled{opacity:.6;cursor:wait}.popup-controls>span{font-size:10px;color:#97866b}.book-hero{align-items:center}.book-hero .hero-copy{padding-top:15px}.layered-book:hover img{transform:none}.popup-stage .popup-piece{transition:none}@keyframes popupDraw{to{stroke-dashoffset:0}}@media(max-width:650px){.popup-stage{aspect-ratio:1.4}.popup-controls{margin-top:10px}.book-hero{gap:4px}}@media(prefers-reduced-motion:reduce){.drawing .popup-sketch path{animation:none;stroke-dashoffset:0}.risen .popup-spark{animation:none}}

/* Individual topic sculptures, full artwork visible within every card. */
.lab-sculpture.triangle{background-image:url('assets/lab-angles.webp');background-size:contain;background-position:center;background-repeat:no-repeat}.lab-sculpture.congruence-sss-sas{background-image:url('assets/lab-sss-sas.webp');background-size:contain;background-position:center;background-repeat:no-repeat}.lab-sculpture.congruence-asa-aas{background-image:url('assets/lab-asa-aas.webp');background-size:contain;background-position:center;background-repeat:no-repeat}.lab-sculpture.right-triangles{background-image:url('assets/lab-right.webp');background-size:contain;background-position:center;background-repeat:no-repeat}.lab-sculpture.isosceles-discovery{background-image:url('assets/lab-isosceles.webp');background-size:contain;background-position:center;background-repeat:no-repeat}
.lab-sculpture.matrix-product{background-image:url('assets/grade-sculptures.webp');background-size:300% auto;background-position:50% 50%}

.lab-sculpture.linear-inequalities{background-image:url('assets/lab-sculptures.webp');background-position:100% 50%;background-size:200% auto}