:root{color-scheme:dark;--bg:#191b1e;--panel:#22252a;--line:#363a40;--text:#f2f3f4;--muted:#afb4bd;--yellow:#ffbf00;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin:0}.site-header{height:88px;display:flex;align-items:center;gap:25px;padding:0 clamp(22px,5vw,84px);border-bottom:1px solid var(--line)}.brand{color:var(--yellow);display:inline-block;min-width:81px}.brand-mark{font-size:2rem;line-height:1;font-weight:850;letter-spacing:-2px}.brand-mark span{font-weight:650;font-size:.65rem;letter-spacing:2px;display:block;margin-top:6px;text-align:right}.header-divider{height:37px;width:1px;background:#454950}.header-label,.eyebrow,.lab-number,.available,.next-foot,.method-label{font-size:.68rem;font-weight:700;letter-spacing:1.8px}.header-label{color:#b4b9c2}.header-link{margin-left:auto;font-size:.82rem;color:#d5dae2}.header-link:hover{color:var(--yellow)}.header-link span{margin-left:10px;color:var(--yellow)}.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(74px,9vw,135px) 45px 90px clamp(22px,8vw,145px);max-width:810px;position:relative;z-index:2}.eyebrow{color:var(--yellow)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-right:9px;vertical-align:2px;box-shadow:0 0 0 4px #ffbf001d}h1{font-size:clamp(3.15rem,6vw,6.3rem);line-height:1.03;letter-spacing:-.07em;margin:30px 0 30px;font-weight:680}h1 em{font-style:normal;color:var(--yellow)}.hero-intro{max-width:520px;color:#bcc2ca;font-size:1.04rem;line-height:1.7}.primary-link{display:inline-flex;gap:45px;align-items:center;background:var(--yellow);color:#181a1d;font-size:.86rem;font-weight:700;padding:16px 19px;border-radius:5px;margin-top:35px;transition:background .16s,transform .16s}.primary-link:hover{background:#ffd04b;transform:translateY(-2px)}.primary-link span{font-size:1.2rem}.hero-visual{min-height:540px;position:relative;background:radial-gradient(circle at 54% 48%,#343943 0,#24282f 40%,#202328 69%);overflow:hidden;border-left:1px solid var(--line)}.visual-grid{position:absolute;inset:0;background-image:radial-gradient(#76808d4a 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle at center,#000 15%,transparent 78%)}.visual-orbit{position:absolute;border:1px solid #818d9e2a;width:445px;height:445px;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.orbit-b{width:600px;height:600px}.material-sphere,.card-sphere{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 27%,#e0caba 0,#b27d62 19%,#704532 42%,#363037 78%);box-shadow:inset -30px -25px 55px #0c0e17aa,0 36px 50px #090c14a8}.material-sphere{width:clamp(235px,30vw,435px);height:clamp(235px,30vw,435px);left:50%;top:48%;transform:translate(-50%,-50%)}.material-sphere:after,.card-sphere:after{content:"";position:absolute;inset:0;border-radius:50%;opacity:.46;background:repeating-linear-gradient(6deg,transparent 0 17px,#dec1a54f 18px 22px,#432b28a3 23px 28px,transparent 29px 54px);mix-blend-mode:overlay}.visual-card{position:absolute;display:flex;flex-direction:column;background:#373b43e9;border:1px solid #6a727d;border-radius:9px;box-shadow:0 18px 45px #0b0d15ad;padding:12px 15px;color:#ebedf2;backdrop-filter:blur(7px)}.visual-card-one{top:14%;left:4%;width:172px;min-height:136px}.visual-card-two{bottom:16%;right:4%;width:195px;height:120px}.visual-card-label{font-size:.56rem;letter-spacing:1.3px;color:#c4cad2;font-weight:700}.visual-card-title{font-size:.87rem;margin:10px 0 8px}.visual-swatch{width:48px;height:48px;order:1;background:url('./labs/materials/assets/textures/brick-color.jpg') center/cover;border-radius:4px}.visual-card-one i{position:absolute;width:9px;height:9px;border-radius:50%;background:#e3c66b;right:-5px;top:65%;box-shadow:0 0 0 4px #282d35}.visual-slider{height:4px;background:#79818c;border-radius:4px;position:relative;margin-top:15px}.visual-slider b{position:absolute;left:80%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#e6e7eb}.visual-value{font-size:.72rem;color:#bac2cc;margin-top:10px}.visual-tag{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);color:#aab3bf;font-size:.6rem;letter-spacing:1.8px;white-space:nowrap}.labs-section{max-width:1470px;margin:auto;padding:85px clamp(22px,6vw,95px) 105px;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{font-size:clamp(2.3rem,4vw,3.8rem);letter-spacing:-.055em;font-weight:620;margin-top:12px}.section-heading>p{color:#aeb5bf;font-size:.88rem;padding-bottom:9px}.lab-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:20px}.lab-card,.next-lab-card{min-height:435px;border:1px solid #444a53;border-radius:12px;overflow:hidden;background:#25292f}.lab-card{display:grid;grid-template-columns:42% 58%;transition:border-color .16s,transform .16s}.lab-card:hover{border-color:#c39a36;transform:translateY(-3px)}.card-visual{position:relative;background:radial-gradient(circle at 48% 42%,#54505a,#363941 52%,#282c32 81%);overflow:hidden}.card-sphere{width:185px;height:185px;left:50%;top:42%;transform:translate(-50%,-50%)}.card-node{position:absolute;background:#333740;border:1px solid #69727e;color:#e3e7eb;border-radius:5px;padding:8px 10px;font-size:.68rem;box-shadow:0 7px 18px #0006}.node-one{left:8%;bottom:18%;border-top:4px solid #754052}.node-two{left:38%;bottom:12%;border-top:4px solid #7971bc}.node-three{right:5%;bottom:23%;border-top:4px solid #6f9b73}.card-wire{position:absolute;height:2px;background:#9891d5;bottom:22%;left:22%;width:45%;transform:rotate(-5deg)}.wire-two{bottom:20%;left:47%;width:45%;background:#89b78c;transform:rotate(-20deg)}.card-content{display:flex;flex-direction:column;padding:32px}.card-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.lab-number{color:#bec5ce}.available{color:#bfe0aa;font-size:.58rem;white-space:nowrap}.available span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91d76c;vertical-align:1px;margin-right:5px}.card-content h3,.next-lab-card h3{font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:600;letter-spacing:-.05em;margin:51px 0 16px}.card-content p,.next-lab-card p{color:#bbc2cc;font-size:.92rem;line-height:1.65;max-width:50ch}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:15px;padding-top:35px}.card-bottom>span{color:#929ca8;font-size:.71rem;line-height:1.5}.card-bottom a{background:var(--yellow);color:#17191b;white-space:nowrap;border-radius:4px;padding:11px 13px;font-size:.79rem;font-weight:700}.card-bottom a:hover{background:#ffd04b}.card-bottom a span{margin-left:17px}.next-lab-card{padding:32px;background:radial-gradient(circle at 85% 5%,#343943,#24282d 60%);display:flex;flex-direction:column}.next-icon{width:48px;height:48px;border:1px solid #6c737e;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:300;color:#d0d5db;margin-bottom:34px}.next-lab-card h3{margin:40px 0 15px;max-width:12ch}.next-foot{color:#8e98a4;margin-top:auto;padding-top:40px}.method{border-top:1px solid var(--line);padding:25px clamp(22px,6vw,95px);display:flex;justify-content:center;align-items:center;gap:clamp(14px,3.5vw,70px);color:#c5cbd3;font-size:.86rem;flex-wrap:wrap}.method-label{color:var(--yellow);margin-right:30px}.method b{color:#8f97a3;margin-right:7px;font-size:.68rem}.method-arrow{color:#777e87}footer{border-top:1px solid var(--line);padding:28px clamp(22px,5vw,84px);display:flex;align-items:center;gap:25px;color:#8f98a3;font-size:.7rem}footer span:first-child{color:var(--yellow);font-size:1rem;font-weight:800;letter-spacing:-1px}footer strong{font-size:.55rem;letter-spacing:1px}footer a{margin-left:auto;color:#bec5cf}footer a:hover{color:var(--yellow)}
@media(max-width:1080px){.hero{grid-template-columns:1fr .8fr}.hero-copy{padding:95px 25px 85px 6vw}.visual-card-one{left:3%;top:12%}.visual-card-two{bottom:16%;right:2%}.lab-card{grid-template-columns:38% 62%}.card-content{padding:25px}.card-bottom{align-items:start;flex-direction:column}}
@media(max-width:760px){.site-header{height:76px;padding:0 20px;gap:17px}.header-label{font-size:.57rem}.hero{display:flex;flex-direction:column}.hero-copy{padding:72px 22px 58px}.hero-intro{font-size:.96rem}.hero-visual{border-left:0;border-top:1px solid var(--line);min-height:390px}.material-sphere{width:260px;height:260px}.visual-card-one{top:10%;left:5%}.visual-card-two{bottom:11%;right:4%}.visual-tag{display:none}.labs-section{padding:68px 20px 72px}.section-heading{align-items:start;flex-direction:column;gap:12px}.lab-grid{grid-template-columns:1fr}.lab-card{min-height:0}.card-content h3{margin:26px 0 13px}.next-lab-card{min-height:300px}.next-lab-card h3{margin:15px 0}.method{justify-content:start;gap:15px}.method-label{flex-basis:100%;margin-bottom:7px}.method-arrow{display:none}}
@media(max-width:520px){.header-label,.header-divider{display:none}.header-link{font-size:.75rem}h1{font-size:3.35rem}.hero-visual{min-height:330px}.material-sphere{width:210px;height:210px}.visual-card-one{width:135px;min-height:105px;padding:9px;left:3%;top:8%}.visual-card-two{width:152px;height:105px;padding:9px;bottom:8%;right:3%}.visual-swatch{height:30px;width:30px}.lab-card{display:flex;flex-direction:column}.card-visual{height:250px}.card-content{min-height:300px}.card-content h3{font-size:2.1rem}.card-bottom{margin-top:25px}.next-lab-card{padding:26px}footer{flex-wrap:wrap}footer span:nth-child(2){flex-basis:100%;order:3}footer a{margin-left:auto}}
.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-card{display:flex;flex-direction:column}.lab-card .card-visual{height:245px;flex:none}.lab-card .card-content{flex:1;min-height:285px}.lab-card .card-content h3{margin:24px 0 13px}.lab-card .card-bottom{align-items:end;flex-direction:row}.collection-note{border-top:1px solid #3d424a;color:#98a2ad;font-size:.78rem;line-height:1.5;padding-top:22px;margin-top:25px}.uv-visual{background:radial-gradient(circle at 50% 50%,#464456,#303139 65%,#282b33)}.uv-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:26px 26px}.uv-net{--unit:58px;position:absolute;left:50%;top:49%;width:calc(var(--unit)*3);height:calc(var(--unit)*4);transform:translate(-50%,-50%) rotate(-8deg);filter:drop-shadow(0 15px 22px #10141a9c)}.uv-tile{position:absolute;display:grid;place-items:center;width:var(--unit);height:var(--unit);font-size:1rem;font-style:normal;font-weight:800;color:#20242a;border:2px solid #2e343d}.uv-front{left:var(--unit);top:calc(var(--unit)*2);background:#e9a667}.uv-left{left:0;top:calc(var(--unit)*2);background:#91b9ed}.uv-right{left:calc(var(--unit)*2);top:calc(var(--unit)*2);background:#70c4aa}.uv-top{left:var(--unit);top:var(--unit);background:#e6ca72}.uv-back{left:var(--unit);top:0;background:#9a94e4}.uv-bottom{left:var(--unit);top:calc(var(--unit)*3);background:#de88a7}.uv-decor{position:absolute;right:18px;bottom:15px;color:#c9d0d9;font-size:.63rem;letter-spacing:1.3px;font-weight:700}@media(max-width:760px){.lab-grid{grid-template-columns:1fr}.lab-card .card-content{min-height:0}.lab-card .card-bottom{flex-direction:row}}@media(max-width:520px){.lab-card .card-bottom{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.code-visual{background:radial-gradient(circle at 60% 55%,#3a3550,#2b2d36 62%,#25282e)}.code-snippet{position:absolute;left:22px;top:24px;margin:0;font:600 .72rem/1.6 'JetBrains Mono',Consolas,Menlo,monospace;color:#d6dbe2;background:#1b1d21e6;border:1px solid #474d57;border-radius:8px;padding:12px 14px;box-shadow:0 14px 30px #0b0d1299;z-index:2}.code-snippet b{color:#78a9e6;font-weight:600}.code-snippet i{font-style:normal;color:#e6dca6}
.voxels{position:absolute;right:34px;bottom:34px;width:170px;height:120px}.vx{position:absolute;width:40px;height:40px;background:#e25550;transform:rotate(45deg) skew(-8deg,-8deg);box-shadow:inset -8px -8px 0 #b33f3b,0 10px 18px #0007;border-radius:3px}.v1{left:0;bottom:0}.v2{left:40px;bottom:20px}.v3{left:80px;bottom:40px}.v4{left:120px;bottom:60px;background:#ffbf00;box-shadow:inset -8px -8px 0 #c79300,0 10px 18px #0007}
@media(max-width:520px){.code-snippet{font-size:.64rem;left:14px;top:16px}.voxels{transform:scale(.75);transform-origin:right bottom;right:18px;bottom:20px}}

.anim-visual{background:radial-gradient(circle at 45% 50%,#3b3a48,#2a2c34 65%,#24272d)}.anim-visual svg{position:absolute;inset:8% 6% 14%;width:88%;height:78%}.anim-grid{stroke:#ffffff14;stroke-width:1;fill:none}.anim-curve{fill:none;stroke:#4aa3ff;stroke-width:3;filter:drop-shadow(0 6px 10px #0008)}.anim-dots circle{fill:#ffd24a}.anim-ball{fill:#f0a020;stroke:#6b3a05;stroke-width:1.5}
.heap-demo{position:absolute;right:22px;bottom:44px;display:flex;flex-direction:column;gap:8px}.hp{font:600 .7rem 'JetBrains Mono',Consolas,monospace;padding:6px 10px;border-radius:6px;border:1px solid}.h1{color:#9fd6ff;border-color:#3f6d8f;background:#1d2c38}.h2{color:#ffc3a0;border-color:#8f5a3f;background:#382519}

.skin-visual{background:radial-gradient(circle at 50% 45%,#3d3f44,#2a2c31 65%,#23262b)}.skin-visual svg{position:absolute;inset:6% 6% 14%;width:88%;height:80%}.skin-arm{stroke:#0009;stroke-width:1.5;filter:drop-shadow(0 8px 12px #0009)}.skin-bone{fill:#b8c4ff99;stroke:#111;stroke-width:1.2}.skin-brush{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:0}
.rig-visual{background:radial-gradient(circle at 50% 45%,#3b3f46,#2a2c31 65%,#23262b)}.rig-visual svg{position:absolute;inset:6% 6% 14%;width:88%;height:80%}.rig-floor{stroke:#ffffff22;stroke-width:1.5}.rig-bone{fill:#9aa3b0;stroke:#111;stroke-width:1.4}.rig-ik{fill:#d9c23a}.rig-ctrl{fill:none;stroke:#e39a3a;stroke-width:2}.rig-pole{fill:none;stroke:#e39a3a;stroke-width:2}.rig-pole-line{stroke:#ddd;stroke-width:1.3;stroke-dasharray:5 4}.rig-arc{fill:none;stroke:#4aa3ff;stroke-width:2;stroke-dasharray:3 5}
.photo-visual{background:radial-gradient(circle at 50% 45%,#40434a,#2a2c31 65%,#23262b)}.photo-visual svg{position:absolute;inset:6% 6% 14%;width:88%;height:80%}.ph-body,.ph-hump{fill:#2b2e33;stroke:#8e97a2;stroke-width:1.5}.ph-ring{fill:#1b1d20;stroke:#b8bec6;stroke-width:2}.ph-glass{fill:#1f3346}.ph-iris{fill:#0d0f11;stroke:#ffbf00;stroke-width:1.5}.ph-btn{fill:#c8372d}.ph-f{fill:#9be38a;font:600 11px Consolas,monospace;text-anchor:end}
.bake-visual{background:radial-gradient(circle at 40% 50%,#3d4046,#26282d 70%)}.bake-visual svg{position:absolute;inset:6% 4% 14%;width:92%;height:80%}.bk-cube path{fill:#b8652a;stroke:#1a1a1a;stroke-width:1.5}.bk-cube path:nth-child(2){fill:#8d4b1d}.bk-cube path:nth-child(3){fill:#a35822}.bk-cube circle{fill:#aeb4bb}.bk-rays path{stroke:#56d364;stroke-width:1.6}.bk-map{fill:#8080ff;stroke:#1a1a1a}.bk-isl{fill:#8585f5;stroke:#ffffff88}.bk-bolt{fill:#a38cff;stroke:#7fe0d6;stroke-width:2}.bk-groove{fill:none;stroke:#d57cf0;stroke-width:3}
.light-visual{background:radial-gradient(circle at 30% 30%,#3b3d42,#1d1f23 70%)}.light-visual svg{position:absolute;inset:6% 4% 14%;width:92%;height:80%}.lt-cone{fill:#ffe9b833}.lt-box{fill:#f7f1e3;stroke:#1a1a1a}.lt-rim{fill:#bcd4ff}.lt-rimray{stroke:#bcd4ff;stroke-width:2;stroke-dasharray:4 3}
.topo-visual{background:radial-gradient(circle at 50% 45%,#3a3c40,#222428 70%)}.topo-visual svg{position:absolute;inset:6% 4% 14%;width:92%;height:80%}.tp-grid path{fill:none;stroke:#8d949c;stroke-width:1.5}.tp-grid path:first-child{fill:#2c2f33}.tp-ngon{fill:#e0564a55;stroke:#e0564a;stroke-width:2}.tp-loop{stroke:#ffe14a;stroke-width:2.5;stroke-dasharray:6 4}.tp-pole{fill:#4aa3ff}.tp-vert{fill:#ffa629}

/* Topics */
.topic-nav{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;margin:6px 0 10px;background:linear-gradient(var(--bg) 80%,#191b1e00)}
.topic-nav a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;color:#dfe3e8;background:#202328;transition:border-color .15s,background .15s}
.topic-nav a:hover{border-color:var(--yellow);background:#ffbf0012}
.topic-nav b{color:var(--yellow);font-size:.7rem;letter-spacing:.08em}
.topic-nav small{color:#8e97a2;font-size:.7rem;font-weight:500}
.topic{scroll-margin-top:70px;margin-top:46px}
.topic:first-of-type{margin-top:24px}
.topic-heading{display:flex;align-items:end;gap:18px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}
.topic-number{font:700 2.6rem/1 Inter,'Segoe UI',Arial,sans-serif;color:var(--yellow);letter-spacing:-.04em}
.topic-heading h3{font-size:1.45rem;letter-spacing:-.02em}
.topic-heading p{color:var(--muted);font-size:.86rem;margin-top:5px;line-height:1.45}
.topic-count{margin-left:auto;color:#8e97a2;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
@media(max-width:760px){.topic-number{font-size:2rem}.topic-heading{align-items:start}.topic-count{display:none}.topic-nav{position:static}}
.trim-visual{background:radial-gradient(circle at 40% 50%,#3e3a34,#26282d 70%)}.trim-visual svg{position:absolute;inset:6% 4% 14%;width:92%;height:80%}.tr-wall path{fill:#c9b08a;stroke:#1a1a1a;stroke-width:1.2}.tr-wall .tr-beam{fill:#7a4e2a}.tr-wall .tr-joint{fill:none;stroke:#8c7658;stroke-width:1.2}.tr-sheet rect{stroke:#1a1a1a;stroke-width:.8}.tr-sheet .s1{fill:#96683f}.tr-sheet .s2{fill:#c9b08a}.tr-sheet .s3{fill:#6b4527}.tr-sheet .s4{fill:#d8c29a}.tr-sheet .s5{fill:#4a4643}.tr-sheet .s6{fill:#907c5f}.tr-sheet .s7{fill:#c49868}.tr-sheet .s8{fill:#e0cba2}.tr-isl{fill:#ffa62922;stroke:#ffa629;stroke-width:1.5;stroke-dasharray:4 3}.tr-arrow{fill:none;stroke:#ffbf00;stroke-width:1.6}
.stage-visual{background:radial-gradient(circle at 50% 40%,#3b342f,#25262b 70%)}.stage-visual svg{position:absolute;inset:6% 6% 12%;width:88%;height:82%}.sg-house{fill:#7a2e2e}.sg-tower,.sg-wing{fill:#8d8a8422;stroke:#8d8a84;stroke-width:1.5}.sg-under{fill:#5b575288;stroke:#8d8a84;stroke-width:1}.sg-boca{fill:#b58d4a}.sg-bars path{stroke:#9a9da3;stroke-width:1.5}.sg-drop{fill:#3f6b3a;stroke:#1a1a1a}.sg-cable{stroke:#777b80;stroke-width:1}.sg-border{fill:#15151a}.sg-plat{fill:#9b7b55;stroke:#1a1a1a}.sg-sight{fill:none;stroke:#4aa3ff;stroke-width:1.6;stroke-dasharray:5 4}.sg-seat{fill:#ffd24a}
.ct-visual{background:radial-gradient(circle at 40% 45%,#35303f,#232429 70%)}.ct-visual svg{position:absolute;inset:6% 6% 12%;width:88%;height:82%}.ct-page{fill:#fff}.ct-nav{fill:#ece6ff}.ct-aa{font:700 44px 'Playfair Display',Georgia,serif;fill:#1d1b26}.ct-l1,.ct-l2{fill:#5c5a6b}.ct-btn{fill:#5b34c9}.ct-s1{fill:#5b34c9}.ct-s2{fill:#b9a1ff}.ct-s3{fill:#1b6e34}.ct-s4{fill:#b3261e}.ct-ratio{font:700 22px system-ui,sans-serif;fill:#fff}.ct-aaa{font:700 11px system-ui,sans-serif;fill:#8fe39d;letter-spacing:.06em}
/* A more compact home page on computers: everything a bit smaller, and up to three labs per row. */
@media(min-width:761px){html{zoom:.8}.labs-section{max-width:1760px}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.hero{min-height:470px}.hero-visual{min-height:450px}}
@media(min-width:761px) and (max-width:1100px){html{zoom:.9}}
.lx-visual{background:radial-gradient(circle at 50% 30%,#2a2830,#141418 70%)}.lx-visual svg{position:absolute;inset:4% 4% 10%;width:92%;height:86%}.lx-bar{stroke:#777;stroke-width:3}.lx-fix rect{fill:#2a2b30;stroke:#888}.lx-b1{fill:#ffc98f33}.lx-b2{fill:#2a4dff40}.lx-b3{fill:#ff8a1a38}.lx-floor{stroke:#5b4633;stroke-width:4}.lx-dmx rect{fill:#3a2e12;stroke:#ffb020}
.td-visual{background:radial-gradient(circle at 45% 45%,#34373d,#1d1f23 72%)}.td-visual svg{position:absolute;inset:6% 4% 12%;width:92%;height:82%}.td-l{fill:#c9c9c9}.td-d{fill:#5b5d63}.td-wall,.td-crate{stroke:#111;stroke-width:1.2}.td-floor{stroke:#555;stroke-width:1.5}.td-tag{font:700 12px Inter,Segoe UI,sans-serif;text-anchor:middle}.td-tag.bad{fill:#ff8a65}.td-tag.good{fill:#91d76c}.td-arrow{stroke:#ffbf00;stroke-width:1.6;stroke-dasharray:3 3}
.lod-visual{background:radial-gradient(circle at 45% 45%,#34373d,#1d1f23 72%)}.lod-visual svg{position:absolute;inset:6% 4% 12%;width:92%;height:82%}.lod-floor{stroke:#555;stroke-width:1.5}.lod-r0{fill:#5fb04a;stroke:#111;stroke-width:1.2}.lod-r1{fill:#3fa6b8;stroke:#111;stroke-width:1.2}.lod-r2{fill:#4a78d8;stroke:#111;stroke-width:1.2}.lod-w{fill:none;stroke:#111;stroke-width:.9;opacity:.7}.lod-tag{font:700 12px Inter,Segoe UI,sans-serif;text-anchor:middle;fill:#ddd}
.grade-visual{background:radial-gradient(circle at 45% 45%,#34373d,#1d1f23 72%)}.grade-visual svg{position:absolute;inset:6% 4% 12%;width:92%;height:82%}.gr-wheels circle{fill:#26272a;stroke:#6a6d74;stroke-width:3}.gr-puck{fill:#e8872a;stroke:#fff;stroke-width:1.5}.gr-tag{font:700 12px Inter,Segoe UI,sans-serif;text-anchor:middle;fill:#ddd}
.lm-visual{background:radial-gradient(circle at 45% 45%,#34373d,#1d1f23 72%)}.lm-visual svg{position:absolute;inset:6% 4% 12%;width:92%;height:82%}.lm-room{fill:#4a3b2f;stroke:#111}.lm-wall{fill:#6d665c;stroke:#111}.lm-win{fill:#cfe4ff}.lm-patch{fill:#f3dcb0;opacity:.9}.lm-atlas rect{fill:#2b2b2b;stroke:#ffa629;stroke-width:1.2}.lm-atlas rect:first-child{fill:#161616;stroke:#fff}.lm-probe{fill:#9fd3ff;stroke:#fff;stroke-width:1.5}
.vpl-visual,.eml-visual{background:radial-gradient(circle at 45% 45%,#3d3d3d,#252525 72%)}.vpl-visual svg,.eml-visual svg{position:absolute;inset:6% 4% 12%;width:92%;height:82%}
.vpl-floor{fill:none;stroke:#5a5a5a;stroke-width:1.5}.vpl-ghost{fill:#4da3ff22;stroke:#4da3ff;stroke-width:1.5;stroke-dasharray:5 3}.vpl-cube{fill:#c4c4c4}.vpl-cube.side{fill:#a3a3a3}.vpl-cube.dark{fill:#8a8a8a}.vpl-outline{fill:none;stroke:#ffaa40;stroke-width:2.5;stroke-linejoin:round}.vpl-arrow{fill:none;stroke:#ffe14a;stroke-width:2;stroke-dasharray:4 4}.vpl-gz.x{fill:#ff3352}.vpl-gz.y{fill:#8bdc00}.vpl-gz.z{fill:#2890ff}
.eml-face{fill:#c4c4c4}.eml-side{fill:#a3a3a3}.eml-side.dark{fill:#8a8a8a}.eml-sel{fill:#ffb35a99}.eml-ext{fill:none;stroke:#ffa000;stroke-width:2}.eml-edge{fill:none;stroke:#111;stroke-width:1.3}.eml-vert circle{fill:#111}

.tile-visual{background:radial-gradient(circle at 45% 50%,#3b3935,#25272b 70%)}.tile-visual svg{position:absolute;inset:6% 4% 14%;width:92%;height:80%}.tl-bg{fill:#3d3832}.tl-st ellipse{fill:#a9a295;stroke:#2a2622;stroke-width:1}.tl-st ellipse:nth-child(3n){fill:#c2b39a}.tl-st ellipse:nth-child(4n){fill:#77736d}.tl-floor{stroke:#1a1a1a;stroke-width:1}.tl-grid{fill:none;stroke:#ffffff55;stroke-width:1;stroke-dasharray:3 3}.tl-photo{fill:#8f877b;stroke:#1a1a1a;stroke-width:1}.tl-cross{fill:none;stroke:#ff5a4a;stroke-width:2}.tl-src{fill:none;stroke:#fff;stroke-width:1.4;stroke-dasharray:3 2}.tl-brush{fill:#ffffff22;stroke:#fff;stroke-width:1.4}.tl-arrow{fill:none;stroke:#ffbf00;stroke-width:1.6}.tl-tag{fill:#c9ced6;font:700 9px Inter,Segoe UI,sans-serif;letter-spacing:1.2px}

/* Carrot Revolt Labs identity */
:root{--yellow:#ff8614}
.site-header{background:#090d09}
.hero{background:radial-gradient(circle at 12% 25%,#2c180c,#121716 46%,#090d09)}
.hero-visual{background:#050905 url('./assets/brand/carrot_wallpaper.png') center/cover no-repeat}
.hero-visual>*{display:none}
.hero-copy .eyebrow{color:#a9df4d}
.primary-link{background:#ff8614}
.primary-link:hover,.card-bottom a:hover{background:#ffa13b}
@media(max-width:760px){.hero-visual{background-position:center;min-height:390px}}
@media(max-width:520px){.hero-visual{min-height:330px}}

/* Learning areas sit above the individual Blender topics. */
.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:36px 0 16px}
.area-card{min-height:245px;display:flex;flex-direction:column;padding:25px;border:1px solid #41494a;border-radius:12px;background:linear-gradient(150deg,#242a2a,#1d2222);transition:border-color .18s,transform .18s,background .18s}
.area-card:hover{border-color:#ff8614;transform:translateY(-3px)}
.area-card:focus-visible{outline:2px solid #ff8614;outline-offset:3px}
.area-card-featured{background:radial-gradient(circle at 88% 12%,#47792338,transparent 48%),linear-gradient(145deg,#2a211a,#1b2320)}
.area-card-planned{background:radial-gradient(circle at 88% 12%,#85af4530,transparent 48%),linear-gradient(145deg,#20271f,#1c2221)}
.area-card-top{display:flex;justify-content:space-between;gap:10px;color:#a7d766;font-size:.67rem;font-weight:750;letter-spacing:.14em}
.area-card-top span{color:#ff8614;font-size:1.05rem;line-height:.6}
.area-card-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-top:22px;border:1px solid #ff861480;border-radius:9px;color:#ff9a35;font-size:1.05rem;font-weight:800;letter-spacing:-.04em}
.area-card h3{margin-top:17px;font-size:1.55rem;letter-spacing:-.035em}
.area-card p{margin-top:8px;color:#b8c1c0;font-size:.86rem;line-height:1.5}
.area-card-count{margin-top:auto;padding-top:22px;color:#a7d766;font-size:.71rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.area-card-planned .area-card-count{color:#c4c8c5}
.area-card-max{background:radial-gradient(circle at 88% 12%,#f5853232,transparent 48%),linear-gradient(145deg,#282a24,#1d2526);border-color:#7e6043}
.area-card-max .area-card-icon{color:#ff9b43}
.area-card-max .area-card-count{color:#ffb16b}
.max-anim-card .anim-visual{background:radial-gradient(circle at 45% 50%,#394550,#27303a 66%,#20272d)}
.max-anim-card .anim-curve{stroke:#ff8a28}
.max-anim-card .anim-dots circle{fill:#8ac440}
.area-section{scroll-margin-top:28px;margin-top:84px;padding-top:26px;border-top:1px solid #3b4440}
.area-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}
.area-heading h2{font-size:clamp(2.6rem,5vw,4.7rem);font-weight:650;letter-spacing:-.055em;margin-top:9px}
.area-heading>p{max-width:58ch;color:#adb8b6;font-size:.9rem;line-height:1.6}
.area-section .topic-nav{margin-top:8px}
.area-section .topic:first-of-type{margin-top:18px}
.coming-panel{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:32px;border:1px dashed #728861;border-radius:12px;background:linear-gradient(110deg,#252d24,#202626)}
.coming-panel h3{font-size:1.7rem;margin:11px 0 8px}
.coming-panel p:last-child{max-width:67ch;color:#b8c3b6;font-size:.9rem;line-height:1.6}
.concept-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:290px;flex:none}
.concept-tags span{border:1px solid #64795b;border-radius:999px;padding:7px 11px;color:#bbdca0;font-size:.76rem}
@media(max-width:760px){.area-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.area-heading,.coming-panel{display:block}.area-heading>p{margin-top:10px}.concept-tags{justify-content:flex-start;max-width:none;margin-top:25px}.area-section{margin-top:60px}}