@charset "UTF-8";
:root{color-scheme:dark;--bg:#0e1011;--text:#f2eee6;--muted:#929797;--gold:#d9b485;--line:#ffffff20;font-family:Arial,"Malgun Gothic",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:20px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;color:#111;padding:16px}.skip:focus{top:0}.masthead{height:64px;display:flex;align-items:center;justify-content:space-between;margin:0 4%;border-bottom:1px solid #ffffff16}.wordmark{font-size:17px;letter-spacing:-.06em;font-weight:700}.wordmark span{margin-left:9px;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.04em}.newsis{font-size:10px;letter-spacing:.15em}.newsis span{margin-left:14px;color:var(--gold)}.eyebrow,.micro{font-size:10px;letter-spacing:.15em;color:var(--gold);font-weight:400}.eyebrow{margin:0 0 14px}h1,h2,.scene-intro h3{font-family:"Batang",Georgia,serif;font-weight:400;letter-spacing:-.06em}h1{font-size:clamp(32px,3.4vw,52px);margin:0;line-height:1.3}h2{font-size:40px;margin:0}.play{height:calc(100svh - 64px);min-height:670px;padding:25px 4% 20px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 65% 30%,#73523416,transparent 60%)}.invitation{z-index:1;pointer-events:none}.instrument{flex:1;min-height:0;display:flex;flex-direction:column}.mechanism-preview{position:relative;flex:1;min-height:140px;margin-top:-25px}.mechanism-preview canvas{position:absolute;width:100%;height:100%;inset:0}.note-indicator{position:absolute;top:54px;left:0;display:flex;align-items:center;gap:14px;pointer-events:none}.note-indicator>span{font:32px Georgia;color:var(--gold)}.note-indicator small{font-size:10px;color:var(--muted)}.instrument-name{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.25em;text-align:center;color:#c7b294;white-space:nowrap}.instrument-name span{display:block;font-size:9px;letter-spacing:.06em;color:#8f8980;margin-top:8px}.keyboard-frame{position:relative;padding:12px 15px 23px;background:linear-gradient(#94754e,#1c1b18 8px,#080909 14px,#1a1c1d 94%,#000);border-radius:3px 3px 7px 7px;box-shadow:0 28px 40px #0009,0 1px 1px #b5aa9250}.keyboard{position:relative;height:clamp(150px,21vh,214px);--white-count:15;touch-action:none;user-select:none}.piano-key{position:absolute;top:0;border:0;border-radius:0 0 4px 4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;touch-action:none;user-select:none;transition:transform .05s,background .05s}.piano-key.white{left:calc(var(--slot)*100%/var(--white-count));width:calc(100%/var(--white-count) - 1px);height:100%;background:linear-gradient(90deg,#d1ccbf,#f9f5e8 12%,#ede9dc 92%,#c6c1b4);box-shadow:inset 0 -9px 1px #aaa89e,inset 0 6px 8px #0005,0 4px 2px #000;color:#757368;padding-bottom:19px;z-index:1}.piano-key.black{left:calc((var(--slot) + 1)*100%/var(--white-count) - 100%/var(--white-count)*.3);width:calc(100%/var(--white-count)*.6);height:61%;background:linear-gradient(90deg,#090a0b,#36393a 20%,#17191a 87%,#040505);box-shadow:inset 0 -8px 1px #030404,inset 1px 0 #666a6b,3px 6px 5px #0009;color:#91918b;z-index:2;padding-bottom:15px;border-bottom:2px solid #484a49}.piano-key.white.is-down{transform:translateY(5px);background:linear-gradient(90deg,#b48c56,#ffe6b1 20%,#e1b77f 90%,#ab8148);box-shadow:inset 0 -3px 2px #82633f,inset 0 4px 12px #0006,0 0 22px #e4aa5740}.piano-key.black.is-down{transform:translateY(4px);background:linear-gradient(90deg,#44321d,#977444 30%,#503e28)}.piano-key kbd{font:10px Arial;opacity:.6}.piano-key .pitch{font-size:9px;letter-spacing:.03em}.piano-key:focus-visible{outline-offset:-5px;outline-color:#b17935}.instrument-tools{display:flex;align-items:center;gap:25px;margin-top:18px;color:var(--muted);font-size:10px}.input-hint{flex:1;line-height:1.8;margin:0}.input-hint kbd{font:10px Arial;padding:3px;border-bottom:1px solid #fff4}.instrument-tools button{border:1px solid var(--line);background:none;min-height:44px;padding:9px 14px;font-size:10px}.instrument-tools button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#pedal-status{font-size:9px;margin-left:12px}.volume-label{display:flex;align-items:center;gap:12px}input[type=range]{accent-color:var(--gold);min-height:44px;cursor:pointer}#volume{width:80px}.mobile-hint{display:none}.audio-status{font-size:9px;color:var(--muted);min-height:14px;margin:6px 0}.audio-status.error{color:#ffae89}.play-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:15px;margin-top:12px}.director,.prototype-label{font-size:8px;color:#737b7e}.explore-link{display:grid;text-align:center;gap:7px;min-height:48px}.explore-link>span{font-size:10px;color:var(--muted)}.explore-link strong{font-size:15px;font-weight:400}.explore-link strong span{margin-left:20px;color:var(--gold)}
.inside{padding:40px 3% 20px;border-top:1px solid var(--line);background:#090c0e}.observation-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.observation-top .eyebrow{margin-bottom:10px}.observation-top h2{font-size:28px}.back-play{font-size:11px;color:var(--muted);padding:12px}.observation-stage{position:relative;height:min(820px,93dvh);min-height:670px;border:1px solid #ffffff15;border-radius:4px;background:radial-gradient(ellipse at 66% 46%,#49352524,transparent 65%),#0b0e10;overflow:hidden}.scene-intro{position:absolute;z-index:3;top:36px;left:30px;width:240px;pointer-events:none}.scene-intro h3{font-size:33px;line-height:1.45;margin:24px 0 20px}.scene-intro>p{color:#999fa0;font-size:12px;line-height:1.9}.selected-note{margin-top:26px}.selected-note strong{display:inline-block;margin-left:18px;font:32px Georgia;color:var(--gold)}#snapshot-duration{display:block;font-size:9px;letter-spacing:.05em;margin-top:8px;color:#667175}.text-button{background:none;border:0;border-bottom:1px solid #bda37850;padding:12px 0;color:var(--gold);font-size:11px;pointer-events:auto}.scene-wrap{position:absolute;inset:0 115px 180px 235px}.scene-wrap canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.scene-wrap canvas:active{cursor:grabbing}#scene-loading{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:12px;color:#b09f84;line-height:2}.view-caption{position:absolute;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#667175;pointer-events:none}.step-list{position:absolute;right:20px;top:40px;width:112px;padding:0;list-style:none;z-index:4}.step-list li{position:relative;border-left:1px solid #ffffff25;padding-left:14px}.step-list button{position:relative;background:none;border:0;padding:0 0 20px;text-align:left;color:#6f787a;font-size:10px;line-height:1.8;width:100%;min-height:55px}.step-list button:before{position:absolute;content:"";width:5px;height:5px;top:7px;left:-17px;background:#4d5659;border-radius:50%}.step-list button span{display:block;font:13px Georgia;margin-bottom:4px}.step-list button[aria-current=step]{color:var(--gold)}.step-list button[aria-current=step]:before{background:var(--gold);box-shadow:0 0 12px #d9b48570}.part-anchor{position:absolute;z-index:3;font-size:10px;color:var(--gold);border-bottom:1px solid #d9b48570;padding:8px 8px 8px 20px;pointer-events:none;background:#0b0e10c9;white-space:nowrap}.part-anchor span{position:absolute;left:5px;top:12px;width:4px;height:4px;border-radius:50%;background:var(--gold)}.scene-notice{position:absolute;bottom:186px;left:30px;color:var(--gold);font-size:10px;z-index:3}.observation-dock{position:absolute;bottom:0;left:0;right:0;z-index:5;min-height:166px;padding:18px 26px 14px;background:linear-gradient(#111619f2,#0d1113);border-top:1px solid #ffffff1c;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 30px}.step-summary{grid-column:1/-1;display:flex;gap:14px;align-items:center;padding-bottom:8px;font-size:11px}.step-summary>span:first-child{font:12px Georgia;color:var(--gold)}.step-summary strong{font-size:13px;font-weight:400}.step-summary>span:last-child{color:#7e898e;font-size:10px}.transport{display:flex;align-items:center;gap:10px;min-width:0}.play-control{width:52px;height:52px;flex-shrink:0;border:1px solid #d8c09c;border-radius:50%;background:transparent;display:grid;place-items:center}.play-control:hover{background:#d9b48518}.play-control svg{width:21px;height:21px;fill:currentColor;stroke:currentColor;stroke-width:1.4}.icon-button{width:44px;height:44px;flex-shrink:0;background:none;border:0;display:grid;place-items:center}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.timeline-label{display:flex;align-items:center;gap:12px;flex:1;min-width:80px}#timeline{width:100%;min-width:50px}#timecode{font:10px monospace;color:#8e9c9f;white-space:nowrap}.speed-label{display:flex;flex-direction:column;gap:3px;font-size:8px;color:#9aa3a6}.speed-label select{height:36px;min-width:65px;border:1px solid #ffffff20;border-radius:18px;color:var(--text);background:#1a2024;padding:0 8px}.silent-note{font-size:8px;color:#5f6d72;white-space:nowrap}.aux-tools{display:flex;align-items:center;gap:8px}.aux-tools button{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:1px solid transparent;border-radius:6px;padding:8px 10px;min-width:58px;min-height:60px;color:#8c9a9e;font-size:9px}.aux-tools button:hover,.aux-tools button[aria-pressed=true]{color:var(--gold);background:#d9b48509;border-color:#d9b48525}.observation-foot{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:10px;gap:30px;color:#707d82}.observation-foot a{color:var(--text);font-size:13px;white-space:nowrap}.observation-foot a span{color:var(--gold);margin-left:24px}.model-details{font-size:10px;color:#758187;line-height:1.8;max-width:850px}.model-details summary{cursor:pointer;min-height:35px}.model-details p{margin:0 0 15px}.parts-dialog{position:fixed;inset:20px 20px auto auto;margin:0;width:340px;max-width:calc(100% - 30px);max-height:calc(100% - 50px);background:#141a1d;color:var(--text);border:1px solid #d9b48550;border-radius:8px;padding:24px;z-index:15;box-shadow:0 25px 80px #000b}.parts-dialog::backdrop{background:#0008}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h3{font-weight:400;font-size:20px;margin:14px 0}.parts-dialog>p{font-size:11px;color:var(--muted);line-height:1.8}.part-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.part-list button{border:1px solid #ffffff18;background:#ffffff05;color:#98a5a9;padding:12px;text-align:left;min-height:44px;font-size:11px}.part-list button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.part-description{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:12px;line-height:1.9;color:#b7c0c3}.part-description b{color:var(--gold);font-weight:400}.observation-stage:fullscreen,.observation-stage.expanded{height:100dvh;border:0;max-height:none}.observation-stage.expanded{position:fixed;inset:0;z-index:80}.fallback-diagram{position:absolute;inset:8%;width:84%;height:84%}.fallback-diagram text{fill:#d9b485;font:15px sans-serif}
.editorial-section{padding:100px 6% 80px;border-top:1px solid var(--line)}.making{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;background:#101314}.section-heading h2{font-size:clamp(32px,4vw,56px);line-height:1.4}.section-heading>p:last-child{font-size:12px;color:var(--muted);line-height:1.9;max-width:280px}.making-content{max-width:660px}.making-credit{font-size:10px;color:var(--gold);margin:0 0 38px}.making article{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}.making article>span{font-size:9px;color:#778388}.making h3{font-size:21px;font-weight:400;letter-spacing:-.04em;margin:15px 0}.making article p,.making details{font-size:12px;line-height:2;color:#9ca5a8}.making summary{cursor:pointer;min-height:44px}.making ul{padding-left:15px}.making details a{text-decoration:underline;text-underline-offset:4px}footer{margin:0 4%;border-top:1px solid var(--line);padding:40px 0;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px;line-height:1.8}footer .wordmark{color:var(--text)}footer small{font-size:9px}footer>a{align-self:center;padding:15px 0}noscript{padding:30px;display:block}
@media(max-width:1023px){.scene-intro{width:190px;left:24px}.scene-intro h3{font-size:28px}.scene-wrap{left:175px;right:100px}.step-list{width:90px;right:10px}.observation-dock{gap:8px;grid-template-columns:1fr}.transport{grid-row:2}.aux-tools{grid-row:3;justify-content:flex-end}.observation-dock{min-height:205px}.scene-wrap{bottom:215px}.scene-notice{bottom:213px}.aux-tools button{flex-direction:row;min-height:44px;padding:7px 12px}.silent-note{display:none}}
@media(max-width:700px){.masthead{height:56px;margin:0 20px}.wordmark{font-size:15px}.newsis{font-size:8px}.play{height:calc(100svh - 56px);min-height:640px;padding:23px 18px 18px}h1{font-size:clamp(29px,6.5vw,44px);white-space:nowrap}.eyebrow{font-size:9px}.mechanism-preview{margin-top:0;min-height:150px}.note-indicator{top:24px;gap:10px}.note-indicator>span{font-size:26px}.note-indicator small{font-size:9px}.keyboard{--white-count:8;height:clamp(160px,22vh,210px)}.keyboard-frame{margin:0 -6px;padding:10px 5px 18px}.piano-key[data-upper=true]{display:none}.piano-key kbd{display:none}.piano-key .pitch{font-size:9px}.instrument-tools{gap:12px;flex-wrap:wrap;margin-top:14px}.input-hint{flex-basis:100%;font-size:9px}.desktop-hint{display:none}.mobile-hint{display:inline}.volume-label{margin-left:auto;font-size:10px}.audio-status{font-size:8px}.play-bottom{justify-content:center;position:relative;padding-bottom:22px}.director,.prototype-label{position:absolute;bottom:0;font-size:7px}.director{left:0}.prototype-label{right:0}.explore-link>span{font-size:9px}.instrument-name{font-size:6px;letter-spacing:.12em}.instrument-name span{font-size:8px}.inside{padding:30px 0 20px}.observation-top{padding:0 20px;margin-bottom:20px}.observation-top h2{font-size:24px}.back-play{font-size:9px}.observation-stage{min-height:720px;height:calc(100dvh - 35px);border-radius:0;border-left:0;border-right:0}.scene-intro{top:20px;left:20px;width:calc(100% - 40px)}.scene-intro .micro{font-size:8px}.scene-intro h3{font-size:24px;line-height:1.4;margin:12px 0}.scene-intro h3 br{display:none}.scene-intro>p:not(.selected-note){font-size:10px;margin:0;width:65%;line-height:1.7}.selected-note{position:absolute;top:11px;right:0;margin:0!important;font-size:0!important;text-align:right}.selected-note strong{font-size:25px;margin:0}#snapshot-duration{font-size:8px;margin-top:4px}.text-button{position:absolute;right:0;top:70px;font-size:10px;padding:10px 0}.scene-wrap{inset:136px 0 240px}.view-caption{font-size:7px;left:16px;right:16px;bottom:8px}.step-list{display:none}.observation-dock{min-height:230px;padding:15px 16px calc(10px + env(safe-area-inset-bottom));gap:8px;display:flex;flex-direction:column}.step-summary{flex-wrap:wrap;gap:8px 12px;margin-bottom:0;padding-bottom:0;min-height:42px}.step-summary>span:last-child{width:100%;font-size:9px;line-height:1.5}.step-summary strong{font-size:12px}.transport{gap:5px;min-height:58px}.play-control{width:46px;height:46px}.icon-button{width:36px;min-width:36px}.timeline-label{gap:5px}#timecode{font-size:8px}.speed-label{margin-left:6px}.speed-label select{min-width:59px;font-size:11px}.aux-tools{justify-content:space-between;gap:3px;border-top:1px solid #ffffff10;padding-top:5px}.aux-tools button{flex-direction:column;font-size:9px;padding:8px 10px;min-width:58px;min-height:57px}.aux-tools svg{width:18px}.scene-notice{left:16px;right:16px;bottom:238px;font-size:9px;background:#0b0e10b0;padding:5px}.observation-foot{padding:0 20px;display:block}.observation-foot>p{font-size:9px;line-height:1.8}.observation-foot a{display:block;margin-top:20px;font-size:13px}.model-details{padding:0 20px;font-size:9px}.parts-dialog{top:auto;left:12px;right:12px;bottom:12px;width:auto;max-width:none;max-height:75%;padding:20px}.part-list{grid-template-columns:1fr 1fr}.editorial-section{padding:65px 24px 45px}.making{grid-template-columns:1fr;gap:30px}.section-heading h2{font-size:38px}.making h3{font-size:20px}.making article p{font-size:12px}footer{margin:0 24px;flex-wrap:wrap}footer>div:first-child{width:100%}footer>a{margin-left:auto}.part-anchor{font-size:9px}.observation-stage:fullscreen .scene-wrap,.observation-stage.expanded .scene-wrap{top:136px}}
@media(max-width:359px){.play{min-height:590px;padding:20px 14px 16px}.keyboard{height:152px}.mechanism-preview{min-height:110px}.instrument-name{bottom:8px}.note-indicator{top:16px}.note-indicator small{max-width:115px;line-height:1.7}.observation-stage{min-height:700px}.scene-intro{left:16px;width:calc(100% - 32px)}.scene-intro h3{font-size:22px}.transport{gap:2px}.play-control{width:44px;height:44px}.speed-label{margin-left:0}.speed-label select{min-width:53px;padding:0 4px}.observation-dock{padding-left:12px;padding-right:12px}.aux-tools button{min-width:54px;padding:7px}}
@media(orientation:landscape) and (max-height:500px){.observation-stage{height:650px}.observation-stage:fullscreen,.observation-stage.expanded{min-height:0}.observation-stage:fullscreen .observation-dock,.observation-stage.expanded .observation-dock{left:65%;top:0;bottom:0;min-height:0;padding:15px;overflow:auto;justify-content:center}.observation-stage:fullscreen .scene-wrap,.observation-stage.expanded .scene-wrap{inset:60px 35% 0 0}.observation-stage:fullscreen .scene-intro,.observation-stage.expanded .scene-intro{left:15px;top:10px;width:60%}.observation-stage:fullscreen .scene-intro h3,.observation-stage.expanded .scene-intro h3{font-size:19px;margin:6px 0}.observation-stage:fullscreen .scene-intro>p,.observation-stage.expanded .scene-intro>p,.observation-stage:fullscreen .text-button,.observation-stage.expanded .text-button{display:none}.observation-stage:fullscreen .transport,.observation-stage.expanded .transport{flex-wrap:wrap}.observation-stage:fullscreen .timeline-label,.observation-stage.expanded .timeline-label{order:5;flex-basis:100%}.observation-stage:fullscreen .aux-tools,.observation-stage.expanded .aux-tools{flex-wrap:wrap}.observation-stage:fullscreen .step-list,.observation-stage.expanded .step-list{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.piano-key{transition:none}}

@media(min-width:701px){.observation-stage{height:calc(100dvh - 155px);min-height:650px;max-height:850px}.observation-stage:fullscreen,.observation-stage.expanded{height:100dvh;max-height:none}}

.intro-actions{display:flex;gap:18px;pointer-events:auto}.experiment-controls{pointer-events:auto;margin-top:18px}.experiment-controls>p{font-size:10px;color:#9aa6aa;line-height:1.8}.experiment-controls>button{display:block;width:100%;min-height:44px;text-align:left;padding:10px 13px;margin:7px 0;background:#ffffff05;border:1px solid #ffffff25;border-radius:3px;font-size:11px}.experiment-controls>button:hover,.experiment-controls>button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#lab-feedback{color:var(--gold);font-size:10px}.experiment-mode .scene-intro h3{font-size:25px;margin:15px 0}.experiment-mode .scene-intro>p:not(.selected-note){display:none}.experiment-mode .selected-note{margin-top:10px}.experiment-mode #snapshot-duration{display:none}.experiment-mode .step-list{opacity:.25;pointer-events:none}.making-figure{margin:0 0 45px;padding:15px 0;border-block:1px solid var(--line)}.making-figure svg{display:block;width:100%;height:auto;stroke:none}.making-figure figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin:15px 0}.making-change dl{margin:0}.making-change dl>div{display:grid;grid-template-columns:75px 1fr;gap:15px;border-top:1px solid #ffffff10;padding:18px 0}.making-change dt{font-size:10px;color:var(--gold);line-height:1.8}.making-change dd{margin:0;font-size:12px;line-height:1.9;color:#9ca5a8}
@media(max-width:700px){.intro-actions{position:absolute;right:0;top:70px;gap:15px}.intro-actions .text-button{position:static}.experiment-mode .scene-intro h3{font-size:20px;margin:10px 0}.experiment-mode .scene-wrap{top:275px}.experiment-mode .experiment-controls{margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.experiment-controls>p:first-child{display:none}.experiment-controls>button{font-size:9px;padding:9px 5px;min-width:0;margin:0;text-align:center}.experiment-controls>p:last-child{grid-column:1/-1;margin:4px 0;font-size:9px}.experiment-mode .scene-intro{pointer-events:none}.experiment-controls{pointer-events:auto}.making-figure svg{min-width:490px}.making-figure{overflow-x:auto}.making-change dl>div{grid-template-columns:60px 1fr;gap:10px}.experiment-mode .observation-dock .transport{opacity:.45}}

.making-content,.section-heading{min-width:0}.making-figure{max-width:100%}
@media(max-width:700px){.experiment-mode .scene-wrap{top:205px}}

.brand-sentence{line-height:1.85}.discoveries{background:#111717;padding-top:90px}.discovery-heading{max-width:760px;margin-bottom:70px}.discovery-heading h2{font-size:clamp(36px,4.6vw,65px);line-height:1.35}.discovery-heading>p:not(.eyebrow){font-size:12px;color:#9aa8a8;line-height:1.9}.discovery-heading strong{font:23px Georgia;color:var(--gold);margin:0 5px}.discovery-progress{border-top:1px solid var(--line);padding-top:20px;max-width:350px;color:var(--gold)!important}.question-study{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;padding:65px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.question-copy h3{font:400 clamp(25px,2.9vw,40px)/1.45 "Batang",Georgia,serif;letter-spacing:-.05em;margin:20px 0}.question-copy>p{font-size:12px;line-height:1.95;color:#a6b1b0;max-width:320px}.question-copy .study-hint{font-size:10px;color:#c5b48f;border-left:1px solid #c5b48f66;padding-left:14px;margin-top:25px}.question-workbench{min-width:0}.study-wave,.repeat-diagram{width:100%;height:auto;display:block;margin-bottom:12px;fill:#d9b485;stroke:none;background:radial-gradient(ellipse,#6d66531c,transparent)}.study-wave .wave-baseline{stroke:#ffffff1c;fill:none;stroke-width:1}.study-wave .wave-line{stroke:#d9b485;stroke-width:1.5;fill:none}.study-controls{display:flex;gap:10px;flex-wrap:wrap}.study-controls button{flex:1;min-width:110px;min-height:48px;background:#ffffff04;border:1px solid #d9b48540;border-radius:3px;padding:12px 15px;font-size:11px;text-align:left}.study-controls button:hover,.study-controls button:focus-visible{color:var(--gold);background:#d9b48512;border-color:var(--gold)}.study-controls button span{float:right;font:italic 16px Georgia;color:var(--gold)}.study-readout{font-size:10px;line-height:1.8;min-height:20px;color:var(--gold);margin:18px 0}.study-limit,.study-source{font-size:9px;line-height:1.8;color:#788986}.study-source{text-decoration:underline;text-underline-offset:4px}.finding{border-top:1px solid #d9b4854a;margin:25px 0 15px;padding-top:20px}.finding>span{font-size:9px;letter-spacing:.12em;color:var(--gold)}.finding h4{font-size:18px;font-weight:400;line-height:1.6;margin:12px 0}.finding p{font-size:12px;line-height:1.95;color:#a6b1b0}.string-settings{display:grid;gap:5px;margin:20px 0}.string-settings label{font-size:10px;color:#b1bdb9;display:grid;grid-template-columns:1fr auto;align-items:center}.string-settings output{color:var(--gold);font:12px monospace}.string-settings input{grid-column:1/-1;width:100%;margin:0}.study-math{font-size:10px;color:#8d9a96;line-height:1.8;margin:20px 0}.study-math summary{min-height:36px;cursor:pointer}.repeat-modes{border:0;padding:0;margin:15px 0 22px;display:flex;gap:20px;flex-wrap:wrap;color:#a6b1b0;font-size:11px}.repeat-modes legend{font-size:9px;color:#73847e;margin-bottom:12px}.repeat-modes label{display:flex;gap:7px;align-items:center;min-height:32px}.repeat-modes input{accent-color:var(--gold)}.discovery-ending{padding:60px 0 0;text-align:center;border-top:1px solid var(--line)}.discovery-ending>p{font:25px/1.8 "Batang",Georgia,serif;letter-spacing:-.04em}.discovery-ending .next-link{display:block;font-size:12px;color:var(--gold);padding:25px 0}.discovery-ending .next-link span{margin-left:20px}.evidence-comparison{margin:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.evidence-comparison>div{min-width:0}.evidence-comparison img{width:100%;height:180px;object-fit:contain;background:#090c0e;display:block;border:1px solid var(--line)}.evidence-comparison figcaption{font-size:9px;line-height:1.8;color:#8f9c9b;margin:10px 0}
@media(max-width:700px){.discoveries{padding-top:60px}.discovery-heading{margin-bottom:40px}.discovery-heading h2{font-size:38px}.question-study{grid-template-columns:1fr;gap:15px;padding:40px 0}.question-copy h3{font-size:29px}.question-copy>p{max-width:none}.question-copy .study-hint{margin-top:18px}.study-controls{gap:8px}.study-controls button{min-width:100px;font-size:10px;padding:12px}.finding h4{font-size:18px}.study-readout{font-size:10px}.evidence-comparison{grid-template-columns:1fr;gap:20px}.evidence-comparison img{height:auto;max-height:280px}.discovery-ending>p{font-size:20px}.repeat-modes{gap:8px 15px}.repeat-modes label{font-size:10px}.brand-sentence{font-size:12px}}

/* Quiet author byline above the series name. */
.brand-byline{display:block;font-family:Arial,"Noto Sans KR",sans-serif;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.04em;color:var(--muted);margin:0 0 3px}.making details{margin-top:24px;font-size:12px;line-height:1.9}.making summary{cursor:pointer;color:var(--muted)}

/* Published piano: shared header and photo attribution. */
body.vnh-ready .play{height:calc(100svh - 64px - env(safe-area-inset-top,0px))}
.skip:focus{top:72px;z-index:10001}
footer{flex-wrap:wrap}.photo-credit{flex-basis:100%;margin:0;font-size:10px;color:var(--muted);line-height:1.8}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.research-index a:focus-visible,.research-controls button:focus-visible{outline:2px solid #d8c09c;outline-offset:4px}