@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#19211f;--line:#19211f30;--green:#007e50;--paper:#f5f5ef;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #008557;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:14px}.skip:focus{top:12px}.mono{font-family:Consolas,monospace;font-size:10px;letter-spacing:.04em}.eyebrow{font:10px monospace;letter-spacing:.045em;display:flex;align-items:center;gap:7px}.eyebrow>i{width:6px;height:6px;border-radius:50%;background:var(--green)}#aurora-canvas{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;opacity:.65;background:radial-gradient(ellipse at 10% 15%,#ffe3e9,transparent 70%),radial-gradient(ellipse at 90% 90%,#dff3e6,transparent 70%),#f8f8f3}.studio-shell{width:min(1460px,100%);padding:0 48px;margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:750;letter-spacing:-.055em}.brand img{mix-blend-mode:multiply;object-fit:contain}.brand small{display:block;font:8px/1.7 Arial,sans-serif;letter-spacing:.1em;margin-top:2px}.header-note{font-size:12px;color:#59655e}.header-actions{display:flex;align-items:center;gap:24px}#motion-toggle{display:flex;align-items:center;gap:7px;background:transparent;font-size:11px;color:#5c655f;padding:12px 0}.pause-icon{display:inline-block;width:13px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor;transform:scale(.65)}.motion-paused .pause-icon{border:0;clip-path:polygon(10% 0,100% 50%,10% 100%);background:currentColor;transform:scale(.85)}.contact-trigger{display:flex;align-items:center;gap:24px;border:1px solid var(--ink);background:transparent;padding:12px 15px;border-radius:3px;font-size:12px}.contact-trigger span{font-size:20px;line-height:1}.contact-trigger:hover{background:var(--ink);color:white}.studio-main{display:grid;grid-template-columns:.75fr 1.8fr;gap:64px;padding:34px 0 26px;min-height:680px}.brand-room{position:relative;display:flex;flex-direction:column;padding-top:4px}.brand-heading h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(60px,5.2vw,78px);line-height:.87;font-weight:900;letter-spacing:-.077em;margin:23px 0 18px}.brand-heading h1>span{color:var(--green)}.brand-copy{font-size:17px;font-weight:550;line-height:1.45;letter-spacing:-.04em}.brand-mascot{position:relative;margin:21px 0 13px;flex:1;min-height:160px;max-height:192px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#233f2b08 1px,transparent 1px),linear-gradient(90deg,#233f2b08 1px,transparent 1px);background-size:23px 23px}.brand-mascot img{width:175px;height:auto;mix-blend-mode:multiply;transform:rotate(-7deg)}.registration{position:absolute;font:15px monospace;color:#88958b}.registration.a{left:0;top:0}.registration.b{bottom:19px;right:0}.mascot-label{position:absolute;bottom:0;left:0;font-size:8px}.motion-console{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.console-label{display:flex;justify-content:space-between;font-size:8px;margin-bottom:11px;color:#59655e}.console-label>span:last-child{font:18px Arial;line-height:.5}.dial-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dial-button{position:relative;text-align:left;background:transparent;padding:0 0 2px}.dial-index{position:absolute;top:0;left:0;font-size:8px;color:#68756a}.dial{display:block;width:57px;height:57px;margin:7px auto 10px;border-radius:50%;background:var(--ink);transition:background .6s var(--ease),transform .4s var(--ease)}.dial-disc{display:block;position:relative;width:100%;height:100%;border-radius:50%;animation:turn 17s linear infinite}.dial-button:nth-child(2) .dial-disc{animation-duration:23s;animation-direction:reverse;animation-delay:-5s}.dial-button:nth-child(3) .dial-disc{animation-duration:29s;animation-delay:-12s}.dial-disc i{position:absolute;top:9px;left:calc(50% - 1px);height:9px;width:2px;background:#faf9ef;border-radius:2px}.dial-disc i:nth-child(2){top:auto;bottom:9px}.dial-disc em{position:absolute;height:5px;width:5px;border-radius:50%;left:calc(50% - 2.5px);top:calc(50% - 2.5px);background:#faf9ef}.dial-name{display:block;font-size:11px;text-align:center}.dial-light{position:absolute;right:5px;top:7px;width:5px;height:5px;border-radius:50%;background:#a9b0a8;transition:background .5s,box-shadow .5s}.dial-button.is-current .dial-light{background:var(--green);box-shadow:0 0 0 3px #00865315}.dial-button.is-current .dial{background:var(--green)}.dial-button:hover .dial{transform:scale(1.08)}.dial-button:active .dial{transform:scale(.95)}.class-lab{min-width:0}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.lab-heading h2{font-size:28px;font-weight:650;letter-spacing:-.055em;margin-top:9px}.lab-heading .eyebrow{font-size:9px}.class-count{display:flex;align-items:center;gap:9px}.class-count strong{font:500 45px/.9 Arial,sans-serif;letter-spacing:-.065em}.class-count>span{font:8px/1.4 monospace;color:#667168}.folders{position:relative;border:1px solid #263b3028;border-radius:9px;overflow:hidden;background:#e5e7df;box-shadow:0 10px 32px #24372807}.folder{--surface:#fafbf6;--text:#19211f;--quiet:#626d63;--rule:#2a403322;--tab:#eadbae;--spot:#008653;color:var(--text);background:var(--surface);transition:background .7s var(--ease)}.folder[data-folder=making]{--surface:#dce7da;--tab:#acc4b1;--text:#193b2d;--quiet:#53695c;--rule:#254e3926;--spot:#078557}.folder[data-folder=color]{--surface:#202a26;--tab:#333f36;--text:#f4f5e9;--quiet:#c0c7bc;--rule:#d9e8d228;--spot:#ffbd53}.folder-heading{margin:0;font-size:14px;font-weight:550;position:relative;z-index:1;border-bottom:1px solid var(--rule)}.folder-tab{width:100%;height:49px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);color:var(--text);text-align:left;padding:0 20px 0 0;transition:background .6s}.folder-label{display:flex;align-items:center;gap:11px;padding:15px 42px 15px 22px;min-height:49px;line-height:19px;background:var(--tab);clip-path:polygon(0 0,calc(100% - 31px) 0,100% 100%,0 100%);transition:padding .7s var(--ease),background .6s}.folder-label b{font:10px monospace;font-weight:400;letter-spacing:-.02em}.folder-label small{font:8px monospace;opacity:.6;margin-left:8px}.folder[data-folder=making] .folder-label{padding-left:58px}.folder[data-folder=color] .folder-label{padding-left:91px}.folder.is-active .folder-label{padding-left:22px}.folder-toggle{font-size:21px;transition:transform .7s var(--ease);transform:rotate(90deg)}.folder.is-active .folder-toggle{transform:rotate(0)}.folder-tab:hover{filter:brightness(.97)}.folder-reveal{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .8s var(--ease),visibility .8s}.folder.is-active .folder-reveal{grid-template-rows:1fr;visibility:visible}.folder-clip{min-height:0;overflow:hidden}.folder-content{height:385px;padding:18px 25px 17px;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:32px 32px;position:relative;opacity:.1;transform:translateY(-24px);transition:opacity .65s var(--ease),transform .8s var(--ease)}.folder.is-active .folder-content{opacity:1;transform:translateY(0)}.lesson-topline{display:flex;align-items:center;justify-content:space-between;color:var(--quiet);font-size:9px}.lesson-topline>span:first-child{display:flex;align-items:center;gap:6px}.lesson-topline i{width:5px;height:5px;background:var(--spot);border-radius:50%}.lesson-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.lesson-heading h4{font-size:28px;font-weight:650;letter-spacing:-.055em;line-height:1.13}.mini-orbit{display:block;position:relative;width:57px;height:57px;margin:0 8px 0 20px;border:1px solid var(--rule);border-radius:50%;animation:turn 22s linear infinite}.mini-orbit:before{content:'';position:absolute;inset:7px;border:1px solid var(--rule);border-radius:50%}.mini-orbit i{position:absolute;width:11px;height:11px;top:-6px;left:calc(50% - 5.5px);border-radius:50%;background:var(--spot)}.mini-orbit b{position:absolute;width:26px;height:26px;top:15px;left:15px;border-radius:50%;background:var(--text)}.mini-orbit b:after{content:'';position:absolute;top:6px;left:7px;width:5px;height:5px;border-radius:50%;background:var(--surface)}.lesson-workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:stretch}.artwork{position:relative;aspect-ratio:1.5;align-self:start;overflow:hidden;border-radius:3px;background:var(--tab)}.artwork>img{position:absolute;max-width:none;width:114%;height:auto;left:-7%;top:-52.4%}.image-label{position:absolute;bottom:10px;left:10px;background:#fcfcf0eb;color:#23352b;padding:5px 7px;font-size:7px}.lesson-guide{min-width:0;display:flex;flex-direction:column}.step-eyebrow{font-size:8px;color:var(--quiet);display:flex;justify-content:space-between}.step-eyebrow b{font-weight:400}.step-content{margin-top:12px;flex:1}.step-content h5{font-size:18px;font-weight:630;line-height:1.3;letter-spacing:-.04em}.step-description{font-size:13px;line-height:1.7;letter-spacing:-.02em;margin-top:8px;color:var(--quiet);min-height:44px;white-space:pre-line}.activity-slot{margin-top:10px;min-height:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mood-choice{width:22px;height:22px;background:var(--swatch);border-radius:50%;outline:1px solid #fff5;outline-offset:0;transition:transform .3s,outline .3s}.mood-choice[aria-pressed=true]{outline:1px solid var(--text);outline-offset:3px;transform:scale(.85)}.activity-caption{font-size:10px;color:var(--quiet);margin-left:3px}.palette-option{display:flex;padding:4px;background:transparent;gap:0;border:1px solid transparent;border-radius:4px}.palette-option[aria-pressed=true]{border-color:var(--quiet)}.palette-option i{width:16px;height:16px;background:var(--swatch)}.activity-label{font-size:11px;color:var(--quiet)}.supplies{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--rule);padding-top:9px;margin-top:13px;font-size:10px;color:var(--quiet)}.supplies>span{white-space:nowrap}.supplies p{line-height:1.5;font-size:10px}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;border-top:1px solid var(--rule);padding-top:12px}.step-dots{display:flex;align-items:center;gap:9px}.step-dots button{font:10px monospace;background:transparent;color:var(--quiet);width:27px;height:27px;border-radius:50%;transition:color .3s,background .3s}.step-dots button[aria-current=step]{background:var(--text);color:var(--surface)}.next-step{display:flex;align-items:center;gap:24px;background:var(--text);color:var(--surface);border-radius:3px;padding:10px 14px;font-size:11px;transition:transform .3s}.next-step>span{font-size:18px;line-height:1}.next-step:hover{transform:translateX(2px)}.lab-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.lab-footer p{font-size:11px;color:#616a62}.footer-eyes{display:flex;gap:3px}.footer-eyes>i{position:relative;display:block;height:17px;width:17px;border-radius:50%;background:var(--ink);animation:turn 24s linear infinite}.footer-eyes>i:nth-child(2){animation-direction:reverse;animation-delay:-7s}.footer-eyes>i:after{content:'';position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#f8f8ee}.site-footer{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 20px;font-size:10px;color:#687267}.site-footer>span:first-child{font:700 10px Arial,sans-serif;color:var(--ink);letter-spacing:-.025em}.site-footer b{font-weight:400;color:#76816f;font-size:8px;margin-left:8px}dialog{width:min(470px,calc(100% - 32px));padding:40px;border:1px solid var(--ink);background:#f6f6ef;border-radius:7px;color:var(--ink);box-shadow:0 30px 100px #17201e30}dialog[open]{animation:dialog-in .45s var(--ease)}dialog::backdrop{background:#17201e50;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:10px;top:10px;height:35px;width:35px;background:transparent;font-size:24px}dialog h2{font-size:31px;line-height:1.2;letter-spacing:-.055em;margin:25px 0 18px}dialog p{font-size:13px;color:#5f6b61;line-height:1.8}.copy-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:14px;gap:10px;margin:24px 0 10px}.copy-row strong{font:16px monospace}.copy-row button{font-size:10px;background:var(--ink);color:white;padding:10px;border-radius:3px}#copy-result{min-height:24px;font-size:11px}dialog small{display:block;font-size:11px;color:#626d63;margin-top:10px}.step-enter{animation:step-in .5s var(--ease)}.motion-paused *,.offscreen-motion *{animation-play-state:paused!important}.folder:not(.is-active) .mini-orbit{animation-play-state:paused}.motion-paused .folder-reveal,.motion-paused .folder-content,.motion-paused .folder-label,.motion-paused .folder-toggle{transition-duration:.01ms!important}@keyframes turn{to{transform:rotate(360deg)}}@keyframes step-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.studio-main{gap:78px;min-height:705px}.folder-content{height:410px}.lesson-workspace{gap:30px}.lesson-heading{margin-bottom:20px}.lesson-heading h4{font-size:32px}.lesson-guide{padding-top:2px}.step-description{font-size:14px}.step-content h5{font-size:19px}.lesson-bottom{margin-top:20px}.brand-heading h1{font-size:83px}.brand-mascot{max-height:210px}.brand-mascot img{width:188px}}
@media(max-width:1100px){.studio-shell{padding:0 30px}.studio-main{grid-template-columns:.6fr 1.7fr;gap:32px}.brand-heading h1{font-size:58px}.brand-copy{font-size:15px}.header-note{display:none}.brand-mascot img{width:150px}.dial-row{gap:8px}.dial{width:46px;height:46px}.folder-content{padding:18px;height:385px}.folder-label{gap:8px;padding-left:18px}.folder-label small{display:none}.lesson-workspace{gap:18px;grid-template-columns:.95fr 1fr}.lesson-heading h4{font-size:27px}.artwork{aspect-ratio:1.2}.artwork>img{width:143%;left:-21.5%;top:-52.4%}.lesson-guide{min-height:185px}.step-content h5{font-size:16px}.step-description{font-size:12px}.supplies{align-items:start}.supplies p{font-size:9px}.lab-heading h2{font-size:26px}.folder[data-folder=making] .folder-label{padding-left:35px}.folder[data-folder=color] .folder-label{padding-left:52px}.folder.is-active .folder-label{padding-left:18px}.brand-heading .eyebrow{font-size:8px}.dial-name{font-size:10px}.activity-caption{font-size:9px}.console-label{font-size:7px}.mini-orbit{width:45px;height:45px;margin-right:3px}.mini-orbit b{width:22px;height:22px;top:10px;left:10px}}
@media(max-width:760px){.studio-shell{padding:0 20px}.site-header{height:75px;gap:15px}.brand{font-size:14px;gap:7px}.brand img{width:35px;height:33px}.brand small{font-size:7px}.header-actions{gap:14px}.motion-label{display:none}#motion-toggle{width:22px;height:36px;justify-content:center}.contact-trigger{padding:9px 11px;font-size:11px;gap:12px}.studio-main{grid-template-columns:1fr;padding:24px 0 23px;gap:26px;min-height:0}.brand-room{display:grid;grid-template-columns:1fr 104px;align-items:center;gap:15px;padding:0}.brand-heading .eyebrow{font-size:7px}.brand-heading h1{font-size:47px;margin:16px 0 10px;line-height:.95}.brand-heading h1 br{display:none}.brand-heading h1>span{display:block}.brand-copy{font-size:13px;line-height:1.4}.brand-copy br{display:none}.brand-mascot{width:104px;height:115px;min-height:0;max-height:none;margin:13px 0 0;flex:none}.brand-mascot img{width:99px}.mascot-label{display:none}.registration{font-size:12px}.registration.b{bottom:0}.motion-console{display:none}.lab-heading{margin-bottom:19px}.lab-heading .eyebrow{font-size:8px}.lab-heading h2{font-size:23px;margin-top:8px}.class-count strong{font-size:36px}.class-count>span{font-size:7px}.folder-tab{height:46px;padding-right:14px}.folder-label{min-height:46px;padding-top:12px;padding-bottom:12px;font-size:12px;line-height:22px}.folder-label b{font-size:9px}.folder[data-folder=making] .folder-label{padding-left:35px}.folder[data-folder=color] .folder-label{padding-left:51px}.folder.is-active .folder-label{padding-left:16px}.folder-content{height:523px;padding:16px}.lesson-topline{font-size:7px}.lesson-heading{margin:15px 0}.lesson-heading h4{font-size:26px}.mini-orbit{width:44px;height:44px;margin-right:3px}.mini-orbit b{width:21px;height:21px;top:10px;left:10px}.lesson-workspace{grid-template-columns:1fr;gap:16px}.artwork{height:153px;aspect-ratio:auto;width:100%}.artwork>img{width:114%;left:-7%;top:calc(-.35 * (100vw - 75px))}.image-label{font-size:6px;padding:4px 6px;bottom:8px;left:8px}.lesson-guide{min-height:0}.step-content{margin-top:9px}.step-content h5{font-size:17px}.step-description{font-size:13px;min-height:43px;margin-top:6px;line-height:1.6}.activity-slot{min-height:22px;margin-top:8px}.mood-choice{width:20px;height:20px}.activity-caption{font-size:10px}.supplies{padding-top:9px;margin-top:11px;font-size:9px}.supplies p{font-size:9px}.lesson-bottom{margin-top:13px;padding-top:11px}.next-step{font-size:11px;padding:9px 12px}.step-dots button{width:25px;height:25px}.lab-footer{margin-top:15px}.lab-footer p{font-size:10px;line-height:1.5}.site-footer{font-size:8px;padding:16px 0;flex-wrap:wrap;gap:10px}.site-footer>span:first-child{font-size:9px}.site-footer b{font-size:7px}.site-footer>span:last-child{display:none}dialog{padding:30px 24px}.copy-row{padding:11px}.copy-row strong{font-size:14px}}
@media(max-width:360px){.studio-shell{padding:0 14px}.header-actions{gap:8px}.contact-trigger{gap:8px;padding:8px}.brand-heading h1{font-size:41px}.brand-heading .eyebrow{font-size:6px}.brand-room{grid-template-columns:1fr 89px}.brand-mascot{width:89px}.brand-mascot img{width:86px}.brand-copy{font-size:12px}.folder-label{font-size:11px}.folder-label b{font-size:8px}.folder-content{padding:14px;height:524px}.lesson-topline{font-size:6px}.lesson-heading h4{font-size:24px}.step-description{font-size:12px}.artwork>img{top:calc(-.35 * (100vw - 60px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
/* Keep the whole lesson, including its controls, inside the opening folder. */
@media(min-width:761px){.artwork{container-type:inline-size;aspect-ratio:auto;height:180px}.artwork>img{top:-35cqw}.lesson-workspace{height:180px}.lesson-guide{height:180px;min-height:0}.lesson-bottom{margin-top:16px}}
@media(min-width:1500px){.artwork,.lesson-workspace,.lesson-guide{height:192px}}
.motion-paused .step-enter,.motion-paused dialog[open]{animation:none!important}
/* Give the selected lesson roughly 20% more room on a wide desktop. */
@media(min-width:1101px){
  .studio-shell{width:min(1600px,100%);padding-inline:32px}
  .studio-main{grid-template-columns:minmax(220px,.67fr) minmax(0,1.8fr);gap:40px;min-height:770px}
  .brand-room{min-width:0}
  .folder-content{height:462px;display:flex;flex-direction:column}
  .lesson-workspace{flex:1;min-height:0;height:auto}
  .artwork{height:100%}
  .lesson-guide{height:auto;min-height:0}
  .lesson-bottom{flex-shrink:0}
}
@media(min-width:1500px){.folder-content{height:492px}}
@media(max-width:760px){.brand-room{grid-template-columns:minmax(0,1fr) 104px}.brand-heading h1{font-size:38px}.brand-copy br{display:initial}}
@media(max-width:360px){.brand-room{grid-template-columns:minmax(0,1fr) 89px}.brand-heading h1{font-size:31px}}