/* VNScape discovery atelier: morning light, botanical materials, legible science. */
.studio-page{padding:134px max(5.5vw,20px) 65px;max-width:1920px;margin:auto;color:#294735;isolation:isolate;position:relative;min-height:85vh}
.studio-page::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 86% 4%,#adc29360,transparent 42%),radial-gradient(ellipse at 10% 35%,#d6d8ab30,transparent 30%);pointer-events:none}
.studio-page [hidden]{display:none!important}
.studio-intro{position:relative;display:grid;grid-template-columns:1fr 260px;gap:45px;align-items:center;padding:20px 3% 48px;overflow:hidden}
.studio-intro h1{font-family:var(--serif,Georgia,serif);font-size:clamp(42px,4.5vw,70px);font-weight:400;line-height:1.08;letter-spacing:-2.2px;margin:20px 0;color:#f1f3dd;text-shadow:0 2px 12px #193d2940}
.studio-intro h1 em{color:#d5e5a9;font-weight:400}.studio-intro>.eyebrow,.studio-intro .eyebrow{color:#dce9bc}
.studio-intro>div>p{color:#e2ead0;font-size:18px;line-height:1.8;max-width:620px}
.studio-intro-leaf{position:absolute;width:280px;height:380px;right:22%;top:5px;z-index:-1;background:url(assets/leaves.jpg) center/cover;border-radius:80% 5% 80% 5%;opacity:.16;transform:rotate(28deg);mask-image:linear-gradient(black,transparent)}
.studio-passport{padding:25px;border-radius:20px 5px 20px 5px;background:linear-gradient(135deg,#e8edd4ee,#d1ddbded);box-shadow:0 12px 40px #193c2930;border:1px solid #f3f4d855}
.studio-passport>strong{display:block;font-size:44px;line-height:1.5;font-weight:500;letter-spacing:-2px}.studio-passport>strong>span{font-size:20px;color:#587052;letter-spacing:0}.studio-passport p{font-size:14px;line-height:1.7;color:#486247}
.studio-passport a,.studio-storage-note a{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.studio-intro>.studio-passport>p{color:#486247;font-size:14px;line-height:1.7}
.studio-progress-track{height:5px;background:#b8c9a0;border-radius:20px;overflow:hidden}.studio-progress-track>span{display:block;height:100%;background:#477858;transition:width .3s}
.studio-tablist{display:flex;gap:6px;padding:7px;background:#d9e2c9f0;border:1px solid #eef0d7b0;border-radius:16px;box-shadow:0 8px 25px #193c2920;margin-bottom:23px;overflow-x:auto;scrollbar-width:thin;position:relative;z-index:3}
.studio-tablist>button{flex:1;white-space:nowrap;min-height:53px;padding:12px 18px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:11px;color:#36533a;transition:background .2s,transform .2s,box-shadow .2s}
.studio-tablist>button>span{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.studio-tablist>button[aria-selected=true]{background:#f6f4e5;box-shadow:0 3px 12px #61744d22;border-color:#b6c5a1;color:#244b33}.studio-tablist>button:hover{background:#f1f2df;transform:translateY(-2px)}
.studio-panel{background:linear-gradient(140deg,#f2f2e4,#e6ecd8);padding:clamp(18px,3vw,44px);border:1px solid #f6f5e2c0;border-radius:22px 6px 22px 6px;box-shadow:0 20px 55px #173a2925;position:relative;overflow:hidden}
.studio-panel[hidden]{display:none}.studio-panel p{font-size:16px;line-height:1.75}.studio-panel h2{font:400 clamp(29px,3vw,43px)/1.2 var(--serif,Georgia,serif);letter-spacing:-1px;color:#284c34;margin:12px 0}.studio-panel h3{font:400 clamp(24px,2vw,30px)/1.3 var(--serif,Georgia,serif);letter-spacing:-.5px;color:#2b4b33;margin:10px 0 17px}
.studio-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.studio-section-head p{max-width:740px;margin:12px 0;color:#50654b}.studio-kicker{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#547049;line-height:1.6}.studio-label{display:inline-block;font-size:10px;line-height:1.7;letter-spacing:1.25px;padding:7px 12px;background:#d9e4c9;border:1px solid #b6c8a0;border-radius:30px;color:#3b5b3f;white-space:nowrap}
.studio-button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;background:#3d694b;color:#faf9e9;font-size:14px;font-weight:600;border-radius:9px;border:1px solid #3d694b;transition:transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}
.studio-button.secondary{background:#e1e9d3;color:#34573c;border-color:#a9bd94}.studio-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4b6d4033;background:#315e40}.studio-button.secondary:hover:not(:disabled){background:#d2e0bd}.studio-button:disabled{opacity:.45;cursor:default}.studio-text-button{padding:10px 0;min-height:42px;font-size:14px;font-weight:600;color:#406b46;text-decoration:underline;text-underline-offset:4px}.studio-fineprint,.studio-panel p.studio-fineprint{font-size:12px;line-height:1.7;color:#56664c}.studio-error{color:#964d3b!important;font-size:14px!important;min-height:0}.studio-error:empty{display:none}
.studio-page button:focus-visible,.studio-page a:focus-visible,.studio-page summary:focus-visible,.studio-page input:focus-visible,.studio-page textarea:focus-visible,.studio-page select:focus-visible,.scale-world:focus-visible{outline:3px solid #6d9560;outline-offset:4px}
.studio-panel textarea{display:block;width:100%;resize:vertical;padding:13px 15px;border:1px solid #acba99;border-radius:8px;background:#fbfaef;color:#294734;font:15px/1.7 var(--sans,Arial,sans-serif);min-height:60px;box-shadow:inset 0 2px 5px #53704708}
.studio-panel label{display:block;font-size:14px;font-weight:600;margin:15px 0 8px;color:#3d5c3d}.studio-panel select{padding:9px 30px 9px 12px;border:1px solid #aabd95;border-radius:8px;background:#f4f4e5;color:#36513a;font:inherit}
.studio-source-list{border-top:1px solid #b8c5a1;margin-top:35px;padding-top:20px;font-size:13px;color:#4e6548}.studio-source-list summary{cursor:pointer;font-weight:600;min-height:33px}.studio-source-list ul{padding-left:18px;display:grid;gap:10px}.studio-source-list a{color:#396344;text-decoration:underline;text-underline-offset:3px}.studio-source-list p{font-size:13px;max-width:800px}
.studio-insight{margin-top:28px;border-left:3px solid #9bb077;background:#dce6cd80;padding:21px 25px;border-radius:0 12px 12px 0}.studio-insight>span{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#526b46}.studio-insight p{margin:8px 0;max-width:1000px}.studio-insight>a{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:#456a45}
.studio-prompt{padding:16px 18px;border:1px solid #b7c6a3;border-radius:10px;background:#e2ead4;margin:20px 0;color:#3b593b}.studio-prompt summary{font-size:14px;font-weight:600;cursor:pointer}.studio-prompt p{font-size:14px;line-height:1.7;margin:12px 0 0}
.studio-storage-note{display:flex;gap:15px;align-items:center;margin:25px 12px;color:#e3ead0}.studio-storage-note p{font-size:13px;line-height:1.7;flex:1;max-width:740px}.studio-storage-note>span{font-size:28px;color:#c3d79d}.studio-storage-note>a{margin-left:auto;white-space:nowrap}
/* Scale journey */
.studio-home-invitation{display:flex;align-items:center;gap:35px;margin:20px 7% 55px;padding:28px 35px;border:1px solid #b3c79b;border-radius:30px 6px;background:linear-gradient(120deg,#dfe8cb,#b9cfa9);color:#2b5136;box-shadow:0 12px 30px #224a3030}.studio-home-invitation>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:9px}.studio-home-invitation strong{font:400 30px/1.2 var(--serif,Georgia,serif)}.studio-home-invitation small{font-size:13px;line-height:1.7;color:#4c6947}.studio-home-invitation>b{font-size:30px;font-weight:400}.immune-apoptosis{animation:immune-pulse 2.5s ease-in-out infinite alternate}
.scale-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:32px}.scale-world{position:relative;border-radius:100px 15px 100px 15px;background:radial-gradient(ellipse at 55% 45%,#c8d9af,#a9c2a0 65%,#8eaf91);overflow:hidden;min-height:440px;overscroll-behavior:contain;touch-action:pan-y;box-shadow:inset 0 0 80px #335d4e25}.scale-scenes,.scale-scene{position:absolute;inset:0}.scale-scene{display:flex;align-items:center;justify-content:center;opacity:0;will-change:transform,opacity;pointer-events:none}.scale-scene>svg{width:100%;height:100%;max-height:460px}.scale-scene>img{width:90%;height:85%;object-fit:contain;filter:drop-shadow(0 18px 18px #32574233)}.scale-scene-forest>img{width:100%;height:100%;object-fit:cover;filter:brightness(.88) saturate(.75)}.scale-scene-forest::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#204b3bb0)}.scale-world-hud{position:absolute;z-index:8;inset:25px 30px auto;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#254d36;gap:10px}.scale-world-hud>span{padding:7px 11px;background:#edf0d6d9;border-radius:25px;backdrop-filter:blur(8px)}.scale-reticle{position:absolute;z-index:5;width:60%;aspect-ratio:1;max-height:85%;border:1px solid #eff5de50;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.scale-reticle::before,.scale-reticle::after{content:"";position:absolute;width:20px;height:20px;border-top:1px solid #f4f6e280;border-left:1px solid #f4f6e280;top:50%;left:-10px;transform:rotate(-45deg)}.scale-reticle::after{left:auto;right:-10px;transform:rotate(135deg)}.scale-scene-caption{position:absolute;z-index:6;bottom:54px;left:35px;display:flex;flex-direction:column;gap:7px;color:#f8f6e5;text-shadow:0 1px 8px #274e3590;background:#365b448f;backdrop-filter:blur(12px);padding:15px 20px;border-radius:16px 3px}.scale-scene-caption>span:first-child{font-size:10px;letter-spacing:1.5px}.scale-scene-caption>strong{font:400 31px/1.1 var(--serif,Georgia,serif)}.scale-scene-caption>span:last-child{font-size:16px}.scale-wheel-hint{position:absolute;bottom:20px;right:28px;z-index:6;font-size:11px;background:#e8edd6d9;color:#34533b;padding:7px 12px;border-radius:20px}.scale-details{padding:12px 0}.scale-details>p{color:#4f6549}.scale-details .studio-text-button{margin:8px 0}.scale-controller{padding:18px 0}.scale-controller>label{display:flex;justify-content:space-between}.scale-controller output{font-variant-numeric:tabular-nums;color:#3d6847}.studio-panel input[type=range]{width:100%;accent-color:#4d7d54;cursor:pointer;height:32px;background:transparent;touch-action:pan-y}.scale-stops{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:8px}.scale-stops button{border:1px solid #bac8a6;border-radius:10px;padding:10px 5px;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:5px;background:#e7ecd9;color:#476043}.scale-stops button>span{font-size:10px;color:#607551}.scale-stops button>small{font-size:11px;font-weight:400}.scale-stops button.selected{background:#406b4a;border-color:#406b4a;color:#f4f5df}.scale-stops button.selected>span{color:#dce8c2}
/* GeneCraft */
.gene-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px}.gene-missions>h3{font-size:24px}.gene-challenges{display:flex;flex-direction:column;gap:8px}.gene-challenges>button{display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;padding:17px 13px;border:1px solid #b8c5a4;background:#e2e9d4;border-radius:9px;min-height:65px}.gene-challenges>button>span:first-child{font-size:11px;color:#60764c}.gene-challenges>button>strong{font-weight:500;flex:1}.gene-challenges>button.selected{background:#d2dfb9;border-color:#8fa770;box-shadow:inset 3px 0 #6f9258}.challenge-check{color:#456e46}.gene-challenge-card{margin-top:20px;background:#e4e9d6;border:1px solid #c1ccac;border-radius:12px;padding:18px}.gene-challenge-card p{font-size:14px}.gene-challenge-card details{font-size:13px;margin:15px 0}.gene-challenge-card summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.gene-challenge-card .studio-button{width:100%;padding:11px 7px;font-size:13px}.gene-challenge-card [role=status]:empty{display:none}.gene-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #c2cbae;padding-bottom:7px}.gene-workbench{min-width:0}.gene-workbench #gene-input{font:18px/1.8 ui-monospace,Consolas,monospace;letter-spacing:2px;word-break:break-all;min-height:78px}.gene-base-tools>span{display:block;font-size:12px;color:#5d704f;margin:15px 0 9px}.gene-bases{display:flex;flex-wrap:wrap;gap:3px}.gene-bases button{font-family:ui-monospace,Consolas,monospace;position:relative;min-width:30px;padding:8px 5px 6px;border:1px solid #b7c4a4;border-radius:5px;color:#304c36;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.1;background:#dce6c7}.gene-bases button>small{font-size:9px;color:#5e6c50}.gene-bases .base-T{background:#d7e5df}.gene-bases .base-C{background:#e7dcbf}.gene-bases .base-G{background:#dcd8e6}.gene-bases button.changed{border-bottom:3px solid #a98a4c}.gene-bases button.selected{outline:2px solid #4e7553;outline-offset:1px}.gene-edit-controls{margin:12px 0;gap:5px}.gene-edit-controls button{padding:7px 10px;min-height:36px;border-radius:5px;border:1px solid #b3c3a0;background:#f2f1df;font-size:12px;color:#36573b}.gene-edit-controls button:disabled{opacity:.4;cursor:default}.gene-flow{border-top:1px solid #c2cdaf;margin-top:20px;padding-top:20px;display:flex;flex-direction:column;gap:8px}.gene-flow>div>span{display:block;font-size:10px;letter-spacing:1.1px;color:#5b714d;margin-bottom:6px}.gene-flow code{display:block;font-size:15px;letter-spacing:2px;background:#e4e9d7;padding:12px;border-radius:6px;overflow-wrap:anywhere}.gene-flow-arrow{font-size:11px;color:#62714f;margin:4px 0}.gene-codons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.gene-codon{background:#e1e9cf;border:1px solid #adbf94;border-radius:10px;padding:10px 13px;display:flex;flex-direction:column;gap:5px;min-width:75px;text-align:center;cursor:grab}.gene-codon>span{font-size:9px;color:#61724f}.gene-codon>strong{font:600 16px ui-monospace,Consolas,monospace;letter-spacing:2px}.gene-codon>b{font-size:12px;font-weight:500;color:#466641}.gene-codon>div{display:flex;justify-content:center;gap:10px}.gene-codon button{padding:4px 2px;min-width:24px;min-height:26px;font-size:13px}.gene-codon button:disabled{opacity:.25}.gene-codon.after-stop{opacity:.45;background:#e5e5db}.gene-codon.stop-codon{background:#e7d9bc;border-color:#c1ac80}.gene-protein{padding:19px;background:#dce6ce;border:1px solid #b4c6a0;border-radius:12px;margin:18px 0}.gene-protein>div{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin:15px 0 10px}.amino-acid{width:45px;min-height:45px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-radius:50%;background:hsl(var(--aa-hue) 22% 78%);border:1px solid hsl(var(--aa-hue) 20% 60%);font-size:11px;color:#294b35}.amino-acid>small{font-size:8px}.gene-protein i{height:1px;width:10px;background:#8da37d}.gene-protein>span:last-child{font-size:12px;color:#4a6547}.gene-comparison{padding:15px 18px;background:#edf0df;border:1px solid #b7c6a1;border-radius:10px;margin:18px 0}.gene-comparison>strong{font-size:16px;font-weight:600}.gene-comparison p{font-size:14px;margin:7px 0 0}.gene-comparison[data-type=frame],.gene-comparison[data-type=stop],.gene-comparison[data-type=start-loss]{background:#eee4cf;border-color:#c9b68f}
/* BioDefense */
.immune-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0;border-top:1px solid #bcc9a9;border-bottom:1px solid #bcc9a9;margin:0 0 25px}.immune-toolbar .studio-button-row>button{padding:10px 14px;border:1px solid #b1c29b;border-radius:8px;font-size:13px;color:#46633f;background:#e3ead5;min-height:42px}.immune-toolbar .studio-button-row>button.selected{background:#436b4a;color:#f7f6e7;border-color:#436b4a}.immune-toolbar label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}.immune-toolbar select{font-size:12px;max-width:235px}.immune-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:28px}.immune-observation{min-width:0}.immune-scene-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;padding:18px 18px 0;background:#dfe9d1;border-radius:16px 16px 0 0}.immune-scene-heading>.studio-kicker{font-size:9px}.immune-scene-heading>span:last-child{font-size:10px;color:#546d4d;white-space:nowrap}#immune-art{background:radial-gradient(ellipse at center,#edf1d9,#dae6cf);border-radius:0 0 40px 12px;overflow:hidden}#immune-art>svg{display:block;width:100%;min-height:200px}.immune-agent{animation:immune-drift 6s ease-in-out infinite}.immune-pathogen{animation:immune-pulse calc(3s + var(--i)*.3s) ease-in-out infinite alternate}.immune-antibody{animation:immune-pulse 2s ease-in-out infinite alternate}.immune-timeline{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px;padding:20px 0;margin:0}.immune-timeline li{display:flex;align-items:center;gap:7px;font-size:11px;color:#607053}.immune-timeline li>span{width:23px;height:23px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:#d4dfc2;border:1px solid #b2c299;border-radius:50%;font-size:10px}.immune-timeline li.current{font-weight:600;color:#345e3e}.immune-timeline li.current>span,.immune-timeline li.done>span{background:#64875c;color:#fffce9;border-color:#64875c}.immune-observer-note{font-size:13px;line-height:1.8;padding:15px 18px;background:#e0e8cf;border:1px dashed #afc19a;border-radius:10px}.immune-command{padding:20px 22px;background:#f6f4e8;border:1px solid #c0caad;border-radius:14px}.immune-command>p{font-size:15px}.immune-choices{display:flex;flex-direction:column;gap:10px;margin:20px 0}.immune-choices>button{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #b9c9a5;border-radius:10px;text-align:left;background:#e8eddc;transition:transform .2s,background .2s}.immune-choices>button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.immune-choices small{font-size:9px;letter-spacing:1px;color:#5d7550}.immune-choices strong{font-size:15px;font-weight:500}.immune-choices>button:hover:not(:disabled){transform:translateX(3px);background:#dce7cd}.immune-choices>button.chosen{border-color:#ad9264}.immune-choices>button.correct{background:#d6e5c4;border-color:#729b62}.immune-choices>button:disabled:not(.correct){opacity:.45}.immune-unit-symbol{width:35px;height:35px;border-radius:48% 52% 58% 42%;background:#aac5ae;border:1px solid #8aab93;position:relative;flex-shrink:0}.immune-unit-symbol::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#869f94}.unit-plasma{background:#b5c7ae;border-radius:50%}.unit-cytotoxic{background:#d2bc9d}.unit-cytotoxic::after{background:#9b8d8d}.unit-dendritic{border-radius:4px 17px 4px 17px;transform:rotate(12deg)}.unit-memory{background:#c9cca0}.immune-feedback,.scientist-feedback{font-size:14px;line-height:1.8;padding:14px 16px;background:#e8ebdc;border-left:2px solid #b5c39b;border-radius:0 8px 8px 0;margin:15px 0}.immune-feedback.is-correct,.scientist-feedback.is-correct{background:#dee9cf;border-color:#80a36c}.immune-command>#immune-save{margin-top:10px}
@keyframes immune-drift{0%,100%{translate:0 0}50%{translate:5px -7px}}@keyframes immune-pulse{from{opacity:.55}to{opacity:1}}
/* Scientist portal */
.scientist-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.scientist-picker>button{display:flex;flex-direction:column;gap:9px;text-align:left;padding:18px;border:1px solid #b6c5a2;border-radius:12px;background:#e4ead6;transition:background .2s}.scientist-picker>button>span{font-size:11px;color:#65774f}.scientist-picker>button>strong{font-size:17px;font-weight:500}.scientist-picker>button>small{font-size:12px;color:#596d4f}.scientist-picker>button.selected{background:#d2e0c1;border-color:#88a06f;box-shadow:inset 0 -3px #77965f}.scientist-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.25fr);gap:30px}.scientist-portrait{padding:18px 24px 25px;background:radial-gradient(ellipse at 50% 15%,#e1e9ca,#d7e0c6);border:1px solid #c4ccae;border-radius:80px 14px 14px 14px}.scientist-portrait svg{width:100%;max-height:300px;display:block}.scientist-portrait p{font-size:14px}.scientist-portrait>a{font-size:12px;color:#456a4a;text-decoration:underline;text-underline-offset:3px;line-height:1.8}.scientist-conversation{padding:10px 0}.scientist-conversation>.studio-label{white-space:normal;font-size:9px}.scientist-conversation>.studio-fineprint{max-width:650px}.scientist-question{margin:28px 0;padding-bottom:20px;border-bottom:1px solid #bcc9a8}.scientist-question h3{font-size:25px}.scientist-question #scientist-answers{display:flex;flex-direction:column;gap:8px}.scientist-question #scientist-answers>button{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 16px;border:1px solid #b9c6a5;background:#e4ead6;border-radius:8px;font-size:14px;line-height:1.65}.scientist-question #scientist-answers>button>span{font-size:11px;color:#637750}.scientist-question #scientist-answers>button.chosen{border-color:#b6a377}.scientist-question #scientist-answers>button.correct{border-color:#7d9a66;background:#d4e1be}.scientist-question #scientist-answers>button:disabled:not(.correct){opacity:.5}.scientist-feedback:empty{display:none}.scientist-conversation>.studio-button-row{margin-top:18px}
/* STEM at the desk */
.field-study-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.field-study-picker>button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #b9c6a5;background:#e3e9d5;padding:14px;border-radius:12px}.field-study-photo{width:55px;height:65px;border-radius:30px 5px;background:#b8cba4 url(assets/fern.jpg) center/cover;flex-shrink:0}.study-osmosis{background:radial-gradient(ellipse,#dbcf9d 20%,#a49968 60%,#c9d5b5 65%);border:1px solid #b7bc94}.study-germination{background-image:url(assets/leaves.jpg)}.field-study-picker>button>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}.field-study-picker strong{font-size:15px;font-weight:500}.field-study-picker small{font-size:11px;color:#5b6e4f;line-height:1.5}.field-study-picker b{font-weight:400;color:#5e7c4a}.field-study-picker button.selected{background:#d5e1c1;border-color:#8ba575;box-shadow:inset 0 -3px #83a16a}.field-studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.field-materials{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.field-materials>span{padding:7px 10px;background:#dfe6cf;border:1px solid #c0ccaa;border-radius:20px;font-size:11px;color:#53694a}.field-protocol>ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:15px;margin:23px 0}.field-protocol>ol>li{display:flex;gap:12px;align-items:flex-start}.field-protocol>ol>li>span{margin-top:4px;flex-shrink:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:11px;background:#c9d8b2;color:#45683e;border-radius:50%}.field-protocol>ol>li>p{margin:0;font-size:14px}.field-variables{padding:17px 19px;background:#e0e7d0;border:1px solid #bcc9a7;border-radius:10px;display:grid;gap:10px}.field-variables span{font-size:10px;letter-spacing:1px;font-weight:600}.field-variables p{font-size:13px;margin:5px 0}.field-record{background:#f6f4e7;border:1px solid #c3cbae;padding:22px 25px;border-radius:14px}.field-record>.studio-kicker{display:block;margin-bottom:20px}.field-record .field-guiding-question{font-size:13px;padding:13px 15px;background:#e7ead7;border-radius:8px;color:#536b46}.field-record label.field-confirmation{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;font-weight:400;margin:18px 0}.field-confirmation input{margin-top:4px;accent-color:#54794b;width:17px;height:17px;flex-shrink:0}.field-record .studio-button{width:100%}
@media(min-width:1001px) and (max-width:1250px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.site-header{padding-left:20px;padding-right:20px}.brand-lockup .brand-signature{font-size:7px}}
@media(max-width:1100px){.studio-page{padding-left:4vw;padding-right:4vw}.studio-tablist>button{padding:12px;font-size:13px;gap:8px}.studio-section-head>.studio-label{display:none}.scale-layout{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.scale-world{min-height:410px;border-radius:65px 12px}.scale-world-hud{inset:20px 20px auto}.scale-world-hud>span{font-size:9px;padding:6px 8px}.scale-scene-caption{left:22px;bottom:60px;padding:13px 16px}.scale-wheel-hint{right:20px;left:20px;text-align:center}.gene-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.gene-challenges>button{padding:14px 10px;font-size:13px}.immune-layout{grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:18px}.immune-toolbar{flex-wrap:wrap}.immune-timeline{grid-template-columns:repeat(2,1fr)}.scientist-layout{gap:22px}.scientist-picker>button{padding:14px}.scientist-picker>button>strong{font-size:15px}.field-study-picker>button{padding:11px;gap:9px}.field-study-photo{width:38px;height:50px}.field-study-picker strong{font-size:13px}.field-study-picker small{font-size:10px}.field-studio-layout{gap:22px}}
@media(max-width:760px){.studio-page{padding:110px 15px 30px}.studio-intro{grid-template-columns:1fr 170px;gap:15px;padding:10px 2px 28px}.studio-intro h1{font-size:42px;letter-spacing:-1.5px}.studio-intro>div>p{font-size:15px}.studio-intro>div>p>br{display:none}.studio-passport{padding:18px}.studio-passport>.studio-kicker{font-size:9px;letter-spacing:1px}.studio-passport>strong{font-size:36px}.studio-passport p{font-size:11px}.studio-passport a{font-size:12px}.studio-intro-leaf{right:8%}.studio-tablist{border-radius:12px;gap:4px;padding:5px}.studio-tablist>button{flex-shrink:0;flex-grow:0;padding:11px 13px;font-size:12px;min-height:44px;border-radius:9px}.studio-tablist>button>span{font-size:9px}.studio-panel{padding:22px 18px;border-radius:16px 5px}.studio-section-head{margin-bottom:24px}.studio-section-head p{font-size:14px}.studio-panel h2{font-size:31px;letter-spacing:-.7px}.studio-kicker{font-size:10px;letter-spacing:1.3px}.scale-layout{grid-template-columns:1fr}.scale-world{min-height:390px}.scale-scenes{inset:15px 0}.scale-details{padding:0}.scale-details h3{font-size:28px}.scale-details>p{font-size:15px}.scale-stops{grid-template-columns:repeat(4,1fr);gap:6px}.scale-stops button{font-size:12px}.scale-controller{padding-top:4px}.scale-world-hud{inset:20px 18px auto}.scale-world-hud>span{font-size:9px}.scale-scene-caption>strong{font-size:28px}.studio-prompt{margin:16px 0;padding:13px 15px}.studio-insight{padding:18px;margin-top:23px}.studio-insight p{font-size:14px}.studio-source-list{margin-top:25px}.gene-layout{grid-template-columns:1fr}.gene-missions>h3{font-size:23px;margin-top:0}.gene-challenges{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.gene-challenges>button{font-size:12px;min-height:58px;gap:8px}.gene-challenges>button>span:first-child{font-size:9px}.gene-challenge-card{margin:14px 0 0;padding:16px}.gene-challenge-card>p{font-size:14px;margin:10px 0}.gene-challenge-card .studio-button{width:auto;padding:11px 15px}.gene-editor-heading{gap:7px}.gene-editor-heading .studio-kicker{font-size:9px}.gene-editor-heading .studio-text-button{font-size:11px}.gene-workbench #gene-input{font-size:16px;letter-spacing:1.3px}.gene-bases button{min-width:31px;min-height:46px}.gene-codon{min-width:67px;padding:9px 8px}.gene-flow code{font-size:13px;letter-spacing:1px}.gene-protein{padding:15px}.studio-button{font-size:12px;min-height:44px;padding:11px 15px}.gene-edit-controls button{min-height:40px}.immune-toolbar{gap:15px;padding:15px 0}.immune-toolbar .studio-button-row{gap:7px}.immune-toolbar .studio-button-row>button{font-size:11px;padding:9px 10px}.immune-toolbar label{font-size:11px}.immune-layout{grid-template-columns:1fr}.immune-timeline{grid-template-columns:repeat(3,1fr);gap:13px 5px}.immune-timeline li{font-size:9px;line-height:1.4;gap:5px}.immune-timeline li>span{width:20px;height:20px;font-size:9px}.immune-command{padding:19px}.immune-command>h3{font-size:27px}.immune-command>p{font-size:14px}.immune-choices strong{font-size:14px}.scientist-picker{grid-template-columns:repeat(2,1fr);gap:8px}.scientist-picker>button{gap:6px;padding:13px}.scientist-picker>button>strong{font-size:15px}.scientist-picker>button>small{font-size:11px}.scientist-layout{grid-template-columns:1fr}.scientist-portrait{display:grid;grid-template-columns:140px 1fr;gap:0 14px;padding:19px;border-radius:40px 10px 10px 10px;align-items:center}.scientist-portrait>#scientist-art{grid-row:1/5;grid-column:1}.scientist-portrait svg{height:180px;object-fit:cover}.scientist-portrait>h3{font-size:23px;margin:3px 0 9px}.scientist-portrait>p{grid-column:1/3;font-size:13px;margin:12px 0}.scientist-portrait>a{grid-column:1/3;font-size:11px}.scientist-question h3{font-size:24px}.scientist-conversation{padding:0}.field-study-picker{grid-template-columns:1fr;gap:8px}.field-study-picker>button{padding:10px 14px}.field-study-photo{width:44px;height:46px}.field-study-picker strong{font-size:14px}.field-study-picker small{font-size:11px}.field-studio-layout{grid-template-columns:1fr;gap:24px}.field-record{padding:20px 17px}.field-protocol>h3{font-size:27px}.studio-storage-note{margin:20px 5px;gap:12px;flex-wrap:wrap}.studio-storage-note p{font-size:11px}.studio-storage-note>a{font-size:12px;width:100%;margin-left:35px}}
@media(max-width:440px){.studio-page{padding-top:99px}.studio-intro{grid-template-columns:1fr}.studio-intro h1{font-size:46px;line-height:1.06}.studio-intro>div>p{margin-bottom:20px}.studio-passport{display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center;padding:17px 19px;border-radius:15px 4px}.studio-passport>.studio-kicker{font-size:9px;grid-column:1;grid-row:1}.studio-passport>strong{grid-column:2;grid-row:1/4;font-size:36px}.studio-passport .studio-progress-track{grid-column:1;max-width:160px;margin-top:5px}.studio-passport p{grid-column:1;margin:5px 0;font-size:10px}.studio-passport p br{display:none}.studio-passport>a{grid-column:1;grid-row:4;font-size:11px}.studio-panel{padding:21px 15px}.studio-panel h2{font-size:30px}.scale-world{min-height:330px;border-radius:50px 10px}.scale-scenes{inset:30px -12px}.scale-scene-caption{left:19px;bottom:57px;padding:10px 14px}.scale-world-hud{inset:17px 15px auto}.scale-world-hud>span{font-size:8px;padding:5px 7px}.scale-wheel-hint{font-size:9px;bottom:17px;left:15px;right:15px}.scale-stops button{padding:9px 4px;font-size:11px}.scale-stops button>small{font-size:9px}.scale-details h3{font-size:26px}.immune-scene-heading{padding:14px 12px 0;flex-wrap:wrap;gap:5px}.immune-scene-heading>.studio-kicker{font-size:8px}.immune-scene-heading>span:last-child{font-size:9px}.immune-timeline{grid-template-columns:repeat(2,1fr)}.immune-command{padding:17px 15px}.scientist-portrait{grid-template-columns:95px 1fr;padding:15px;gap:0 10px}.scientist-portrait svg{height:130px}.scientist-portrait>h3{font-size:22px}.gene-challenges>button{padding:12px 9px;font-size:11px}.gene-challenge-card{padding:14px}.gene-codons{gap:5px}.gene-codon{min-width:60px;padding:8px 7px}.gene-codon>strong{font-size:14px}.gene-codon>b{font-size:11px}.gene-codon button{min-width:20px}.studio-insight{padding:16px}.studio-insight>span{font-size:9px;letter-spacing:1px}.studio-panel textarea{font-size:16px}.studio-panel select{font-size:16px}.studio-source-list a{overflow-wrap:anywhere}}
.studio-passport>p{max-width:100%}
@media(prefers-reduced-motion:reduce){.studio-page *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.scale-scene{will-change:auto}}
@media(max-width:760px){.studio-home-invitation{flex-wrap:wrap;gap:17px;margin:15px 5% 40px;padding:24px}.studio-home-invitation>.studio-kicker{width:100%}.studio-home-invitation strong{font-size:27px}.studio-home-invitation small{font-size:11px}}
@media(max-width:760px){.studio-tablist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:5px}.studio-tablist>button{grid-column:span 2;min-width:0;white-space:normal;font-size:11px;line-height:1.5;padding:10px 6px;gap:5px}.studio-tablist>button:nth-child(4),.studio-tablist>button:nth-child(5){grid-column:span 3}.studio-intro>.studio-passport>p{font-size:12px;line-height:1.8}}