@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,400,50,1;9..144,600,50,1&display=swap');
:root{--ink:#183f34;--cream:#f4eddb;--paper:#fff9ec;--gold:#e5c686;--muted:#5a7468;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.wrap{max-width:1420px;margin:auto;padding-left:clamp(22px,5vw,75px);padding-right:clamp(22px,5vw,75px)}:focus-visible{outline:3px solid #ecad4a;outline-offset:4px}
.sitebar{height:75px;padding:0 clamp(20px,4vw,66px);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#153e33;color:#f8f3e6;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.015em}.brand-leaf{font-size:31px;color:#edcb88;font-weight:400;line-height:1}.sitebar nav{display:flex;gap:27px}.sitebar nav a{text-decoration:none;font-size:13px;font-weight:700;color:#e7e9d7}.sitebar nav a:hover{text-decoration:underline}.scene-hero{position:relative;min-height:min(780px,85vh);background:#1c3f35;color:#fff5df;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden}.hero-image,.hero-wash{position:absolute;inset:0;z-index:-2}.hero-image{background-image:url('images/10.jpg');background-size:cover;background-position:center 42%;transform:scale(1.02)}.hero-wash{z-index:-1;background:linear-gradient(90deg,rgba(8,38,31,.91),rgba(13,46,36,.75) 38%,rgba(16,52,39,.1) 80%),linear-gradient(0deg,rgba(6,35,27,.65),transparent 55%)}.hero-content{padding:120px clamp(25px,7vw,115px) 105px;max-width:1030px}.eyebrow,.kicker,.panel-kicker{font-size:11px;font-weight:800;letter-spacing:.2em}.eyebrow{color:#f4dca8;display:inline-flex;align-items:center;gap:11px;margin-bottom:35px}.eyebrow b{display:grid;place-items:center;border:1px solid #e8cf9e;border-radius:50%;height:35px;width:35px;letter-spacing:0}.scene-hero h1{font:400 clamp(55px,8.1vw,126px)/.98 'Fraunces',Georgia,serif;letter-spacing:-.055em;margin-bottom:34px;text-wrap:balance}.scene-hero h1 em{color:#edc98c;font-weight:400}.scene-hero p{font-size:clamp(17px,1.45vw,22px);line-height:1.55;max-width:570px;color:#f0efe2;margin-bottom:33px}.hero-button,.outside-copy a,.next-stop>a{display:inline-flex;align-items:center;gap:28px;background:#e8ce96;color:#163b30;padding:17px 20px;text-decoration:none;font-size:13px;font-weight:800;min-height:52px}.hero-button span,.outside-copy a span,.next-stop>a span{font-size:20px}.hero-button:hover,.outside-copy a:hover,.next-stop>a:hover{background:#fff0c5}.photo-caption{position:absolute;bottom:24px;right:5%;font-size:10px;letter-spacing:.16em;font-weight:800;background:#183e32ca;padding:10px}.hero-index{position:absolute;top:32px;right:5%;color:#fff8db9c;font:400 14px Georgia,serif;letter-spacing:.2em}.chapter-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#123d32;color:#f4e7c8;padding:18px clamp(22px,5vw,75px);min-height:70px}.chapter-bar>span{font-size:11px;letter-spacing:.19em;font-weight:800}.chapter-bar>div{display:flex;gap:24px;flex-wrap:wrap}.chapter-bar a{font-size:12px;color:#e4e8d7;text-decoration:none}.chapter-bar a:hover{text-decoration:underline}.manifesto{padding-top:110px;padding-bottom:115px;display:grid;grid-template-columns:1.1fr .7fr;gap:10%;align-items:end}.kicker{color:#9b7551;display:block;margin-bottom:20px}.manifesto h2,.section-heading h2,.outside-copy h2,.next-stop h2{font:400 clamp(46px,6vw,86px)/1.06 'Fraunces',Georgia,serif;letter-spacing:-.045em;margin:0;text-wrap:balance}.manifesto h2 em,.section-heading h2 em,.outside-copy h2 em,.next-stop h2 em{font-weight:400;color:#a67a49}.manifesto>p{font-size:18px;line-height:1.8;color:#496659;max-width:470px;margin-bottom:8px}.section-heading{max-width:960px;margin-bottom:45px}.section-heading h2{margin-bottom:24px}.section-heading p{color:#49665b;font-size:18px;line-height:1.7;max-width:640px;margin:0}.eco-lab{background:#dce7d6;padding:115px 0 105px;position:relative}.eco-lab:before,.director:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 10%,#faf1ce8a,transparent 35%),repeating-linear-gradient(0deg,transparent 0 59px,#2f5b3c09 60px)}.eco-lab>.wrap,.director>.wrap{position:relative}.experiment,.director-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(350px,.8fr);box-shadow:0 28px 60px #153d3229;background:#fbf5e8;border:1px solid #d0c4a8}.experiment-visual{min-width:0;background:#dddfbd;display:flex;flex-direction:column}.visual-head,.visual-foot,.stage-top,.stage-bottom{display:flex;justify-content:space-between;gap:15px;padding:17px 22px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#385847}.visual-head{background:#f0e9d2}.visual-foot{margin-top:auto;background:#d3d6aa}.experiment-visual svg{display:block;width:100%;height:auto;min-height:350px;object-fit:cover}.experiment-controls,.director-panel{padding:clamp(30px,4vw,60px);min-width:0}.panel-kicker{color:#a77749}.experiment-controls h3,.director-panel h3{font:400 clamp(38px,4vw,59px)/1.04 'Fraunces',Georgia,serif;letter-spacing:-.04em;margin:20px 0 42px}.experiment-controls h3 em,.director-panel h3 em{font-weight:400;color:#aa7d49}.experiment-controls label,.notebook-page label{display:block;font-size:13px;font-weight:800;margin-bottom:18px}.experiment-controls input[type=range]{width:100%;accent-color:#22684e;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#587064;margin-top:7px}.small-note{color:#617366;font-size:13px;line-height:1.55;margin:25px 0}.question{border-top:1px solid #c9c7ae;padding-top:24px}.question strong,.program>b{font-size:12px;letter-spacing:.1em}.question p{font-size:15px;line-height:1.5;margin:10px 0 18px}.answers{display:grid;gap:8px}.answers button,.story-options button,.cue-buttons button,.rehearsal-answers button{border:1px solid #b9c5b0;background:#fffdf3;color:#24483b;text-align:left;padding:13px 14px;min-height:48px;font-weight:700}.answers button:hover,.story-options button:hover,.cue-buttons button:hover,.rehearsal-answers button:hover{border-color:#337057;background:#eef5dc}.answers button.selected,.story-options button.selected,.rehearsal-answers button.chosen{background:#d8e8ce;border-color:#326e52}.feedback,.director-actions p{font-size:13px;line-height:1.55;color:#75543d;min-height:42px;margin:17px 0 0}.feedback.success,.rehearsal-card .success{color:#216b4e;font-weight:700}.lab-explain{display:flex;align-items:center;gap:24px;padding:25px 33px;margin-top:18px;background:#1d4f3d;color:#e7eddc}.lab-explain b{font-size:11px;letter-spacing:.16em;color:#e9ce91;min-width:120px}.lab-explain p{line-height:1.65;margin:0;max-width:930px}.lab-explain span{font:400 50px Georgia,serif;margin-left:auto;color:#e5cc8e}.field-notebook{padding-top:115px;padding-bottom:120px}.notebook{display:grid;grid-template-columns:37% minmax(0,1fr);background:#e8e0cb;border:1px solid #d5c7a6;box-shadow:18px 20px 0 #d8d6bd}.mission-list{padding:24px;background:#214c3d;display:flex;flex-direction:column;gap:10px}.mission{background:#2d5d49;color:#fff9e5;border:1px solid #74947d;padding:24px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:8px}.mission span{grid-column:1 / -1;color:#d9be83;font-size:11px;letter-spacing:.15em;font-weight:800}.mission strong{font:400 clamp(22px,2.4vw,34px)/1.13 'Fraunces',Georgia,serif}.mission em{font-size:30px;font-style:normal;line-height:1}.mission.active{background:#f1e3c4;color:#183e32;border-color:#d9c28e}.mission.active span{color:#8e6039}.notebook-page{padding:clamp(27px,4vw,60px);background:repeating-linear-gradient(#fff9ec 0 39px,#d7d7c4 40px);min-height:570px}.paper-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#9c714c}.notebook-page h3{font:400 clamp(35px,4vw,58px)/1.1 'Fraunces',Georgia,serif;margin:28px 0 12px}.notebook-page>p{line-height:1.6;color:#506a59;max-width:600px}.paper-lines{display:grid;gap:13px;margin:27px 0 30px}.paper-lines>div{display:grid;grid-template-columns:145px 1fr;gap:16px;border-bottom:1px solid #c6c8ae;padding-bottom:13px;font-size:14px;line-height:1.5}.paper-lines b{font-size:10px;letter-spacing:.14em;color:#a1764a}.notebook-page label{margin:0 0 10px}.notebook-page textarea{width:100%;resize:vertical;background:#fffdf4;border:1px solid #b9bea8;padding:15px;line-height:1.5;min-height:110px;color:#234b3b}.paper-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:14px}.paper-actions button{border:0;background:#184d3b;color:#fff2d6;font-size:12px;font-weight:800;padding:14px 17px;min-height:48px}.paper-actions button:hover{background:#2a7154}.paper-actions>span{font-size:12px;color:#627260;line-height:1.4}.outside{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#193f33;color:#f8f1dd}.outside-image{background:url('images/10.jpg') 64% 40%/cover no-repeat;min-height:450px}.outside-copy{padding:clamp(50px,8vw,110px);align-self:center}.outside-copy .kicker{color:#dec38c}.outside-copy h2{font-size:clamp(45px,5vw,77px)}.outside-copy h2 em{color:#e9ce95}.outside-copy p{max-width:570px;color:#d3e2d6;line-height:1.75;font-size:16px;margin:28px 0 30px}.next-stop{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-top:115px;padding-bottom:115px}.next-stop h2{font-size:clamp(45px,5.2vw,74px)}.next-stop p{max-width:530px;line-height:1.7;color:#5a705d;margin:24px 0 0}.next-stop>a{flex:none;background:#1e513d;color:#fff1d6}.next-stop>a:hover{background:#326d4e}footer{background:#123b30;color:#d8e5d6;display:flex;justify-content:space-between;gap:20px;padding:32px clamp(22px,5vw,75px);font-size:11px;letter-spacing:.1em;font-weight:800}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
/* Podium palette and its stage */
.stage-page{--ink:#432e36;--cream:#f5eddf;--muted:#745e5d}.stage-page .sitebar,.stage-page footer{background:#3b2932}.stage-hero{background:#452d35}.stage-hero .hero-image{background-image:url('images/11.jpg');background-position:center 48%}.stage-hero .hero-wash{background:linear-gradient(90deg,#2a1b2bf0,#30222cc9 43%,#29252b29 83%),linear-gradient(0deg,#2b222bbb,transparent 60%)}.stage-page .scene-hero h1 em,.stage-page .eyebrow{color:#f3cca5}.stage-page .eyebrow b{border-color:#eac1a0}.stage-page .hero-button,.stage-page .outside-copy a{background:#edc7a1;color:#402c35}.stage-page .chapter-bar{background:#462c36}.stage-page .manifesto>p,.stage-page .section-heading p{color:#675959}.stage-page .manifesto h2 em,.stage-page .section-heading h2 em,.stage-page .next-stop h2 em{color:#b4765d}.director{background:#e9d8c6;padding:115px 0;position:relative}.director:before{background:radial-gradient(circle at 95% 0,#f5c59588,transparent 34%),repeating-linear-gradient(90deg,transparent 0 60px,#894a4908 61px)}.director-layout{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);background:#fff7ec;border-color:#cbad98;box-shadow:0 27px 60px #4c293226}.stage-art{background:#3c2934;display:flex;flex-direction:column;color:#f5dfc5;min-width:0}.stage-top,.stage-bottom{background:#3c2934;color:#efcba9}.stage-bottom{margin-top:auto}.art-sky{position:relative;min-height:525px;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#a16d65,#634958 47%,#283e45 100%)}.art-star{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffe3ab;box-shadow:0 0 15px #ffcb8e}.art-star.a{left:18%;top:19%}.art-star.b{left:51%;top:11%}.art-star.c{right:22%;top:26%}.art-hills{position:absolute;inset:auto 0 120px;height:125px;background:#29473f;clip-path:polygon(0 80%,15% 53%,28% 75%,42% 35%,60% 78%,74% 42%,100% 80%,100% 100%,0 100%)}.art-light{position:absolute;top:0;left:27%;width:46%;height:83%;background:linear-gradient(#ffdda478,#ffe2ae05);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:.55;transition:opacity .6s}.art-floor{position:absolute;bottom:105px;height:88px;left:5%;right:5%;background:repeating-linear-gradient(0deg,#b98865 0 14px,#9d7059 15px 17px);transform:perspective(350px) rotateX(12deg);border-top:12px solid #d5aa77;box-shadow:0 16px 0 #6d463f}.art-floor span{position:absolute;left:25%;top:15px;width:1px;height:55px;background:#704b42}.art-floor span:nth-child(2){left:55%}.art-floor span:nth-child(3){left:80%}.art-curtain{position:absolute;z-index:2;top:0;bottom:110px;width:21%;background:repeating-linear-gradient(90deg,#7a3a49 0 18px,#994d5a 20px 37px,#633340 40px 47px);box-shadow:8px 0 20px #251c2b88;transition:transform .8s}.art-curtain.left{left:0;clip-path:polygon(0 0,100% 0,80% 90%,100% 100%,0 100%)}.art-curtain.right{right:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,20% 90%)}.art-performer{position:absolute;z-index:3;left:47%;bottom:178px;height:166px;width:80px;filter:drop-shadow(5px 12px 7px #2d29358a);transform:translateY(28px);opacity:.65;transition:transform .6s,opacity .6s}.art-performer .head{position:absolute;top:0;left:23px;width:36px;height:38px;border-radius:50%;background:#dfa689;box-shadow:0 -9px 0 #2e3038}.art-performer .body{position:absolute;top:38px;left:13px;width:55px;height:75px;border-radius:18px 18px 9px 9px;background:#e3d0ab}.art-performer .arm{position:absolute;top:48px;left:2px;width:15px;height:67px;border-radius:10px;background:#d9a68a;transform:rotate(-20deg)}.art-performer .legs{position:absolute;top:107px;left:20px;width:13px;height:58px;background:#303646;box-shadow:27px 0 #303646}.art-mic{position:absolute;z-index:3;left:59%;bottom:178px;width:4px;height:142px;background:#303b42;transform:rotate(5deg);transform-origin:bottom}.art-mic:before{content:'';position:absolute;top:-12px;left:-9px;width:28px;height:13px;border-radius:12px;background:#283642;transform:rotate(-22deg)}.art-audience{position:absolute;z-index:4;bottom:0;left:0;right:0;height:130px;display:flex;justify-content:space-around;align-items:flex-end;background:linear-gradient(transparent,#342e39 65%)}.art-audience i{width:8%;height:74px;background:#272d35;border-radius:50% 50% 0 0;position:relative}.art-audience i:before{content:'';position:absolute;top:-32px;left:22%;width:58%;aspect-ratio:1;border-radius:50%;background:#272d35}.art-audience i:nth-child(even){height:54px}.art-message{position:absolute;z-index:5;top:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:75%;padding:9px 14px;text-align:center;border:1px solid #f4d1a88c;background:#3e2935dc;color:#ffecd0;font-size:12px;font-weight:700}.stage-art.ready .art-curtain.left{transform:translateX(-40%)}.stage-art.ready .art-curtain.right{transform:translateX(40%)}.stage-art.ready .art-light{opacity:1}.stage-art.ready .art-performer{opacity:1;transform:translateY(0)}.director-panel .panel-kicker{color:#a26954}.director-panel h3 em{color:#b37359}.story-options{display:flex;flex-wrap:wrap;gap:7px}.story-options button{font-size:12px;min-height:42px;padding:9px}.story-options button.selected{background:#edcda9;border-color:#ae7158}.director-panel .small-note{color:#745f5b}.program{border-top:1px solid #d3bcad;padding-top:24px}.program>b{display:block;color:#77544e;margin-bottom:16px}.program-slots{display:grid;gap:7px}.program-slots>div{min-height:45px;padding:12px;background:#ece4d8;border:1px dashed #bba89b;color:#846e65;font-size:12px;font-weight:700}.program-slots>div.filled{background:#f4dcc5;border:1px solid #c69c7c;color:#523a37}.cue-buttons{display:grid;gap:7px;margin-top:18px}.cue-buttons button{display:flex;justify-content:space-between;gap:12px;background:#fff8ec;border-color:#ceb69e;font-size:13px}.cue-buttons button:disabled{opacity:.48;cursor:default}.director-actions{margin-top:12px}.director-actions>button{border:0;padding:8px 0;background:none;color:#854f48;text-decoration:underline;font-size:12px;font-weight:800}.director-actions p{color:#7f574d}.rehearsal{padding-top:115px;padding-bottom:115px}.rehearsal-card{display:grid;grid-template-columns:140px minmax(0,1fr) 150px;background:#462d37;color:#f8e9d7;min-height:380px;box-shadow:16px 16px 0 #dfc9b6}.rehearsal-number{font-size:12px;letter-spacing:.17em;font-weight:800;color:#dfb68d;padding:44px 26px}.rehearsal-body{padding:44px 20px 48px}.rehearsal-body>span{font-size:11px;letter-spacing:.16em;color:#d9b395;font-weight:800}.rehearsal-body h3{font:400 clamp(29px,3.1vw,47px)/1.15 'Fraunces',Georgia,serif;margin:18px 0 25px;max-width:660px}.rehearsal-answers{display:grid;gap:8px}.rehearsal-answers button{background:#62414b;color:#f8ebdf;border-color:#987d79;font-size:14px}.rehearsal-answers button:hover,.rehearsal-answers button.chosen{background:#f2d7b8;color:#3c2931}.rehearsal-body p{min-height:45px;line-height:1.55;font-size:13px;color:#f3cca9}.rehearsal-body>button{background:none;color:#efd0af;border:0;padding:0;font-size:13px;font-weight:800;text-decoration:underline}.rehearsal-decoration{font:400 120px Georgia,serif;color:#af7664;align-self:center}.stage-outside{background:#3e2c35}.stage-outside .outside-image{background-image:url('images/11.jpg');background-position:center}.stage-page .outside-copy h2 em{color:#efcaa8}.stage-page .outside-copy .kicker{color:#e7bd93}.stage-page .outside-copy p{color:#eadbd6}.stage-page .next-stop>a{background:#512f3a}.stage-page .next-stop>a:hover{background:#744b52}
@media(max-width:1050px){.experiment,.director-layout{grid-template-columns:1fr}.experiment-visual svg{max-height:490px}.art-sky{min-height:470px}.experiment-controls,.director-panel{padding:35px}.manifesto{gap:5%}.rehearsal-card{grid-template-columns:90px minmax(0,1fr) 75px}.rehearsal-decoration{font-size:70px}}
@media(max-width:700px){.sitebar{height:auto;min-height:68px;padding:12px 18px}.brand{font-size:13px}.brand-leaf{font-size:25px}.sitebar nav{gap:12px}.sitebar nav a{font-size:11px}.sitebar nav a:first-child{display:none}.scene-hero{min-height:680px}.hero-image{background-position:64% 50%}.stage-hero .hero-image{background-position:57% 50%}.hero-wash{background:linear-gradient(0deg,#12382ff7,#143c31a1 52%,#183e3266)}.stage-hero .hero-wash{background:linear-gradient(0deg,#302029f7,#3b2632a1 56%,#3e2a3288)}.hero-content{padding:125px 23px 78px}.scene-hero h1{font-size:clamp(52px,12vw,75px);margin-bottom:24px}.scene-hero p{font-size:16px}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:25px}.photo-caption{right:15px;bottom:12px;font-size:8px}.hero-index{top:22px;right:18px}.chapter-bar{display:block;padding:17px 20px}.chapter-bar>span{font-size:10px}.chapter-bar>div{gap:17px;overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-top:12px}.chapter-bar a{flex:none;font-size:11px}.manifesto{display:block;padding-top:75px;padding-bottom:75px}.manifesto h2,.section-heading h2{font-size:clamp(44px,10vw,63px)}.manifesto>p{font-size:16px;margin:25px 0 0}.eco-lab,.director{padding:75px 0}.section-heading{margin-bottom:27px}.section-heading p{font-size:16px}.experiment-visual svg{min-height:0;height:auto}.visual-head,.visual-foot,.stage-top,.stage-bottom{padding:14px 12px;font-size:8px}.experiment-controls,.director-panel{padding:28px 22px}.experiment-controls h3,.director-panel h3{font-size:41px;margin:14px 0 29px}.lab-explain{display:block;padding:23px;margin-top:10px}.lab-explain b{display:block;margin-bottom:10px}.lab-explain p{font-size:14px}.lab-explain span{display:none}.field-notebook{padding-top:75px;padding-bottom:85px}.notebook{display:block;box-shadow:8px 9px 0 #d8d6bd}.mission-list{flex-direction:row;overflow-x:auto;padding:13px}.mission{flex:0 0 190px;padding:16px}.mission strong{font-size:23px}.mission em{font-size:21px}.notebook-page{padding:28px 21px;min-height:0}.notebook-page h3{font-size:38px}.paper-lines>div{grid-template-columns:1fr;gap:3px}.outside{display:block}.outside-image{min-height:320px;background-position:63% 40%}.stage-outside .outside-image{background-position:center}.outside-copy{padding:55px 23px 65px}.outside-copy h2{font-size:clamp(44px,10vw,61px)}.outside-copy p{font-size:15px}.next-stop{display:block;padding-top:80px;padding-bottom:80px}.next-stop h2{font-size:clamp(44px,10vw,62px)}.next-stop>a{margin-top:27px}footer{display:block;line-height:1.7;padding:26px 22px}footer a{display:block;margin-top:10px}.art-sky{min-height:390px}.art-floor{bottom:80px}.art-audience{height:95px}.art-curtain{bottom:83px}.art-performer{bottom:154px;transform:translateY(30px) scale(.75);transform-origin:bottom}.stage-art.ready .art-performer{transform:translateY(0) scale(.75)}.art-mic{bottom:151px}.art-message{font-size:10px;top:20px;max-width:80%}.rehearsal{padding-top:75px;padding-bottom:85px}.rehearsal-card{display:block;min-height:0;box-shadow:9px 9px 0 #dfc9b6}.rehearsal-number{padding:24px 22px 0}.rehearsal-body{padding:16px 22px 28px}.rehearsal-body h3{font-size:32px}.rehearsal-decoration{display:none}}
@media(max-width:390px){.sitebar nav a{font-size:10px}.scene-hero h1{font-size:50px}.mission{flex-basis:175px}.art-sky{min-height:345px}.art-performer{bottom:140px}.art-mic{bottom:136px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-image,.art-curtain,.art-performer,.art-light{transition:none;transform:none}}
/* 7.54 · skúmanie a premiéra */
.shadow-comparison{margin:26px -14px 26px;padding:22px 14px 18px;border:1px solid #b7c7aa;background:linear-gradient(135deg,#e4efdb,#f5efdb);box-shadow:0 10px 20px #31544112}
.compare-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#39634d;font-size:10px;font-weight:800;letter-spacing:.12em}.compare-head small{color:#95744b;font-size:11px;letter-spacing:.08em}.shadow-comparison>p{font-size:13px;line-height:1.55;color:#486b59;margin:13px 0 18px}.compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.compare-card{position:relative;display:flex;flex-direction:column;gap:5px;min-height:125px;background:linear-gradient(#a9d4c5 0 54%,#91aa78 54%);border:2px solid #f6f4df;color:#1d4737;text-align:left;padding:11px 10px 8px;overflow:hidden;box-shadow:0 5px 12px #28523b1a}.compare-card:before{content:'';position:absolute;width:16px;height:16px;top:20px;right:23px;border-radius:50%;background:#fff1ad;box-shadow:0 0 0 12px #fff0a548}.compare-card:after{content:'';position:absolute;height:8px;bottom:17px;left:14px;width:var(--capture-shadow,0%);transform:skewX(-30deg);background:#214c39a3;transition:width .35s}.compare-card b,.compare-card span,.compare-card i{position:relative;z-index:1}.compare-card b{font-size:11px;letter-spacing:.15em}.compare-card span{margin-top:auto;background:#fff9eac7;font-size:11px;font-weight:800;line-height:1.25;padding:5px;max-width:90%}.compare-card i{position:absolute;right:11px;bottom:8px;font-size:21px;font-style:normal}.compare-card.captured{border-color:#4b885d}.compare-card.captured i{font-size:14px}.compare-card.captured i:after{content:'✓'}.compare-card.captured i{font-size:0}.compare-card.captured i:after{font-size:18px}.compare-card:hover{filter:brightness(1.04)}.shadow-comparison .compare-result{margin:17px 0 0;min-height:41px;color:#765a48;font-weight:700}.shadow-comparison .compare-result.complete{color:#1e6549}
.mobile-shadow-peek{display:none}.mission-progress{border:1px solid #81a189;padding:18px 20px 17px;color:#f7e8c7;margin-bottom:8px}.mission-progress span{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#dbbd83}.mission-progress strong{display:block;font:400 22px 'Fraunces',Georgia,serif;margin:9px 0 13px}.mission-progress-track{height:4px;background:#49745c}.mission-progress-track i{display:block;width:0;height:100%;background:#f0d49a;transition:width .4s}.mission.saved{position:relative}.mission.saved:after{content:'✓';position:absolute;top:12px;right:13px;font-size:12px;color:#f8e8be;background:#42785b;width:23px;height:23px;display:grid;place-items:center;border-radius:50%}.mission.saved.active:after{background:#286648;color:#fff}.notebook-page.just-saved{animation:pageStamp .5s ease}@keyframes pageStamp{50%{box-shadow:inset 0 0 0 8px #91b68899}}
/* Digitálna scénografia má vlastné rekvizity pre každý námet. */
.stage-art .art-performer{width:90px;height:175px;left:45.5%;bottom:177px;transform:translateY(28px);opacity:.72;filter:drop-shadow(4px 9px 5px #28292a99)}.stage-art.ready .art-performer{opacity:1;transform:translateY(0)}.stage-art.performing .art-performer{animation:stageBow 2.4s ease-in-out infinite}.art-prop{position:absolute;z-index:1;right:19%;top:24%;width:clamp(75px,15%,130px);opacity:.62;transform:translateY(6px) rotate(2deg);filter:drop-shadow(0 9px 15px #1f2c2b77);transition:transform .7s,opacity .7s}.art-prop svg{display:block;width:100%}.art-prop g{display:none}.stage-art[data-story="garden"] .prop-garden,.stage-art[data-story="poem"] .prop-poem,.stage-art[data-story="welcome"] .prop-welcome{display:block}.stage-art.ready .art-prop{transform:translateY(0) rotate(0);opacity:1}.stage-line{display:none;position:absolute;z-index:6;top:70px;left:50%;transform:translateX(-50%);width:min(76%,470px);padding:17px 22px;background:#fff5de;color:#4c333a;border:2px solid #c98f75;border-radius:19px 19px 19px 4px;box-shadow:0 13px 30px #281f3088;text-align:center;font-size:clamp(12px,1.2vw,16px);font-weight:800;line-height:1.45}.stage-art.performing .stage-line,.stage-art.applause .stage-line{display:block}.stage-art.applause .stage-line{background:#fbe2a9}.stage-art.performing .art-light{opacity:1;animation:lightBreath 3s ease-in-out infinite}.stage-art.applause .art-audience i{animation:audienceClap .4s alternate 5}.stage-art.applause .art-sky:after{content:'';position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 13%,#f2cd79 0 4px,transparent 5px),radial-gradient(circle at 31% 30%,#e4b6ad 0 5px,transparent 6px),radial-gradient(circle at 58% 9%,#fff3bd 0 5px,transparent 6px),radial-gradient(circle at 82% 20%,#d3dfb1 0 5px,transparent 6px),radial-gradient(circle at 70% 40%,#f2cd79 0 4px,transparent 5px),radial-gradient(circle at 25% 56%,#f4d4b8 0 4px,transparent 5px);animation:confettiFall 1.8s ease-out both}.stage-art.applause .art-performer{animation:performerBow 1.2s ease-in-out 1}.stage-playbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:98px;padding:17px 22px;background:linear-gradient(100deg,#543646,#3c2934);border-top:1px solid #8a6470}.stage-playbar>div{min-width:0}.stage-playbar span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#f1c59e}.stage-playbar p{font-size:12px;color:#f3dfce;line-height:1.5;margin:6px 0 0}.stage-playbar button{flex:none;border:1px solid #f2ca9f;background:#f1d2ad;color:#402b35;padding:12px 17px;min-height:49px;font-size:12px;font-weight:800}.stage-playbar button:hover:not(:disabled){background:#fff1d6}.stage-playbar button:disabled{opacity:.44;cursor:default}.stage-playbar button[hidden]{display:none}.program-slots>button{display:block;width:100%;text-align:left;min-height:45px;padding:12px;background:#ece4d8;border:1px dashed #bba89b;color:#846e65;font-size:12px;font-weight:700}.program-slots>button.filled{background:#f4dcc5;border:1px solid #c69c7c;color:#523a37;cursor:pointer}.program-slots>button.filled:hover{background:#fff0d7}.program-slots>button:disabled{cursor:default}.program-hint{display:block;color:#89716c;font-size:11px;line-height:1.4;margin:8px 0 0}
@keyframes stageBow{50%{transform:translateY(-3px) rotate(1deg)}}@keyframes lightBreath{50%{opacity:.72}}@keyframes audienceClap{to{transform:translateY(-8px)}}@keyframes confettiFall{from{opacity:0;transform:translateY(-90px)}to{opacity:1;transform:translateY(25px)}}@keyframes performerBow{50%{transform:translateY(8px) rotate(8deg)}}
@media(max-width:700px){.shadow-comparison{margin:25px -5px}.compare-card{min-height:119px}.mobile-shadow-peek{display:flex;align-items:center;gap:13px;background:#e6edda;border:1px solid #b7c9ae;padding:10px;margin-top:16px}.peek-sky{width:92px;height:57px;background:linear-gradient(#a9d4c4 0 65%,#8ca876 65%);position:relative;overflow:hidden;flex:none}.peek-sky i{position:absolute;top:45%;left:73%;width:15px;height:15px;background:#ffe6a1;border-radius:50%;box-shadow:0 0 0 7px #fff0b855;transition:left .12s,top .12s}.peek-sky b{position:absolute;z-index:2;bottom:8px;left:49%;height:25px;width:5px;background:#755c47}.peek-sky b:before{content:'';position:absolute;left:-12px;top:-12px;width:29px;height:25px;border-radius:50%;background:#396c4d}.peek-sky em{position:absolute;bottom:6px;right:51%;height:5px;background:#2e544398;transform:skewX(-30deg);transition:width .12s}.mobile-shadow-peek>span{font-size:12px;font-weight:800;color:#2c5a43;line-height:1.3}.mission-progress{min-width:170px;flex:0 0 170px;margin:0}.mission-progress strong{font-size:19px}.stage-art .art-performer{bottom:151px;transform:translateY(28px) scale(.78);transform-origin:bottom}.stage-art.ready .art-performer{transform:translateY(0) scale(.78)}.stage-art.performing .art-performer{animation:none}.stage-line{top:61px;width:83%;font-size:12px;padding:12px 15px}.art-prop{right:13%;top:27%;width:65px}.stage-playbar{padding:16px 13px;align-items:stretch;flex-direction:column;gap:10px}.stage-playbar button{width:100%}.stage-playbar p{margin:4px 0 0}}
@media(max-width:390px){.compare-cards{gap:6px}.compare-card{padding:8px 6px}.compare-card span{font-size:10px}.mission-progress{flex-basis:156px;min-width:156px}.stage-line{top:55px;width:85%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.notebook-page.just-saved,.stage-art.performing .art-performer,.stage-art.performing .art-light,.stage-art.applause .art-audience i,.stage-art.applause .art-performer,.stage-art.applause .art-sky:after{animation:none}.mission-progress-track i,.art-prop,.compare-card:after,.peek-sky i,.peek-sky em{transition:none}}
/* 7.55 · živý tieň, terénne merania, vlastný hlas */
#shadowGroup{pointer-events:none}.compare-card:after{display:none}.compare-card{min-height:148px;background:linear-gradient(#a6d3c2 0 55%,#88a977 55%);isolation:isolate}.compare-card .capture-art{position:absolute;inset:22px 0 8px;width:100%;height:95px;z-index:0;overflow:visible}.compare-card .capture-shadow{opacity:.24}.compare-card.captured .capture-shadow{opacity:.75}.compare-card span{max-width:100%;position:relative;z-index:2;background:#fff9eae9}.compare-card b,.compare-card i{z-index:2}.compare-card:before{z-index:1}.peek-sky em{border-radius:70% 18% 55% 25%;height:7px;filter:blur(.7px)}
.field-measure{margin:27px 0 29px;border:1px solid #b4c6ad;background:linear-gradient(135deg,#e2ecda,#f7f2df);padding:23px 23px 18px;box-shadow:7px 9px 0 #adc9b458}.field-measure[hidden]{display:none}.field-measure .paper-label{color:#527956}.field-measure h4{font:400 clamp(27px,3vw,39px)/1.12 'Fraunces',Georgia,serif;margin:11px 0 9px}.field-measure>p{font-size:13px;line-height:1.65;color:#496957;margin:0 0 20px}.measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.measure-grid fieldset{min-width:0;border:1px solid #9db99f;background:#fffaf0;padding:15px 13px 14px;display:grid;gap:7px}.measure-grid legend{color:#5b7657;font-size:11px;font-weight:800;letter-spacing:.1em;padding:0 6px}.measure-grid label{font-size:11px;font-weight:800;color:#315b44;margin:4px 0 0}.measure-grid input{width:100%;min-height:40px;border:1px solid #bcc8b6;background:#fff;color:#264839;padding:7px 10px;border-radius:0}.field-measure>button{margin-top:17px;background:#276448;color:#fff5df;border:0;padding:13px 16px;min-height:48px;font-size:12px;font-weight:800}.field-measure>button:hover{background:#39835b}.field-measure #realResult{margin:13px 0 0;color:#345e46;font-size:13px;font-weight:700;min-height:32px}
.my-script{padding:21px;margin:22px 0 26px;border:1px solid #d3ae91;background:linear-gradient(145deg,#fff8ec,#f1dfcd);box-shadow:6px 7px 0 #e5cbb5}.my-script-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:18px}.my-script-heading span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#8d604f}.my-script-heading small{font-size:11px;color:#866f64}.my-script label{display:block;font-size:12px;font-weight:800;color:#523b3c;margin:15px 0 7px}.my-script textarea{display:block;width:100%;resize:vertical;min-height:58px;max-height:150px;padding:9px 11px;border:1px solid #c4ae9c;background:#fffdf6;color:#45353a;line-height:1.5;font-size:13px}.my-script textarea:focus{background:#fff}.my-script-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.my-script-actions button{border:1px solid #854f49;background:#6a3c48;color:#fff4df;padding:10px 14px;min-height:45px;font-size:12px;font-weight:800}.my-script-actions button+button{background:none;color:#6a3c48}.my-script-actions button:hover{filter:brightness(1.1)}.my-script.using-own{border-color:#6d8d67;background:linear-gradient(145deg,#f2eedb,#dce8d8)}.my-script.using-own .my-script-heading span{color:#426748}.my-script #scriptStatus{font-size:12px;line-height:1.45;color:#6a5b55;min-height:31px;margin:13px 0 0}.stage-line{max-height:170px;overflow:auto}.stage-art.performing .art-message{opacity:.7}
@media(max-width:700px){.compare-card{min-height:141px}.compare-card .capture-art{height:84px}.field-measure{padding:17px 14px 15px;box-shadow:5px 6px 0 #adc9b458}.measure-grid{grid-template-columns:1fr}.measure-grid fieldset{grid-template-columns:1fr 1fr;gap:5px 10px}.measure-grid legend{grid-column:1 / -1}.measure-grid label{grid-row:1}.measure-grid input{grid-row:2}.my-script{padding:18px 14px;margin:18px 0 23px}.my-script textarea{font-size:16px}.stage-line{max-height:132px;overflow:auto}}
@media(max-width:380px){.measure-grid fieldset{grid-template-columns:1fr}.measure-grid label,.measure-grid input{grid-row:auto}.my-script-actions button{width:100%}}
/* Čistý papier: linky patria k záznamom, nie za všetok text. */
.notebook-page{position:relative;background:radial-gradient(circle at 100% 0,#f3ead4 0,transparent 36%),#fff9ec}
.notebook-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#d5c49f,#f5e9cf);pointer-events:none}
.paper-lines>div{border-bottom:1px solid #bfcbb7;padding:0 0 17px}