.rootlings-page{--root-paper:#faf4e7;--root-night:#06242c;background:var(--root-paper)}
.rootlings-world{overflow:hidden}
.rootlings-world h2{font-size:clamp(34px,3.7vw,62px);font-weight:600;letter-spacing:-.035em}
.root-hero{position:relative;isolation:isolate;min-height:650px;color:#fff7e6;background:#061d2b;overflow:hidden}
.root-hero-art{position:absolute;inset:0;z-index:-1;background:url('/assets/rootlings-hero.webp') center 50%/cover no-repeat;transform:scale(1.025)}
.root-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 18%,#0419273d 42%,#04192733 60%,transparent 83%);pointer-events:none}
.root-hero .header{top:30px;height:66px;max-width:1370px;width:88%;padding-left:185px}
.root-hero .brand{width:145px;height:130px;top:-23px}
.root-hero .header nav a,.root-hero .header .text-button{font-size:19px}
.root-hero .header .button{font-size:19px;padding:12px 23px}
.root-intro{position:relative;z-index:2;max-width:700px;margin:auto;text-align:center;padding:55px 18px 55px;text-shadow:0 2px 12px #00121b88}
.root-wordmark{display:block;object-fit:contain;width:380px;max-width:80%;height:auto;margin:0 auto 8px}
.root-intro h1{font-size:clamp(36px,3.9vw,59px);line-height:1.03;letter-spacing:-.025em;font-weight:600}
.root-intro .ornament{width:250px;margin:14px auto 10px;height:25px;font-size:28px}
.root-intro p{font-size:23px;line-height:1.3;margin:0 0 20px}
.root-intro .button{text-shadow:none;min-width:210px}
.root-library{padding:46px 4% 35px;background:var(--root-paper);text-align:center}
.root-format{font-size:17px;margin:13px 0 30px;color:#486053}
.root-book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;max-width:1550px;margin:auto}
.root-book-number{font-size:18px;display:block;margin:0 0 4px}
.root-book .book-mockup{margin:-5px -5% -2px;width:110%;filter:drop-shadow(3px 7px 5px #17372333)}
.root-book>p{font-size:17px;line-height:1.25;min-height:43px;display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;padding:0 2px}
.root-book>p strong{font-weight:600;font-size:20px}
.root-book .button{font-size:17px;padding:9px 18px;gap:13px;box-shadow:0 3px 6px #153d251c}
.root-more{font-size:17px;font-style:italic;margin:28px 0 0;color:#64715d}
.root-friends{position:relative;isolation:isolate;padding:48px 6% 50px;color:#fff7e8;background:var(--root-night)}
.root-friends-background{position:absolute;inset:0;z-index:-1;background:linear-gradient(#021a2520,#021a2540),url('/assets/rootlings-friends-background.webp') center/cover no-repeat}
.root-friends:before,.root-friends:after,.root-bundle:before{content:'';position:absolute;z-index:3;pointer-events:none;left:-1px;right:-1px;top:-1px;height:22px;background:var(--root-paper);clip-path:polygon(0 0,100% 0,100% 58%,98% 68%,97% 45%,95% 73%,93% 53%,91% 70%,89% 43%,87% 64%,85% 50%,84% 76%,82% 60%,80% 78%,78% 47%,76% 68%,74% 40%,72% 67%,70% 51%,68% 74%,66% 48%,64% 69%,62% 54%,60% 80%,58% 47%,56% 70%,54% 50%,52% 78%,50% 53%,48% 66%,46% 40%,44% 64%,42% 51%,40% 73%,38% 54%,36% 80%,34% 49%,32% 72%,30% 47%,28% 66%,26% 44%,24% 76%,22% 56%,20% 73%,18% 49%,16% 68%,14% 41%,12% 65%,10% 50%,8% 78%,6% 54%,4% 70%,2% 47%,0 64%)}
.root-friends:after{top:auto;bottom:-1px;transform:rotate(180deg)}
.root-friends-heading{text-align:center;position:relative;z-index:2;margin-bottom:2px;text-shadow:0 2px 14px #000b}
.root-friends-heading h2{font-size:clamp(35px,3.7vw,60px)}
.root-friends-heading p{font-size:21px;margin-top:7px}
.root-friend-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:1550px;margin:auto;position:relative;z-index:2}
.forest-friend{display:block;text-align:center;min-width:0;perspective:900px;border-radius:12px}
.friend-scene{display:block;position:relative;width:100%;aspect-ratio:var(--friend-ratio);transform-style:preserve-3d;transform-origin:50% 85%;will-change:transform}
.friend-art{display:block;position:absolute;inset:0;background-image:url('/assets/rootlings-friends-atlas.webp');background-size:var(--friend-width) 127.0175%;background-position:var(--friend-position) 45.4545%;background-repeat:no-repeat;filter:drop-shadow(0 12px 8px #0005)}
.friend-introduction{display:block;font-size:18px;line-height:1.25;max-width:180px;margin:-12px auto 0;text-shadow:0 2px 6px #000}
.friend-introduction strong{font-weight:600}
.forest-friend:focus-visible{outline:2px solid #f4ca80;outline-offset:6px}
.root-activities{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:48px 8%;background:var(--root-paper)}
.root-activities p{font-size:23px;line-height:1.3;margin:16px 0 22px;max-width:550px}
.root-activities .button{font-size:20px}
.root-colouring{aspect-ratio:2.7;background:url('/assets/rootlings-approved-design.webp') right 79.8%/215% auto no-repeat;transform:rotate(2deg)}
.root-bundle{position:relative;display:grid;grid-template-columns:34% 1fr;gap:4%;align-items:center;padding:58px 6% 38px;color:#fff5df;background:linear-gradient(100deg,#041f26bd,#94692733),url('/assets/rootlings-friends-background.webp') center 78%/cover}
.root-bundle-copy{position:relative;z-index:2;text-shadow:0 2px 10px #001719}
.root-bundle-copy h2{font-size:clamp(32px,3.7vw,57px)}
.root-bundle-copy .ornament{height:25px;font-size:28px;margin:16px 0 22px}
.root-bundle-copy .button{font-size:20px;text-shadow:none}
.root-bundle-books{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:end}
.root-bundle-books .book-item{margin:0 -10%}
.rootlings-page>footer{background:#082c2b;color:#fff5e0}
.rootlings-page>footer .motion-button{color:#fff5e0;border-color:#bac5ad}
.motion-paused .friend-scene{transform:none!important;will-change:auto}
@media(min-width:1600px){.root-hero{min-height:760px}.root-intro{padding-top:95px}.root-wordmark{width:430px}.root-friends{padding-inline:8%}}
@media(max-width:1100px){.root-hero .header{width:93%;padding-left:140px}.root-hero .brand{width:125px;height:120px}.root-hero .header nav{gap:22px}.root-hero .header .button{font-size:17px;padding:12px 17px}.root-book-grid{gap:12px}.root-book>p{font-size:15px}.root-book .button{font-size:16px;padding:9px 14px}.root-friends{padding-inline:3%}.friend-introduction{font-size:16px}.root-bundle{padding-inline:4%;grid-template-columns:36% 1fr}.root-activities{padding-inline:6%}.root-activities p{font-size:21px}}
@media(max-width:850px){.root-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 25px;max-width:740px}.root-book .book-mockup{max-width:240px;width:100%;margin:auto}.root-book>p{font-size:17px;min-height:37px}.root-friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;max-width:710px}.friend-introduction{font-size:18px;margin-top:-8px}.root-friends-background{background-size:auto 100%}.root-activities{gap:25px}.root-bundle{grid-template-columns:1fr;gap:28px;text-align:center}.root-bundle-copy .ornament{margin:15px auto 20px}.root-bundle-books{max-width:740px;width:100%;margin:auto}.root-bundle-copy h2 br{display:none}}
@media(max-width:700px){.root-hero{min-height:750px}.root-hero .header{top:22px;padding-left:112px;height:62px;width:91%}.root-hero .brand{width:110px;height:108px;top:-16px}.root-hero .header .button{font-size:15px;padding:10px 14px}.root-intro{padding:55px 5% 270px;max-width:540px}.root-wordmark{width:290px;max-width:86%;margin-bottom:17px}.root-intro h1{font-size:38px;line-height:1.06}.root-intro p{font-size:20px}.root-intro p br{display:none}.root-intro .ornament{width:200px}.root-hero-art{background-size:auto 540px;background-position:0% bottom;background-color:#061d2b;transform:none}.root-hero:after{background:linear-gradient(#061d2b 38%,#061d2bd6 49%,transparent 72%)}.root-library{padding:36px 6% 28px}.root-library h2{font-size:38px}.root-format{font-size:16px;line-height:1.4;margin:13px 0 24px}.root-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.root-book-number{font-size:16px}.root-book .button{font-size:17px}.root-more{font-size:16px;margin-top:25px}.root-friends{padding:40px 6% 45px}.root-friends-heading h2{font-size:37px}.root-friends-heading p{font-size:19px}.root-friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.friend-introduction{font-size:17px;margin-top:-8px}.root-activities{grid-template-columns:1fr;text-align:center;padding:35px 7% 40px;gap:28px}.root-activities h2{font-size:40px}.root-activities p{font-size:21px}.root-colouring{width:100%;max-width:480px;margin:auto}.root-bundle{padding:45px 6% 25px}.root-bundle-copy h2{font-size:38px}.root-bundle-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 4%;max-width:430px}.root-bundle-books .book-item{margin:0}.rootlings-page>footer{font-size:16px}}
@media(prefers-reduced-motion:reduce){.friend-scene,.root-hero-art{transform:none!important;will-change:auto}}