:root{--paper:#f4f1e9;--ink:#26372f;--muted:#505d51;--accent:#a6452d;--line:#d9dacf;--panel:#e8e9df;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait}.skip{position:absolute;top:8px;left:12px;z-index:20;padding:12px;background:var(--ink);color:white;transform:translateY(-160%)}.skip:focus{transform:none}.shell{max-width:1440px;margin:auto;padding:0 60px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:96px}.brand{text-decoration:none;letter-spacing:-.07em;font-size:25px;font-weight:800;white-space:nowrap}.brand>span:first-child{font-weight:400}.brand .brand-note{font-size:10px;letter-spacing:.18em;margin-left:25px;vertical-align:middle;font-weight:600}.back{text-decoration:none;font-size:13px;display:flex;gap:26px;align-items:center;min-height:44px}.back>span{font-size:20px}.intro{display:flex;align-items:end;justify-content:space-between;padding:53px 0 40px;gap:30px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;margin:0 0 22px;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(46px,5.4vw,77px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.045em}.intro-copy{padding:0 14px 2px 0;max-width:330px}.edition{font-size:9px;letter-spacing:.18em;color:var(--accent);font-weight:750}.intro-copy p{font-size:14px;line-height:1.8;margin:12px 0 0;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.scene-panel{position:relative;min-height:580px;overflow:hidden;background:#e6e8dd;isolation:isolate;transition:background .4s}.scene-panel[data-lighting=evening][data-state=ready]{background:#252e2c}.scene-topline,.scene-bottomline{position:absolute;z-index:2;left:29px;right:29px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.scene-topline{top:25px}.scene-bottomline{bottom:19px;font-size:10px;color:#556456}.scene-label{font-size:9px;letter-spacing:.15em;font-weight:700}.scene-badge{font-size:8px;letter-spacing:.09em;border:1px solid #93a18e;border-radius:99px;padding:4px 9px;background:#e6e8ddaa}.scene-panel[data-lighting=evening][data-state=ready] .scene-topline,.scene-panel[data-lighting=evening][data-state=ready] .scene-bottomline{color:#e1dfd1}.scene-panel[data-lighting=evening][data-state=ready] .scene-badge{background:#26372faa}.scene-poster{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:0;transition:filter .3s}.scene-panel[data-state=idle] .scene-poster,.scene-panel[data-state=loading] .scene-poster{filter:brightness(.87)}#desk-canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none;z-index:1;cursor:grab}#desk-canvas:active{cursor:grabbing}[hidden]{display:none!important}.launch{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;pointer-events:none}.launch-button{pointer-events:auto;border:1px solid #ffffff66;border-radius:99px;background:#f4f1e9ed;color:var(--ink);box-shadow:0 5px 35px #21312720;display:flex;align-items:center;gap:12px;padding:16px 24px;font-size:13px;font-weight:650;min-height:52px}.launch-button:hover{background:white}.play-icon{font-size:11px}.launch-note{font-size:10px;line-height:1.5;padding:5px 10px;color:#26372f;background:#f4f1e9d9;max-width:90%;text-align:center;border-radius:3px}.reset{pointer-events:auto;background:#f4f1e9e8;border:1px solid #b6bfaf;color:var(--ink);border-radius:99px;padding:7px 13px;min-height:38px;font-size:11px}.reset>span{font-size:18px;margin-right:4px}.controls{padding:26px 26px 19px;background:#fbf9f3;border-left:1px solid var(--line);min-width:0}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.small-label{font-size:8px;font-weight:700;letter-spacing:.14em}.config-number{font-size:9px;color:var(--muted)}fieldset{padding:0;margin:0;border:0;min-width:0}legend{font-size:13px;font-weight:650;display:flex;align-items:center;gap:11px;padding:0;margin-bottom:15px}.step{font-size:9px;font-weight:400;color:var(--muted)}.materials{display:grid;gap:8px}.material{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:3px;padding:10px 9px;color:var(--ink);font-size:12px;line-height:1.4;min-height:64px}.material[aria-pressed=true]{border-color:#b9c1b3;background:#eeefe5}.material:hover{background:#eeefe5}.swatch{display:block;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #00000010}.swatch.oak{background:repeating-linear-gradient(95deg,#c79a63 0px,#c79a63 3px,#cda46e 4px,#d3ac7a 7px,#cba16c 10px)}.swatch.walnut{background:repeating-linear-gradient(94deg,#594333 0px,#594333 4px,#76573d 5px,#694a35 8px,#594333 12px)}.swatch.white{background:linear-gradient(120deg,#f9f9f3,#e3e5dd)}.material small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.selected-mark{margin-left:auto;opacity:0;color:#526546;font-size:13px}.material[aria-pressed=true] .selected-mark{opacity:1}.light-field{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.light-field legend{float:left;width:100%}.light-switch{display:flex;background:#eeefe6;border-radius:3px;padding:4px;clear:both}.light-switch button{border:0;background:none;border-radius:2px;color:var(--muted);width:50%;min-height:38px;font-size:11px}.light-switch button>span{margin-right:7px;font-size:15px}.light-switch button[aria-pressed=true]{background:#fffdf8;color:var(--ink);box-shadow:0 1px 5px #26372f0f}.light-note{color:var(--muted);font-size:10px;line-height:1.6;min-height:32px;margin:11px 0 0}.finish{margin-top:20px;border-top:1px solid var(--line);padding-top:19px}.finish-label{font-size:8px;letter-spacing:.14em;color:var(--muted)}#selection-name{font-size:14px;font-weight:650;margin:6px 0 17px;line-height:1.6}#selection-name>span{display:block;font-weight:400;font-size:11px;color:var(--muted)}.copy-button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:#f6f3e9;min-height:44px;padding:9px 13px;font-size:11px}.copy-button:hover{background:#3a4c3f}#share-url{max-width:100%;width:100%;margin-top:10px;padding:9px;border:1px solid var(--line);background:var(--paper);font-size:11px;color:var(--ink)}.status{font-size:9px;color:var(--muted);line-height:1.6;margin:9px 0 0;min-height:29px}.under-scene{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.13em;color:var(--muted);padding:16px 0}.learning{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin:72px 0 55px;padding-top:45px;border-top:1px solid var(--line)}.learning-title h2{font-size:57px;letter-spacing:-.055em;line-height:1.02;font-weight:500;margin:0 0 22px}.learning-title>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:355px;line-height:1.8}.learn-link{display:flex;justify-content:space-between;gap:30px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);font-size:12px;min-height:50px;max-width:310px;margin-top:25px;font-weight:650}.learn-link>span{font-size:20px}.furniture-link{display:block;font-size:10px;color:var(--muted);margin-top:18px;max-width:max-content;padding:6px 0}.learning-steps{list-style:none;padding:0;margin:0}.learning-steps li{padding:0 0 23px;border-bottom:1px solid var(--line);margin-bottom:23px}.learning-steps li:last-child{margin-bottom:0}.learning-steps span{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.14em}.learning-steps h3{font-size:18px;font-weight:500;letter-spacing:-.02em;margin:8px 0}.learning-steps p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:420px}.project-info{padding:22px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.project-info summary{cursor:pointer;font-size:12px;color:var(--ink);width:fit-content;min-height:34px}.project-info p{max-width:850px;line-height:1.8}.project-info a{display:inline-block;padding:8px 0}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>.brand{font-size:21px}footer>span{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted)}footer>a:last-child{font-size:10px;text-decoration:none;min-height:36px;display:flex;align-items:center}::selection{background:#d2d9c0}
@media(min-width:1500px){.scene-panel{min-height:630px}}
@media(max-width:1100px){.shell{padding:0 32px}.workspace{grid-template-columns:minmax(0,1fr) 285px}.controls{padding:24px 20px 18px}.scene-panel{min-height:570px}.scene-topline,.scene-bottomline{left:20px;right:20px}.learning{gap:50px}}
@media(max-width:800px){.shell{padding:0 23px}.topbar{height:79px}.intro{padding:37px 0 29px;gap:23px}.intro-copy{max-width:240px;padding:0}.intro-copy p{font-size:12px}.edition{font-size:8px}h1{font-size:55px}.workspace{grid-template-columns:minmax(0,1fr)}.scene-panel{min-height:0;aspect-ratio:1.3}.controls{border-left:0;border-top:1px solid var(--line);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 27px}.control-heading{grid-column:1/-1;margin-bottom:22px}.material-field{grid-row:2/4}.light-field{border:0;margin:0;padding:0}.finish{margin-top:15px;padding-top:14px}.light-note{min-height:0}.under-scene{font-size:7px}.learning{gap:35px;margin-top:50px}.learning-title h2{font-size:47px}.learning .eyebrow{font-size:8px}footer>span{font-size:14px}}
@media(max-width:520px){.shell{padding:0 18px}.topbar{height:72px}.brand{font-size:22px}.brand .brand-note{display:none}.back{font-size:11px;gap:17px}.intro{display:block;padding-top:29px}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:17px}h1{font-size:clamp(42px,12.8vw,57px)}.intro-copy{max-width:none;margin-top:22px}.edition{display:none}.intro-copy p{font-size:12px;line-height:1.65;margin:0}.intro-copy br{display:none}.workspace{border-radius:3px}.scene-panel{aspect-ratio:1.02}.scene-topline{top:16px;left:16px;right:16px}.scene-label{font-size:7px}.scene-badge{font-size:7px}.scene-bottomline{left:16px;right:16px;bottom:12px;font-size:8px}.scene-bottomline>span{max-width:65%;line-height:1.5}.reset{font-size:10px;padding:5px 10px}.launch-button{font-size:12px;padding:14px 20px}.launch-note{font-size:9px;max-width:85%}.controls{display:block;padding:22px 19px 18px}.control-heading{margin-bottom:21px}.materials{gap:5px}.material{min-height:61px;padding:8px 10px}.material small{font-size:11px}.light-field{margin-top:20px;border-top:1px solid var(--line);padding-top:19px}.light-switch button{min-height:41px;font-size:12px}.light-note{font-size:10px;margin-top:10px}.finish{margin-top:18px;padding-top:17px}.finish-label{font-size:8px}#selection-name{display:flex;align-items:center;gap:8px;font-size:13px;margin:7px 0 15px}#selection-name>span{font-size:10px}.copy-button{font-size:12px;min-height:46px}.status{font-size:10px;min-height:16px}.under-scene{display:block;padding:12px 0;font-size:7px;line-height:1.7}.under-scene>span{display:block}.learning{grid-template-columns:1fr;margin-top:33px;padding-top:28px;gap:30px;margin-bottom:30px}.learning-title h2{font-size:48px}.learning-title>p:not(.eyebrow){font-size:13px}.learn-link{max-width:none}.learning-steps li{padding-bottom:19px;margin-bottom:19px}.learning-steps p{font-size:12px}.project-info{padding-top:18px}footer{padding:21px 0 28px;flex-wrap:wrap;gap:13px}footer>span{font-size:14px}footer>a:last-child{width:100%;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}