/* The homepage shows the real collection, in the same colours as the classroom resources. */
header .craft-nav{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);padding:12px 19px;border-radius:24px;font-weight:600;text-decoration:none;white-space:nowrap}header .craft-nav:hover{background:#edf1ff;color:var(--blue)}#resource-app>header{column-gap:20px;row-gap:14px}#resource-app>header nav{flex-wrap:wrap}
.home-craft-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;min-width:0}.home-craft-card{display:block;min-width:0;padding:10px;background:white;border:1px solid #dce5df;border-radius:15px;box-shadow:0 6px 16px #17334b0d;transition:transform .2s}.home-craft-card:hover{transform:translateY(-4px)}.home-craft-card .craft-photo-panel{border-radius:9px}.home-craft-level{display:inline-block;font-size:10px;color:#526878;margin:12px 4px 4px;border-left:3px solid var(--craft-accent);padding-left:7px}#front-page .home-craft-card h3{display:flex;justify-content:space-between;gap:7px;font-size:14px;line-height:1.4;margin:5px 4px 8px}.home-craft-card h3>span{color:#08786e}#front-page .home-crafts{background:#fbf2df}
@media(max-width:650px){header .craft-nav{font-size:14px;padding:10px 8px}.home-craft-display{gap:12px}.home-craft-card{padding:7px}#front-page .home-craft-card h3{font-size:12px}.home-craft-level{font-size:9px}}@media(max-width:520px){header .craft-nav{flex:1}}@media(prefers-reduced-motion:reduce){.home-craft-card{transition:none}.home-craft-card:hover{transform:none}}
#front-page{--home-ink:#17334b;--home-teal:#08786e;--home-muted:#526878;color:var(--home-ink);background:#fffdf8;border-radius:28px;margin-top:20px;overflow:hidden}
#front-page>section{padding-left:40px;padding-right:40px}
#front-page .front-label{color:var(--home-teal);font-size:11px;letter-spacing:1.6px;line-height:1.6}
#front-page p{color:var(--home-muted);line-height:1.75}
#front-page p strong{color:var(--home-ink);font-weight:700}
#front-page .front-button{background:var(--home-teal);color:#fff;border-radius:12px;padding:16px 23px;font-size:14px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;box-sizing:border-box;transition:background .2s,transform .2s}
#front-page .front-button:hover{background:#075e57;transform:translateY(-2px)}
#front-page a:focus-visible{outline:3px solid #d28b11;outline-offset:5px}
#front-page .home-text-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
#front-page .home-hero{grid-template-columns:1fr 1fr;padding-top:62px;padding-bottom:70px;gap:30px;min-height:570px;box-sizing:border-box}
#front-page .home-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-2.8px;margin:21px 0}
#front-page .home-hero h1 em{color:var(--home-teal)}
#front-page .home-hero-copy>p{font-size:17px;max-width:490px;margin:0}
#front-page .front-actions{gap:23px;margin:27px 0}
.home-level-note{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.home-level-note>span{font-size:11px;font-weight:700;border-radius:8px;padding:7px 9px;background:#fff0c2;color:#765616}
.home-level-note>span:nth-child(2){background:#e2f1df;color:#3b642d}
.home-level-note>span:nth-child(3){background:#ffe3df;color:#9c3833}
.home-level-note>span:nth-child(4){background:#e0edff;color:#285a9c}
#front-page .home-level-note small{font-size:11px;margin-left:5px;color:var(--home-muted)}
.home-hero-visual{position:relative;height:470px;min-width:0}
.home-visual-circle{position:absolute;inset:25px -10px 2px 0;border-radius:50%;background:#e5f1e9;background:radial-gradient(circle at 70% 25%,#d5ebde,#edf4e5 70%)}
.home-hero-book{position:absolute;width:48%;filter:drop-shadow(0 17px 14px #1a39452e);transition:transform .25s}
.home-hero-book img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#fff;border-radius:5px}
.home-hero-book.book-front{left:2%;top:32px;transform:rotate(-8deg);z-index:2}
.home-hero-book.book-back{right:5%;top:4px;transform:rotate(8deg);z-index:1}
.home-hero-book:hover{transform:rotate(0deg) translateY(-8px)}
.home-hero-card{position:absolute;right:0;bottom:17px;width:29%;z-index:3;transform:rotate(10deg);filter:drop-shadow(0 10px 12px #17334b26)}
.home-hero-card img{display:block;width:100%;height:auto}
.home-hero-sticker{position:absolute;left:5%;bottom:2px;padding:14px 20px 14px 45px;background:#f7ca71;color:#5a421b;font-size:14px;font-weight:700;line-height:1.5;border-radius:14px;transform:rotate(-4deg);z-index:4;box-shadow:0 7px 15px #8a662318}
.home-hero-sticker>span{position:absolute;left:16px;top:22px;font-size:22px}
#front-page .home-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:29px;padding-bottom:29px;border-top:1px solid #dde6df;border-bottom:1px solid #dde6df;background:#f2f6ef}
.home-numbers>div{text-align:center;border-right:1px solid #d3ded5;padding:0 10px}
.home-numbers>div:last-child{border:0}
.home-numbers strong{display:block;font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-1.5px;color:#08786e}
.home-numbers span{display:block;font-size:12px;color:#526878;margin-top:9px}
#front-page .home-showcase{display:grid;grid-template-columns:1fr 1.15fr;gap:54px;align-items:center;padding-top:85px;padding-bottom:85px}
#front-page .home-showcase h2,#front-page .home-games h2,#front-page .home-closing h2{font-size:clamp(30px,3.2vw,43px);line-height:1.12;letter-spacing:-1.4px;margin:18px 0}
#front-page .home-showcase-copy>p{font-size:16px;margin:0 0 20px}
.home-benefits{list-style:none;padding:0!important;margin:20px 0 27px}
.home-benefits li{position:relative;padding-left:24px;font-size:14px;line-height:1.55!important;color:#37586a;margin:10px 0!important}
.home-benefits li:before{content:'✓';position:absolute;left:0;color:#08786e;font-weight:700}
.home-book-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start;position:relative;isolation:isolate;padding:36px 5px 20px}
.home-book-shelf:before{content:'';position:absolute;inset:5px -18px 50px;border-radius:48% 48% 20px 20px;background:#eaf0f5;z-index:-1}
.home-book{min-width:0;text-align:center;transition:transform .2s}
.home-book:nth-child(2){margin-top:35px}
.home-book:hover{transform:translateY(-6px)}
.home-book img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block;border-radius:4px;box-shadow:0 12px 20px #17334b21}
.home-book>span{display:inline-block;padding:5px 9px;background:white;border:1px solid #dce4e9;border-radius:20px;font-size:10px;font-weight:700;margin-top:18px;color:#526878}
#front-page .home-book h3{font-size:13px;line-height:1.4;margin:8px 0 0;letter-spacing:0}
#front-page .home-flashcards{grid-template-columns:1.05fr 1fr;background:#edf5ee;gap:70px}
.home-card-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;padding:0 20px;max-width:355px;margin:auto}
.home-card-sample{display:block;transition:transform .2s;filter:drop-shadow(0 8px 9px #17334b17)}
.home-card-sample:nth-child(odd){transform:rotate(-5deg)}
.home-card-sample:nth-child(even){transform:rotate(5deg)}
.home-card-sample:hover{transform:rotate(0deg) translateY(-4px)}
.home-card-sample img{display:block;width:100%;height:auto;aspect-ratio:125/165;object-fit:contain}
#front-page .home-showcase-copy .home-caption{font-size:12px;margin:15px 0 0;max-width:350px}
#front-page .home-games{background:#173b4d;padding-top:66px;padding-bottom:48px;color:#fff}
#front-page .home-games .front-label{color:#b7dfc9}
.home-games-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:33px}
#front-page .home-games-heading h2{margin-bottom:0}
#front-page .home-games p{color:#d2e3e8;font-size:15px}
#front-page .home-games .home-text-link{color:#f6cc7a;margin:3px 0 5px}
.home-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-game{background:#fff;border-radius:17px;overflow:hidden;display:block;color:#17334b!important;box-shadow:0 8px 20px #071a2320;transition:transform .2s,box-shadow .2s;min-width:0}
.home-game:hover{transform:translateY(-5px);box-shadow:0 15px 25px #071a2340}
.home-game>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.home-game>div{padding:19px 19px 21px}
#front-page .home-game h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:18px;line-height:1.35;margin:0 0 8px}
.home-game h3>span{font-size:20px;color:#08786e;font-weight:400}
#front-page .home-game p{color:#526878;font-size:13px;line-height:1.65;margin:0}
#front-page .home-games .home-games-note{text-align:center;font-size:12px;margin:28px 0 0}
#front-page .front-levels{padding-top:72px;padding-bottom:65px}
#front-page .course-section-heading>div{max-width:650px}
#front-page .course-section-heading p{font-size:16px}
.front-level.course-card.prek{--course-tint:#fff1c8;--course-accent:#866313}
.front-level.course-card.k1{--course-tint:#e5f2e1;--course-accent:#406f35}
.front-level.course-card.k2{--course-tint:#ffe7e3;--course-accent:#a03e36}
.front-level.course-card.k3{--course-tint:#e2edff;--course-accent:#2c5ca8}
#front-page .course-heading-note{font-size:13px;padding:15px}
#front-page .course-preview{height:225px}
#front-page .course-story-preview{height:185px;left:8px;top:25px}
#front-page .course-card-preview{height:105px;right:10px}
#front-page .course-card-preview.card-2{top:118px;right:13px}
#front-page .course-level-heading{padding-left:4px;padding-right:4px;flex-wrap:wrap}
#front-page .course-level-heading .front-level-name{font-size:28px}
#front-page .course-card-body h3{font-size:18px}
#front-page .course-featured{min-height:67px}
#front-page .course-card-body .course-collection-count{font-size:11px;color:#49617c;min-height:0;margin:0 0 15px}
#front-page .course-card-body>.front-button{padding:13px 12px;gap:8px;font-size:12px;min-height:46px}
#front-page .home-closing{text-align:center;padding-top:55px;padding-bottom:55px;background:#f7edda}
#front-page .home-closing>p{max-width:570px;margin:0 auto 23px;font-size:16px}
#front-page .home-closing>small{display:block;max-width:460px;margin:23px auto 0;font-size:11px;color:#6c6e67;line-height:1.6}
@media(min-width:1400px){#front-page .home-hero{gap:55px}.home-hero-visual{height:500px}}
@media(max-width:1050px){#front-page>section{padding-left:28px;padding-right:28px}#front-page .home-hero{gap:15px;padding-top:45px;padding-bottom:48px;min-height:530px}#front-page .home-hero h1{font-size:47px}.home-hero-visual{height:400px}.home-hero-sticker{font-size:12px;padding-right:12px}.home-hero-book.book-front{top:40px}#front-page .home-showcase{gap:32px}.home-game-grid{gap:16px}.home-game>div{padding:16px}#front-page .home-game h3{font-size:16px}#front-page .home-flashcards{gap:30px}#front-page .course-level-heading small{font-size:10px}}
@media(max-width:780px){#front-page>section{padding-left:24px;padding-right:24px}#front-page .home-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:10px}#front-page .home-hero h1{font-size:56px}.home-hero-copy{max-width:560px}.home-hero-visual{width:min(100%,470px);height:445px;margin:12px auto 0}#front-page .home-numbers{padding:24px 10px}.home-numbers strong{font-size:31px}.home-numbers span{font-size:10px}#front-page .home-showcase{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:30px}.home-showcase-copy{max-width:560px}.home-book-shelf{max-width:530px;margin:auto;padding-top:10px;width:100%;box-sizing:border-box}.home-book-shelf:before{inset:0 -8px 50px}.home-card-display{max-width:350px;width:100%;box-sizing:border-box}#front-page .home-flashcards .home-showcase-copy{grid-row:1}.home-games-heading{grid-template-columns:1fr;gap:16px}.home-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#front-page .front-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#front-page .course-preview{height:245px}#front-page .course-story-preview{height:215px;top:14px;left:12px}#front-page .course-card-preview{height:115px}#front-page .course-card-preview.card-2{top:130px}}
@media(max-width:480px){#front-page{border-radius:18px;margin-top:8px}#front-page>section{padding-left:19px;padding-right:19px}#front-page .home-hero h1{font-size:42px;letter-spacing:-2px}#front-page .home-hero-copy>p{font-size:15px}#front-page .front-actions{gap:18px;align-items:center}#front-page .front-button{font-size:13px;padding:14px 17px;gap:15px}#front-page .home-text-link{font-size:13px}.home-level-note{gap:5px}#front-page .home-level-note small{width:100%;margin:6px 0 0}.home-hero-visual{height:345px;margin-top:4px}.home-hero-book.book-front{top:31px}.home-hero-book.book-back{top:7px}.home-hero-sticker{font-size:11px;padding:10px 13px 10px 32px;bottom:8px;left:0}.home-hero-sticker>span{left:10px;top:17px;font-size:17px}.home-hero-card{bottom:29px}.home-numbers strong{font-size:25px;letter-spacing:-1px}.home-numbers>div{padding:0 4px}.home-numbers span{font-size:9px;line-height:1.45;margin-top:7px}#front-page .home-showcase h2,#front-page .home-games h2,#front-page .home-closing h2{font-size:31px}#front-page .home-showcase-copy>p{font-size:15px}.home-book-shelf{gap:10px}.home-book:nth-child(2){margin-top:20px}#front-page .home-book h3{font-size:11px}.home-book>span{font-size:9px;padding:4px 7px}.home-card-display{padding:0 12px;max-width:310px}.home-game-grid{gap:13px}.home-game{border-radius:12px}.home-game>div{padding:13px 11px}#front-page .home-game h3{font-size:14px;align-items:start}#front-page .home-game p{font-size:11px}#front-page .home-games{padding-top:43px;padding-bottom:32px}#front-page .home-games-heading p{font-size:14px}#front-page .front-level-grid{grid-template-columns:1fr;gap:21px}#front-page .course-preview{height:280px}#front-page .course-story-preview{height:245px;left:18px;top:17px}#front-page .course-card-preview{height:130px;right:19px}#front-page .course-card-preview.card-2{top:149px;right:24px}.home-benefits li{font-size:13px}}
@media(prefers-reduced-motion:reduce){#front-page a{transition:none}.home-hero-book:hover,.home-book:hover,.home-game:hover,#front-page .front-button:hover{transform:none}}