/* The studio's illustrated margins and three silent, ungraded experiments. */
.play-teaser{max-width:1280px;margin:0 auto;padding:65px 0 80px;border-bottom:1px solid #4c3b57}.play-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px 80px;align-items:end;margin-bottom:38px}.play-intro>.eyebrow{grid-column:1/-1}.play-intro h2{font:46px/1.2 'Instrument Serif',Georgia,serif;margin:0}.play-intro p{font-size:18px;line-height:1.85;margin:0;max-width:50ch;color:#c1b6cc}.play-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.play-card{border:1px solid #62506e;position:relative;padding:30px 27px;overflow:hidden;display:flex;flex-direction:column;min-height:440px;background:#19131f;transition:transform .3s,border-color .3s}.play-card:hover{transform:translateY(-7px);border-color:#c1a9d2}.play-card-1{background:#201925;border-radius:90px 4px 4px 4px}.play-card-2{background:repeating-linear-gradient(0deg,#19191e 0px,#19191e 36px,#333039 37px,#19191e 38px)}.play-number{font-size:14px;color:#aa93bd;align-self:flex-end}.play-symbol{font:70px/1 'Instrument Serif',Georgia,serif;display:block;min-height:95px;margin:15px 0;color:#c6b2d7;animation:margin-float 7s ease-in-out infinite}.play-card-1 .play-symbol{font-size:94px;animation:quote-sway 9s ease-in-out infinite}.play-card-2 .play-symbol{font-size:55px;letter-spacing:8px;animation:score-float 4s ease-in-out infinite}.play-card h3{font-size:27px;margin:15px 0 19px;font-weight:500;line-height:1.35}.play-card p{font-size:18px;line-height:1.8;margin-bottom:20px}.play-card .small{font-size:15px!important;line-height:1.8;color:#a99ab5;display:block;padding-bottom:40px}.play-arrow{font-size:31px;position:absolute;bottom:23px;right:28px;transition:translate .25s}.play-card:hover .play-arrow{translate:6px -6px}.play-card-0:before{content:'';position:absolute;right:-30px;top:70px;width:160px;height:160px;border:1px dashed #5e4b6c;border-radius:50%;animation:margin-spin 38s linear infinite}.experiment-tabs{display:flex;gap:30px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #594463;margin-bottom:35px}.experiment-tabs a{padding:12px 0;font-size:17px;color:#b5a1c3}.experiment-tabs a[aria-current]{color:#eee4f4;border-bottom:2px solid #bfa5d2}.experiment-stage{border:1px solid #6c527e;padding:30px;background:#19131f;position:relative}.stage-caption{display:flex;justify-content:space-between;gap:25px;font-size:13px;line-height:1.8;letter-spacing:.06em;color:#bba4cc;border-bottom:1px solid #493454;padding-bottom:20px}.live-dot:before{content:'';display:inline-block;background:#b7c5b8;width:8px;height:8px;border-radius:50%;margin-right:10px;animation:soft-signal 3s ease-in-out infinite}#ripple-canvas{display:block;width:100%;max-height:570px;touch-action:none;user-select:none;margin:18px 0}#ripple-canvas [data-piece]{cursor:grab;outline:none}#ripple-canvas [data-piece]:focus>circle:last-of-type{stroke:#fff;stroke-width:4}#ripple-canvas [data-piece]:active{cursor:grabbing}.connection-flow{stroke-dasharray:8 10;animation:connection-travel 8s linear infinite}.ripple-halo{fill:none;stroke:#e1c7f3;stroke-width:3;opacity:0;transform-origin:center;transform-box:fill-box}.pulse-running .ripple-halo{animation:send-ring 1.4s var(--hop,0ms) ease-out both}.experiment-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:23px 0}.range-control{font-size:16px;color:#c9b7d8;display:flex;align-items:center;gap:15px;flex:1;min-width:230px}.range-control input{min-width:100px;width:150px;padding:0;accent-color:#bfa2d4}.experiment-reading{padding:50px 0 25px;max-width:850px}.experiment-reading h2{font-size:43px}.experiment-reading p{font-size:18px;line-height:1.9}.play-footnote{padding:28px 32px;border-left:2px solid #a185b5;background:#21172a;margin:15px 0 35px;max-width:970px}.play-footnote>b{font-size:17px;color:#d3bfe2}.play-footnote p{margin:13px 0 0;font-size:17px;line-height:1.9}.cinema-screen{min-height:330px;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 14px;padding:50px 20px;text-align:center;font:56px/1.35 'Instrument Serif',Georgia,serif;color:#e0cbee;background:radial-gradient(ellipse at center,#2d1e37 0%,#19131f 70%)}.cinema-screen span{display:inline-block;animation:word-arrive .6s calc(var(--word)*.12s) both}.lens-controls,.conductor-controls{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.cinema-subtitle{font-size:19px!important;line-height:1.95!important;max-width:80ch;min-height:110px;margin:25px 0}.cinema-stage:before{content:'';position:absolute;left:10px;top:95px;bottom:30px;width:5px;background:repeating-linear-gradient(to bottom,#6d557e 0 12px,transparent 12px 25px);opacity:.5}.score-lane{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;gap:22px;margin:30px 0}.score-lane>span{font-size:16px;color:#cbb8da}.score-beats{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.score-cell{height:65px;border:1px solid #4b3a58;display:block;transition:background .35s,transform .35s,box-shadow .35s;background:#211929}.score-cell.occupied{background:#89709f;border-color:#b79bce}.lane-1 .score-cell.occupied{background:#6b918c;border-color:#abc9bf}.lane-2 .score-cell.occupied{background:#a29172;border-color:#d0bf9f}.score-cell.beat-now{transform:translateY(-7px);box-shadow:0 6px 0 #c5addb;border-color:#efe0fc}#orchestra-score{padding:25px 0;margin:12px 0 25px;border-bottom:1px solid #493454}.orchestra-stage{background:linear-gradient(125deg,#201728,#15141a)}.faculty-section{margin:70px 0}.faculty-section>p{max-width:65ch}.faculty-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;margin-top:40px}.faculty-card{display:flex;align-items:flex-start;gap:25px;padding:35px 0;border-top:1px solid #665171}.faculty-initials{font:34px/1 'Instrument Serif',Georgia,serif;color:#d9c6e6;min-width:65px;height:80px;border:1px solid #665171;padding:21px 10px;rotate:-4deg;display:block;background:#22172b}.faculty-card:nth-child(even) .faculty-initials{rotate:4deg;border-radius:45px 45px 0 0;background:#1b2727}.faculty-card h3{font-size:28px;margin:17px 0 12px}.faculty-card .eyebrow{font-size:12px!important}.faculty-topic{font-size:16px!important;color:#d0b7e1!important;border-bottom:1px dashed #51405e;padding-bottom:17px;margin-bottom:20px}.faculty-card p{font-size:17px;line-height:1.95}.faculty-source{font-size:14px;color:#a790b9;text-decoration:underline;text-underline-offset:5px;display:inline-block;padding:10px 0}.supervision-section{padding:40px 35px;border-block:1px solid #8b6c9e;margin:55px 0;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;background:#201628}.supervision-section h2{font-size:42px;margin-top:18px}.supervision-section p{max-width:66ch}.supervision-section .small{font-size:14px}.session-facilitator{color:#d0b5e2!important;margin-top:12px!important}.personal-memory{padding:35px 0;border-block:1px dashed #685473;margin:40px 0}.personal-memory p{max-width:70ch}.personal-memory small{font-size:14px;color:#a58cb7}.library .module{position:relative}.module-id:before{content:'✦';display:inline-block;margin-right:12px;color:#bda6d0;animation:margin-spin 20s linear infinite}.resource-card:after{content:'';width:62px;height:62px;position:absolute;right:-25px;top:95px;border:1px solid #806b90;border-radius:50%;opacity:.5;transition:scale .6s}.resource-card:hover:after{scale:1.7}.resource-card:nth-child(even):after{border-radius:0;rotate:25deg;width:48px;height:48px}.module:nth-child(3n) .resource-card:after{border-radius:50% 50% 0 0;width:48px;height:75px}.badge{transition:translate .3s}.resource-card:hover .badge{translate:3px 0}.worked-example[open] .example-body{animation:panel-unfold .45s ease both}.quiz-feedback:not(.hide){animation:panel-unfold .45s ease both}.faculty-card:hover .faculty-initials{animation:stamp-wiggle .65s ease both}.step-count{position:relative}.stage-nav button:hover{translate:0 -3px}.studio-paper,.current-cameo,.note-character{will-change:transform}.motion-off .live-dot:before{animation:none!important}
@keyframes connection-travel{to{stroke-dashoffset:-144}}@keyframes send-ring{0%{opacity:1;scale:1}100%{opacity:0;scale:3}}@keyframes word-arrive{from{opacity:0;translate:0 20px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes margin-float{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -8px;rotate:4deg}}@keyframes quote-sway{0%,100%{rotate:-5deg}50%{rotate:5deg}}@keyframes score-float{0%,100%{scale:1 1}50%{scale:1 1.12}}@keyframes margin-spin{to{rotate:360deg}}@keyframes soft-signal{0%,100%{opacity:.5}50%{opacity:1}}@keyframes panel-unfold{from{opacity:.3;translate:0 -9px}to{opacity:1;translate:0 0}}@keyframes stamp-wiggle{0%,100%{rotate:0deg}30%{rotate:7deg}65%{rotate:-5deg}}
@media(max-width:1380px){.play-teaser{margin-inline:40px}}@media(max-width:1000px){.play-card-row{gap:18px}.play-card{padding:25px 22px}.play-card h3{font-size:25px}.play-intro{gap:25px 45px}.faculty-grid{gap:0 35px}.faculty-card{display:block}.faculty-initials{width:65px;margin-bottom:25px}.supervision-section{gap:35px}.score-lane{grid-template-columns:80px minmax(0,1fr);gap:15px}.score-beats{gap:5px}}
@media(max-width:720px){.play-teaser{margin-inline:24px;padding:45px 0}.play-intro{display:block;margin-bottom:30px}.play-intro h2{font-size:38px;margin:20px 0 25px}.play-card-row{grid-template-columns:1fr;gap:25px}.play-card{min-height:0;padding:27px}.play-card .play-symbol{margin:5px 0;min-height:75px}.play-card h3{font-size:28px}.play-card-1{border-radius:65px 4px 4px 4px}.experiment-tabs{gap:15px 25px}.experiment-tabs a{font-size:16px}.experiment-stage{padding:22px}.stage-caption{font-size:11px;gap:20px;flex-wrap:wrap}.experiment-controls{gap:13px}.experiment-controls>.btn{font-size:16px;flex:1;min-width:180px}.range-control{display:block}.range-control input{display:block;width:100%}.experiment-reading{padding-top:35px}.experiment-reading h2{font-size:37px}.play-footnote{padding:25px;margin-top:10px}.cinema-screen{font-size:43px;line-height:1.5;min-height:300px;padding:35px 0;gap:0 10px}.cinema-subtitle{font-size:18px!important;min-height:0}.lens-controls,.conductor-controls{gap:12px}.lens-controls>.btn,.conductor-controls>.btn{width:100%;font-size:16px}.score-lane{grid-template-columns:1fr;gap:16px;margin-block:30px}.score-beats{gap:4px}.score-cell{height:48px}.score-lane>span{font-size:17px}#orchestra-score{padding-block:5px}.faculty-section{margin-block:45px}.faculty-grid{grid-template-columns:1fr;gap:0}.faculty-card{display:flex;gap:20px;padding-block:30px}.faculty-initials{min-width:48px;width:48px;height:65px;font-size:25px;padding:19px 6px}.faculty-card h3{font-size:27px}.faculty-card p{font-size:17px}.faculty-card .eyebrow{font-size:11px!important}.supervision-section{display:block;padding:30px 24px}.supervision-section .btn{margin-top:20px;width:100%;font-size:16px}.supervision-section h2{font-size:36px}.personal-memory{padding-block:26px}.play-teaser .small{font-size:15px!important}.faculty-source{font-size:15px}}
@media(prefers-reduced-motion:reduce){.play-symbol,.play-card:before,.connection-flow,.ripple-halo,.cinema-screen span,.live-dot:before,.module-id:before,.worked-example .example-body,.quiz-feedback,.faculty-initials{animation:none!important;opacity:1;translate:0 0;rotate:0deg;filter:none!important}.score-cell.beat-now{transform:none}}.motion-off .play-symbol,.motion-off .play-card:before,.motion-off .connection-flow,.motion-off .ripple-halo,.motion-off .cinema-screen span,.motion-off .module-id:before,.motion-off .worked-example .example-body,.motion-off .quiz-feedback{animation:none!important;opacity:1;translate:0 0;filter:none!important}
@media print{.play-teaser,.experiment-stage,.experiment-tabs,.faculty-initials{display:none}.faculty-grid{display:block}.faculty-card{break-inside:avoid}.supervision-section{background:white;color:black}}