.discovery-home main{padding-top:0}.discovery-hero{position:relative;isolation:isolate;min-height:670px;box-sizing:border-box}.discovery-home .library-intro{padding:38px 0 0;max-width:none}.hero-copy{position:relative;z-index:2;pointer-events:none;max-width:850px}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{font-size:12px}.library-intro .value-headline{font:600 42px/1.4 system-ui;letter-spacing:0;margin:16px 0 18px}.library-intro .library-definition{font-size:17px;line-height:1.85;margin:0;max-width:720px;color:#53645a}.intro-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:23px 0 0}.intro-actions a{font:600 14px/1.5 system-ui;color:#315b45;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;gap:10px}.intro-actions a:first-child{background:#315b45;color:#fff;text-decoration:none;border-radius:4px;padding:11px 17px}.library-intro .hero-facts{font:12px/1.7 system-ui;color:#6a776c;margin:13px 0 0}.hero-world{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:340px;max-width:none}.hero-world canvas{display:block;width:100%;height:100%;touch-action:pan-y}.hero-world button{position:absolute;right:0;bottom:27px;display:inline-flex;gap:25px;align-items:center;min-height:44px;padding:11px 17px;border:1px solid #9eafa1;border-radius:4px;background:#f7faf4ed;color:#294b3b;cursor:pointer;font:500 14px/1.5 system-ui}.hero-world button[hidden]{display:none}.hero-world button:focus-visible{outline:3px solid #ac844a;outline-offset:4px}.hero-world-status{position:absolute;left:50%;transform:translateX(-50%);bottom:13px;max-width:55%;text-align:center;color:#4d6a58;font:13px/1.6 system-ui;margin:0;pointer-events:none}.hero-world.unavailable{display:none}.discovery-hero:has(.unavailable){min-height:440px}.experience-library{padding-top:33px}.library-heading h2{font-size:28px;line-height:1.4}.library-heading>div>p{font-size:15px;line-height:1.8;color:#6b786d;margin:12px 0 0}.library-heading{align-items:baseline;flex-wrap:wrap}.library-tools{margin:25px 0 28px}.library-filters{gap:8px}.library-filters button{font-size:14px;min-height:42px;padding:10px 14px}.experience-grid{row-gap:38px}.experience p{font-size:15px}.experience-tags{font-size:12px;color:#748071}.experience-enter{font-size:14px}.all-works{display:inline-block;margin-top:32px;color:#315b45;font:600 14px/1.8 system-ui;text-underline-offset:5px}.library-create-section{padding-top:52px;margin-top:48px;border-top:1px solid #d7ded7;scroll-margin-top:25px}.section-heading .eyebrow{font-size:11px;letter-spacing:0;color:#647666}.section-heading h2{font-size:29px;line-height:1.5;margin:13px 0 30px}.creation-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.creation-grid .library-create{display:block;border-top:0;padding:0}.creation-kind{font:11px/1.8 system-ui;color:#6c7e6f}.creation-grid h3{font-size:23px;line-height:1.6;margin:13px 0 17px;font-weight:600}.creation-grid p{font-size:15px;line-height:1.9;color:#596b60;max-width:480px;margin:0}.creation-grid .maker-entries,.custom-entries{display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;margin-top:24px}.creation-grid .text-link{font-size:14px;color:#315b45;line-height:1.7;text-underline-offset:5px}.creation-grid .maker-entries .button{min-width:0}.custom-entries{align-items:flex-start;flex-direction:column;gap:11px}.library-faq{margin-top:52px;max-width:none;padding:34px 0;border-top:1px solid #d7ded7}.library-faq h2{font-size:26px;margin:0 0 14px}.library-faq summary{font-size:16px;padding:19px 0}.library-faq details p{max-width:850px;font-size:15px;line-height:1.9}.studio-service-strip{padding:31px 0;gap:21px 35px;align-items:flex-start;justify-content:space-between}.studio-service-strip strong{font:500 14px/1.8 system-ui;color:#344f3f}.studio-service-strip p{font:13px/1.8 system-ui;margin-top:7px}.studio-service-strip nav{display:flex;gap:14px 22px;flex-wrap:wrap;max-width:450px;line-height:1.8}.studio-service-strip a{font-size:13px}
@media(min-width:1500px){.hero-world{left:0}.hero-world button{right:0}}
@media(max-width:1264px){.hero-world{left:0}}
@media(max-width:1000px){.creation-grid{gap:35px}.hero-world-status{left:30%;max-width:44%}}
@media(max-width:720px){.discovery-home .library-intro{padding-top:26px;min-height:665px}.hero-copy{max-width:none}.library-intro .value-headline{font-size:32px;line-height:1.45;margin:14px 0 17px}.library-intro .library-definition{font-size:15px;line-height:1.9}.intro-actions{gap:22px;margin-top:21px}.intro-actions a{font-size:14px}.intro-actions a:first-child{padding:11px 14px}.library-intro .hero-facts{font-size:11px;margin-top:13px}.hero-world{left:0;height:310px}.hero-world button{right:0;bottom:20px;font-size:13px;padding:10px 13px;gap:18px}.hero-world-status{left:0;transform:none;max-width:45%;text-align:left;bottom:25px;font-size:12px}.experience-library{padding-top:26px}.library-heading h2{font-size:23px}.library-heading>div>p{font-size:14px;margin-top:9px}.library-tools{margin:20px 0 24px}.library-filters{gap:4px}.library-filters button{padding:9px 10px;font-size:12px}.experience-grid{row-gap:31px}.experience-tags{font-size:12px}.library-create-section{margin-top:35px;padding-top:32px}.section-heading h2{font-size:25px;margin:12px 0 26px}.creation-grid{grid-template-columns:1fr;gap:34px}.creation-grid h3{font-size:22px;margin:11px 0 14px}.creation-grid p{font-size:15px;line-height:1.85}.creation-grid .custom-create{border-top:1px solid #d7ded7;padding-top:30px}.creation-grid .maker-entries{margin-top:21px;gap:18px}.library-faq{margin-top:36px;padding:30px 0}.library-faq h2{font-size:23px}.library-faq summary{font-size:15px}.library-faq details p{font-size:14px}.studio-service-strip{padding:25px 0}.studio-service-strip strong{font-size:13px}.studio-service-strip nav{gap:12px 20px}.discovery-hero:has(.unavailable){min-height:390px}}
@media(max-width:360px){.discovery-home .library-intro{min-height:720px}.library-intro .value-headline{font-size:30px}.hero-world{height:300px}.hero-world-status{max-width:40%}}
.library-intro .value-headline,.creation-grid h3{overflow-wrap:anywhere}.creation-grid>div{min-width:0}.creation-grid .button{max-width:100%;overflow-wrap:anywhere}
.hero-world-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-world.ready .hero-world-poster{visibility:hidden}.hero-world.unavailable{display:block}.hero-world.unavailable canvas,.hero-world.unavailable button{display:none}.hero-world.unavailable .hero-world-poster{visibility:visible}.discovery-hero:has(.unavailable){min-height:670px}
@media(max-width:720px){.discovery-home .library-intro{min-height:595px}.hero-world{height:260px}.library-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}.library-filters button{text-align:center;padding:10px 8px;min-width:0;overflow-wrap:anywhere}.discovery-hero:has(.unavailable){min-height:595px}}
@media(max-width:360px){.discovery-home .library-intro{min-height:645px}}
.hero-experiment-caption{position:absolute;left:0;bottom:23px;display:flex;flex-direction:column;gap:4px;color:#31564a;font:500 14px/1.6 system-ui;pointer-events:none}.hero-experiment-caption output{font:12px/1.6 system-ui;color:#6a7f74}.hero-water-control{position:absolute;right:0;bottom:23px;display:flex;align-items:center;gap:13px;color:#557466;font:13px/1.5 system-ui}.hero-water-control input{width:120px;accent-color:#436d5c;cursor:ew-resize}.hero-world.unavailable .hero-water-control{display:none}.audience-section{padding:34px 0 40px;border-top:1px solid #d7ded7}.audience-heading h2{font-size:25px;line-height:1.5;margin:0 0 23px}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.audience-grid article{padding:27px 25px 23px;border-radius:7px;border:1px solid transparent;display:flex;flex-direction:column;min-width:0}.audience-personal{background:#faf0e7;border-color:#e9d5c2!important}.audience-teaching{background:#eaf0f6;border-color:#d2deeb!important}.audience-business{background:#eef0e9;border-color:#d4dbc9!important}.audience-kicker{font:11px/1.7 system-ui;color:#6f7a70}.audience-grid h3{font-size:21px;line-height:1.5;margin:9px 0 14px}.audience-grid p{font-size:15px;line-height:1.85;color:#526358;margin:0 0 20px}.audience-topics{font:12px/1.8 system-ui;color:#6b7c70;margin-top:auto}.audience-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#315543;font:600 14px/1.7 system-ui;text-decoration:none;border-top:1px solid #96a69440;padding-top:17px;margin-top:18px}.audience-grid a:hover{text-decoration:underline;text-underline-offset:4px}.creation-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:26px 0 0;padding:0}.creation-flow li{position:relative;min-width:0;text-align:center}.creation-flow li+li:before{content:'→';position:absolute;left:-14px;top:26px;color:#8ca08c}.flow-art{height:76px;display:grid;place-items:center}.flow-art svg{width:100%;max-width:110px;height:68px;stroke:#7c9882;stroke-width:1.2;stroke-linejoin:round}.custom-flow .flow-art svg{stroke:#8195a6}.creation-flow li>span{display:block;font:12px/1.7 system-ui;color:#4b6956;margin-top:8px}.creation-grid .flow-return{font-size:12px;line-height:1.8;color:#6b7a70;margin-top:14px}.creation-grid .custom-entries{margin-top:20px}
@media(max-width:1000px){.audience-grid{gap:14px}.audience-grid article{padding:23px 18px}.audience-grid h3{font-size:19px}}
@media(max-width:720px){.hero-world{height:270px}.hero-experiment-caption{bottom:17px;font-size:12px;max-width:58%}.hero-experiment-caption output{font-size:11px}.hero-water-control{bottom:23px;gap:8px;font-size:12px}.hero-water-control input{width:75px}.audience-section{padding:28px 0 32px}.audience-heading h2{font-size:23px;margin-bottom:18px}.audience-grid{grid-template-columns:1fr;gap:13px}.audience-grid article{padding:23px}.audience-grid h3{font-size:21px;margin:7px 0 11px}.audience-grid p{font-size:15px;margin-bottom:13px}.audience-grid a{margin-top:14px;padding-top:14px}.creation-flow{gap:11px;margin-top:22px}.creation-flow li>span{font-size:11px}.creation-grid .flow-return{font-size:12px}.flow-art{height:68px}.flow-art svg{height:62px}.creation-flow li+li:before{left:-11px;font-size:14px}}
.audience-grid article,.creation-flow li>span{overflow-wrap:anywhere}
