:root{--paper:#f5f0e4;--ink:#172c3b;--teal:#177a70;--yellow:#f2ce56;--red:#e5684d;--muted:#59666b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(#172c3b0c .7px,transparent .7px);background-size:6px 6px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e5684d;outline-offset:5px}.wrap{width:min(1260px,calc(100% - 80px));margin:auto}.topline{background:var(--ink);color:var(--paper);padding:11px 4%;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}header{display:flex;justify-content:space-between;align-items:center;height:98px;border-bottom:1px solid #172c3b33}.brand{font-size:30px;font-weight:900;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:center;gap:8px}.brand b{display:inline-block;background:var(--teal);color:var(--yellow);padding:3px 9px;transform:rotate(-8deg);font-size:29px}.brand span{color:var(--red)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{text-decoration:none}nav button{padding:11px 18px;background:var(--yellow);border:1.5px solid var(--ink);box-shadow:3px 3px var(--ink);font-size:12px}#favcount{background:var(--ink);color:white;border-radius:50%;padding:3px 6px;margin-left:4px}.hero{padding:52px 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font:10px monospace;letter-spacing:1.5px;display:flex;gap:8px;align-items:center}.eyebrow i{width:7px;height:7px;background:var(--red);border-radius:50%}h1{font-size:clamp(48px,5.3vw,76px);line-height:.99;letter-spacing:-3px;font-weight:900;margin:24px 0}h1 em{font-style:normal;color:var(--teal);background:linear-gradient(transparent 70%,#f2ce568c 70%)}.hero-copy>p{font-size:15px;line-height:1.8;color:var(--muted);margin:20px 0 26px}.hero-copy strong{color:var(--ink);font-weight:600}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.5px;padding:18px 22px;background:var(--yellow);border:2px solid var(--ink);box-shadow:5px 5px var(--ink);transition:transform .2s}.primary:hover{transform:translate(-2px,-2px)}.hero-note{font:11px monospace;color:var(--muted);margin-top:19px}.hero-poster{position:relative;height:490px;background:#f4d56a;border:2px solid var(--ink);box-shadow:8px 8px var(--ink);transform:rotate(1.5deg);overflow:hidden}.poster-label{position:absolute;top:15px;left:18px;z-index:2;background:var(--paper);border:1px solid var(--ink);padding:7px 10px;font:9px monospace;letter-spacing:1px}.scene{background-image:url('assets/einstein-workshops.png');background-size:200% 200%;background-repeat:no-repeat;background-color:#e5ddc5}.scene-music{background-position:0 0}.scene-bricks{background-position:100% 0}.scene-image{background-position:0 100%}.scene-three{background-position:100% 100%}.hero-scene{position:absolute;inset:0;top:30px;bottom:0;background-size:244% 200%;background-position:4% 0}.speech{position:absolute;right:17px;top:53px;z-index:3;background:#fffdf2;border:2px solid var(--ink);box-shadow:3px 3px var(--ink);padding:13px 17px;font-size:17px;line-height:1.3;font-weight:bold;transform:rotate(-4deg)}.stamp{position:absolute;left:17px;bottom:18px;transform:rotate(-7deg);background:var(--teal);color:#fffae5;border:2px solid var(--ink);padding:12px;font-size:12px;font-weight:900;line-height:1.2;letter-spacing:1px}.strip{border-block:1px solid #172c3b55;background:#e9e5d7}.strip-inner{display:flex;justify-content:space-between;gap:15px;padding:21px 0;font:11px monospace}.strip-inner span:first-child{color:var(--teal)}.workshops{padding:65px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}h2{font-size:clamp(30px,3.4vw,45px);line-height:1.08;letter-spacing:-1.8px;margin:16px 0 0}.section-head>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 3px}.workshop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:29px}.workshop{display:block;text-align:left;border:2px solid var(--ink);box-shadow:5px 5px var(--ink);padding:0;background:#fffcf3;position:relative;transition:transform .2s}.workshop:hover{transform:translate(-3px,-3px);box-shadow:8px 8px var(--ink)}.workshop .scene{aspect-ratio:1.5;border-bottom:2px solid var(--ink)}.workshop .scene:after{content:'';display:block;height:100%;box-shadow:inset 0 0 40px #fff4}.workshop-body{padding:24px;position:relative}.workshop-number{position:absolute;right:19px;top:-21px;background:var(--yellow);border:2px solid var(--ink);padding:9px 11px;font:11px monospace;transform:rotate(5deg)}.workshop h3{font-size:29px;letter-spacing:-1px;margin:10px 0}.workshop p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 23px}.workshop .label{font:10px monospace;letter-spacing:1px;color:var(--teal)}.workshop-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #172c3b33;padding-top:16px;font-size:12px;font-weight:800}.workshop-link b{font-size:21px}.tool-section{background:#e5e8de;border-block:1px solid #172c3b44;padding:45px 0 55px;scroll-margin-top:15px}.tool-section[hidden]{display:none}.tool-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.tool-heading p{color:var(--muted);font-size:13px;line-height:1.6}.text-button{background:none;border:0;border-bottom:1px solid var(--ink);padding:9px 0;font-size:12px;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool{padding:24px;background:#fffcf3;border:1.5px solid var(--ink);position:relative}.tool-icon{font-size:25px;font-weight:900;width:46px;height:46px;display:grid;place-items:center;border:1.5px solid var(--ink);background:var(--yellow);margin-bottom:18px}.tool h3{font-size:23px;letter-spacing:-.8px;margin:0 0 9px}.tool p{font-size:13px;line-height:1.6;color:var(--muted);min-height:60px}.bookmark{position:absolute;top:20px;right:20px;background:none;border:0;font-size:24px}.bookmark.on{color:var(--red)}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.badge{background:#e8eddf;padding:5px 7px;color:#3e5b45;font:10px monospace}.tool-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #172c3b33;padding-top:18px;margin-top:20px}.tool-actions button{border:0;background:none;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.tool-actions a{background:var(--teal);color:white;padding:10px 13px;text-decoration:none;font-size:11px;font-weight:700}.empty{grid-column:1/-1;border:1px dashed var(--ink);padding:35px;text-align:center;line-height:1.8}.pact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 0}.pact p{font-size:14px;line-height:1.8;color:var(--muted);max-width:480px}.rules{padding-top:12px}.rules>div{display:flex;gap:20px;border-bottom:1px solid #172c3b33;padding:18px 0}.rules b{font:13px monospace;color:var(--red)}.rules strong{font-size:14px}.rules small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:6px}footer{border-top:1px solid #172c3b44;padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:20px}footer p,footer>span{font-size:11px;color:var(--muted)}dialog{width:min(570px,calc(100% - 30px));max-height:90vh;overflow:auto;background:var(--paper);border:2px solid var(--ink);padding:29px;box-shadow:7px 7px var(--ink);color:var(--ink)}dialog::backdrop{background:#172c3b99;backdrop-filter:blur(3px)}dialog h2{font-size:32px;margin:20px 0}dialog h3{font-size:15px;margin-top:25px}dialog p,dialog ol{font-size:14px;line-height:1.7;color:var(--muted)}dialog li{margin:8px 0}dialog .primary{margin-top:18px;display:flex;font-size:12px}dialog .license{font-size:12px;color:var(--teal);display:inline-block;margin:7px 0}.detail-note{font:10px/1.7 monospace;padding:12px;background:#e9e5d7}.close{float:right;border:1px solid var(--ink);background:var(--yellow);width:29px;height:29px;font-size:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;font-size:12px;z-index:20}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{gap:28px}h1{font-size:57px}.hero-poster{height:440px}.hero-copy>p{font-size:14px}.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-scene{background-size:300% 200%}.speech{font-size:14px;right:10px;max-width:200px}.pact{gap:35px}}@media(max-width:640px){.wrap{width:calc(100% - 34px)}.topline{font-size:8px;letter-spacing:.5px}.topline span:last-child{display:none}header{height:78px}.brand{font-size:25px}.brand b{font-size:24px}nav{gap:14px}nav>a{display:none}nav button{font-size:11px;padding:9px 11px}.hero{grid-template-columns:1fr;gap:27px;padding:31px 0 37px}.eyebrow{font-size:9px;letter-spacing:.8px}h1{font-size:clamp(45px,11.8vw,69px);letter-spacing:-2px;margin:22px 0}.hero-copy>p{font-size:14px;line-height:1.7}.hero-note{font-size:10px}.hero-poster{height:auto;aspect-ratio:1.23;transform:rotate(1deg);box-shadow:5px 5px var(--ink);padding-top:75px;overflow:hidden}.hero-scene{position:relative;inset:auto;aspect-ratio:1.5;background-size:200% 200%;background-position:0 0}.speech{top:40px;left:17px;right:17px;font-size:14px;max-width:none;transform:none;padding:9px 12px;text-align:center;line-height:1.2}.speech br{display:none}.poster-label{top:10px;font-size:8px;padding:5px}.stamp{font-size:9px;padding:8px;left:12px;bottom:12px}.strip-inner{gap:12px;flex-wrap:wrap;padding:17px 0;font-size:9px}.strip-inner span:last-child{display:none}.workshops{padding:39px 0}.section-head{display:block}.section-head>p{margin-top:14px;font-size:12px}h2{font-size:33px;letter-spacing:-1px}.workshop-grid{grid-template-columns:1fr;gap:25px}.workshop-body{padding:20px}.workshop h3{font-size:28px}.workshop p{margin-bottom:17px}.workshop .scene{aspect-ratio:1.5}.tool-heading{display:block}.tool-heading .text-button{margin:8px 0}.tool-grid{grid-template-columns:1fr}.tool p{min-height:0}.pact{grid-template-columns:1fr;gap:12px;padding:35px 0}.pact p{font-size:13px}footer{flex-wrap:wrap;padding:23px 0}footer p{width:60%;line-height:1.6}footer>span{font-size:10px}dialog{padding:22px}.primary{font-size:12px}.tool-section{padding:32px 0}}

.scene{position:relative;overflow:hidden;background-image:none}.scene img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0;object-fit:fill}.scene-bricks img{left:-100%}.scene-image img{top:-100%}.scene-three img{left:-100%;top:-100%}.hero-scene{position:absolute}.workshop .scene:after{position:absolute;inset:0;pointer-events:none}@media(max-width:640px){.hero-scene{position:relative}}

