:root{color-scheme:dark;--page:#191b1e;--panel:#25282c;--line:#3c4148;--text:#f2f4f5;--muted:#aeb6bf;--orange:#ffbf00;--max:#3d3d3d;--max-dark:#303030;--max-deep:#272727;--max-line:#1b1b1b;--max-blue:#6088ae;font-family:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}kbd{font:inherit;font-size:.72rem;line-height:1.2;padding:1px 4px;border:1px solid #8c939b;background:#2a2d31;color:#e7ebee;border-radius:2px}
.site-header{height:66px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:0 clamp(18px,3vw,48px)}.brand{color:var(--orange)}.brand-mark{font-size:1.65rem;font-weight:850;letter-spacing:-2px;line-height:1}.brand-mark span{display:block;font-size:.57rem;letter-spacing:1.8px;text-align:right;margin-top:5px}.header-divider{height:32px;border-left:1px solid #4f535a}.header-title{display:flex;flex-direction:column;gap:3px}.header-title small,.eyebrow{font-size:.64rem;letter-spacing:1.6px;font-weight:750}.header-title small{color:#aab2bc}.header-title strong{font-size:.98rem}.back-link{margin-left:auto;color:#cad0d7;font-size:.8rem}.back-link:hover,footer a:hover{color:var(--orange)}
main{max-width:1710px;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:30px clamp(18px,3vw,48px) 23px}.intro>div{max-width:940px}.eyebrow{color:var(--orange)}.intro h1{font-size:clamp(1.95rem,3.1vw,3.1rem);line-height:1.07;letter-spacing:-.05em;margin:11px 0 12px}.intro h1 em{font-style:normal;color:var(--orange)}.intro p{color:#bec6ce;line-height:1.57;max-width:81ch;font-size:.92rem}.intro p b{color:#fff}.related{font-size:.8rem;color:#e9edf1;border:1px solid #535961;border-radius:6px;padding:10px 12px;white-space:nowrap}.related span{color:var(--orange);margin-left:8px}.related:hover{border-color:var(--orange)}
.lesson-tabs{display:flex;gap:7px;overflow-x:auto;padding:0 clamp(18px,3vw,48px) 10px}.lesson-tabs button{flex:1;min-width:164px;text-align:left;color:#dbe1e6;background:#24272c;border:1px solid #444b53;border-radius:7px;padding:9px 13px;font-size:.93rem;font-weight:700}.lesson-tabs small{display:block;font-size:.57rem;color:#a8b2bd;letter-spacing:1.1px;margin-bottom:4px}.lesson-tabs button[aria-current="true"]{background:#ffbf0018;border-color:var(--orange);color:#fff}.lesson-tabs button[aria-current="true"] small{color:var(--orange)}.lesson-tabs button:hover{border-color:#f2bd3e}
.brief{margin:0 clamp(18px,3vw,48px) 14px;padding:15px 20px;background:#24282d;border:1px solid #3b424a;border-left:3px solid var(--orange);border-radius:5px;display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center}.brief h2{font-size:1.35rem;margin:5px 0 4px}.brief p{color:#c4cbd3;line-height:1.5;font-size:.83rem}.brief-task{border-left:1px solid #444a51;padding-left:25px}.brief-task strong{font-size:.75rem;color:var(--orange);letter-spacing:.7px}.brief-task p{margin:4px 0}.brief-actions{display:flex;align-items:center;gap:14px;margin-top:8px}.brief-actions output{font-size:.75rem;font-weight:700;color:#bfc8d1}.brief-actions output.done{color:#95e3ab}.brief-actions button{margin-left:auto;border:1px solid #58616c;background:#323840;color:#eef0f3;border-radius:4px;padding:5px 9px;font-size:.72rem}.brief-actions button:hover{background:#46505c}
.takeaways{padding:65px clamp(18px,3vw,48px) 85px}.takeaways h2{font-size:clamp(1.7rem,2.3vw,2.4rem);letter-spacing:-.04em;margin-top:9px}.takeaway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.takeaway-grid article{background:#24282d;border:1px solid #3d444c;padding:20px;border-radius:7px}.takeaway-grid b{font-size:.69rem;color:var(--orange);letter-spacing:1px}.takeaway-grid h3{font-size:1.18rem;margin:10px 0}.takeaway-grid p{font-size:.82rem;color:#bdc6cf;line-height:1.6}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px clamp(18px,3vw,48px);color:#b5bdc5;font-size:.74rem}footer a{color:#e6ebef}

/* The 3ds Max windows (kit in ../_max) */
.max-stage{margin:0 clamp(18px,3vw,48px);--mx-body-h:430px;--mx-tv-h:330px}
.max-stage .mx-app{--mx-body-h:430px}
#view{display:block;width:100%;height:100%;touch-action:none;cursor:default}
.mx-vp-host.dragging #view{cursor:move}
.tv-svg{touch-action:none;user-select:none}
.key-info .mx-prop{grid-template-columns:70px 1fr auto}
.key-info .kinav{display:flex;gap:4px;align-items:center}
.key-info .kinav b{flex:1;text-align:center;font-weight:400}
.tan-pick{display:flex;gap:3px;flex-wrap:wrap}
.tan-pick .mx-tb{width:28px;height:28px}
.tan-pick .mx-ico{width:20px;height:20px}
.oor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.oor-grid button{display:grid;gap:4px;justify-items:center;padding:6px 4px!important;background:#505050!important;border:1px solid #5c5c5c!important;border-radius:3px}
.oor-grid button.on{background:#5b85c0!important;border-color:#8fb2e3!important}
.oor-grid button:disabled{opacity:.45}
.oor-grid svg{width:84px;height:40px}
.oor-grid small{font-size:11px}
.shortcuts{padding:55px clamp(18px,3vw,48px) 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:40px}
.shortcuts h2{font-size:clamp(1.6rem,2.2vw,2.2rem);letter-spacing:-.04em;margin:9px 0 10px}.shortcuts>div>p{color:#bdc6cf;line-height:1.6;font-size:.86rem}
.shortcuts dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.shortcuts dl div{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #353a41;font-size:.82rem}
.shortcuts dt{white-space:nowrap}.shortcuts dd{margin:0;color:#c3cad2;line-height:1.5}
@media(max-width:900px){.shortcuts{grid-template-columns:1fr}.shortcuts dl{grid-template-columns:1fr}}
@media(max-width:740px){.site-header{gap:10px}.back-link{font-size:0}.back-link:after{content:'↗';font-size:1.1rem}.intro{display:block}.related{display:inline-block;margin-top:14px}.brief{grid-template-columns:1fr;gap:10px}.brief-task{border-left:0;border-top:1px solid #444a51;padding:10px 0 0}.takeaway-grid{grid-template-columns:1fr}.max-stage{overflow-x:auto}.max-stage .mx-app,.max-stage .mx-tv{min-width:1100px}}
.tv-readout{position:absolute;right:10px;top:8px;font:12px Segoe UI,Arial;color:#ffd65a;pointer-events:none}