.scene-electronics img{top:0;left:0}.scene-diy img{top:0;left:-100%}.scene-games img{top:-100%;left:0}.scene-creation img{top:-100%;left:-100%}.workshop-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 27px}.workshop-shortcuts button{border:1px solid #172c3b66;padding:10px 13px;font:10px monospace;background:#fff8e8}.workshop-shortcuts button:hover{background:var(--yellow)}@media(min-width:1000px){.workshop-grid{grid-template-columns:repeat(3,1fr)}.workshop h3{font-size:24px}.workshop-body{padding:20px}.workshop p{min-height:43px}.workshop-link{font-size:10px}}@media(max-width:640px){.workshop-shortcuts{gap:7px}.workshop-shortcuts button{font-size:9px;padding:9px}}

.scene-video img{top:0;left:0}.scene-comics img{top:0;left:-100%}.scene-kids img{top:-100%;left:0}.tool{padding-top:0;overflow:hidden}.tool-preview{width:calc(100% + 48px);margin:0 -24px 20px;background:#e3e6de;display:block;border-bottom:1px solid #172c3b44}.tool-preview img{display:block;width:100%;height:160px;object-fit:contain;background:#e8e9e0}.tool-preview span{display:block;font:9px monospace;padding:9px 16px;color:var(--muted);background:#f3efe2;line-height:1.4}.tool .bookmark{background:var(--paper);border:1px solid var(--ink);width:32px;height:32px;border-radius:50%;z-index:1}.tool-icon{display:none}.example-label{display:block;font:9px monospace;color:var(--teal);margin:9px 0}.showcase{padding:50px 0;border-top:1px solid #172c3b44;scroll-margin-top:20px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:25px}.example-card{border:1.5px solid var(--ink);background:#fffcf3;overflow:hidden;display:flex;flex-direction:column}.example-card img{width:100%;height:190px;object-fit:contain;background:#e7e9e1;display:block}.example-copy{padding:20px;flex:1;display:flex;flex-direction:column}.example-copy small{font:9px monospace;color:var(--teal);line-height:1.6}.example-copy h3{font-size:21px;letter-spacing:-.5px;margin:10px 0}.example-copy p{font-size:12px;line-height:1.65;color:var(--muted);flex:1}.example-copy button{border:1px solid var(--ink);background:var(--yellow);padding:11px;font-size:11px;font-weight:700;text-align:left}.example-copy a{font-size:10px;color:var(--muted);line-height:1.5;margin:10px 0}.detail-example{margin:18px 0;background:#e6e8df;border:1px solid #172c3b55}.detail-example img{width:100%;max-height:300px;object-fit:contain;display:block}.detail-example figcaption{padding:12px;font-size:10px;line-height:1.6}.detail-example a{color:var(--teal)}.project-download{display:block;margin:12px 0;font-size:12px;color:var(--teal)}@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,1fr)}header nav{gap:15px}}@media(max-width:640px){.showcase-grid{grid-template-columns:1fr}.example-card img{height:210px}.showcase{padding:35px 0}.tool-preview img{height:190px}.showcase>.primary{width:100%;justify-content:space-between}.detail-example{margin-inline:0}}

.scene-science img{width:100%;height:100%;left:0;top:0}.youth{padding:45px 0 25px;border-bottom:1px solid #172c3b44;scroll-margin-top:20px}.youth-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.youth-tabs button{background:#fff8e8;border:1.5px solid var(--ink);padding:12px 17px;font-size:12px;font-weight:700}.youth-tabs button.selected{background:var(--teal);color:white;box-shadow:3px 3px var(--ink)}#youth-title{font-size:18px;margin:27px 0 19px}.youth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.youth-project{background:#fffdf4;border:1.5px solid var(--ink);box-shadow:4px 4px #172c3b18;display:flex;flex-direction:column}.youth-project img{width:100%;height:180px;object-fit:contain;background:#e9e9dd;display:block}.youth-project>div{padding:20px;flex:1;display:flex;flex-direction:column}.youth-project small{font:9px monospace;color:var(--teal);letter-spacing:.5px}.youth-project h3{font-size:22px;line-height:1.15;letter-spacing:-.6px;margin:12px 0}.youth-project p{font-size:13px;line-height:1.7;color:var(--muted);flex:1}.youth-project button{background:var(--yellow);border:1px solid var(--ink);padding:12px;font-size:10px;font-weight:700;text-align:left}.youth-note{font:10px/1.8 monospace;color:var(--muted);max-width:850px;margin:22px 0}.youth .section-head p{font-size:12px}@media(max-width:900px){.youth-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.youth{padding:32px 0 20px}.youth-grid{grid-template-columns:1fr}.youth-tabs{gap:8px}.youth-tabs button{font-size:11px;padding:10px 13px}.youth-project img{height:200px}.youth-note{font-size:9px}}

/* Two sections: categories then one filterable application collection. */
.brand-heading{font-size:30px;line-height:1;letter-spacing:normal;margin:0}.two-parts .workshops{padding:43px 0 47px}.two-parts .workshop .scene{aspect-ratio:1.85}.two-parts .workshop h3{font-size:23px;line-height:1.15;min-height:53px}.two-parts .workshop-body{padding:19px}.two-parts .workshop-link{margin-top:16px}.two-parts .workshop.is-selected{outline:4px solid var(--teal);outline-offset:3px}.two-parts .workshop-number{padding:7px 10px;top:-18px}.application-section{padding:43px 0 60px;border-top:1px solid #172c3b66;scroll-margin-top:20px}.application-filters{display:flex;align-items:end;gap:18px;background:#e9e5d7;padding:21px;border:1px solid #172c3b55;margin:25px 0 19px}.application-filters label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:700;flex:1;max-width:350px}.application-filters select{font:12px Arial,sans-serif;color:var(--ink);background:#fffdf4;border:1.5px solid var(--ink);padding:12px;width:100%;min-height:43px}.application-filters>button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:13px 0;margin-left:auto}.results-heading{display:flex;justify-content:space-between;gap:16px;font:11px monospace;padding:9px 0}.results-heading>span{color:var(--teal)}.age-guidance{font:10px/1.8 monospace;color:var(--muted);margin:7px 0 22px;max-width:900px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.application-card{position:relative;border:1.5px solid var(--ink);background:#fffdf4;display:flex;flex-direction:column;overflow:hidden}.application-media{width:100%;border:0;border-bottom:1px solid #172c3b33;background:#e7e9e0;padding:0;display:block}.application-media img{height:190px;width:100%;display:block;object-fit:contain}.application-card .bookmark{top:12px;right:12px;border:1px solid var(--ink);border-radius:50%;width:33px;height:33px;background:var(--paper);z-index:1}.application-body{padding:22px;flex:1;display:flex;flex-direction:column}.application-body .label{font:9px monospace;letter-spacing:.5px;color:var(--teal)}.application-body h3{font-size:27px;letter-spacing:-.8px;margin:11px 0}.app-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 8px}.application-result{border-top:1px solid #172c3b33;padding-top:16px;margin-top:2px;flex:1}.application-result>span{font:9px monospace;color:var(--teal);display:block;margin-bottom:9px}.application-result strong{font-size:15px;line-height:1.4;display:block}.application-result p{font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 16px}.application-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #172c3b33;padding-top:17px}.application-actions button{border:0;background:none;padding:8px 0;font-size:10px;font-weight:bold;text-decoration:underline;text-underline-offset:4px}.application-actions a{font-size:10px;text-decoration:none;background:var(--teal);color:white;padding:12px 10px;font-weight:bold}.is-active{outline:3px solid var(--teal);outline-offset:3px}select:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media(max-width:950px){.application-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.two-parts .workshops{padding:28px 0 35px}.two-parts .workshop .scene{aspect-ratio:1.85}.two-parts .workshop h3{min-height:0;font-size:25px}.application-section{padding:32px 0 40px}.application-grid{grid-template-columns:1fr}.application-filters{flex-wrap:wrap;padding:15px;gap:14px}.application-filters label{min-width:100%;max-width:none}.application-filters>button{margin-left:0;padding:6px 0}.application-media img{height:210px}.application-body{padding:20px}.brand-heading{font-size:25px}.two-parts .section-head>p{margin-top:13px}.results-heading{font-size:10px}}