:root{font-family:Arial,sans-serif;color:#412720;background:#fff7f1;font-size:16px}*{box-sizing:border-box}body{margin:0;display:flex}button,input,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}aside{width:270px;background:#79251f;color:#fff;padding:34px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:1.8px;font-size:22px}.monogram{background:#fff;color:#8d291f;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:30px}small{display:block;font-size:10px;letter-spacing:2px;color:#f5c5a4;margin-top:6px}.nav-label{font-size:12px;letter-spacing:1.1px;color:#efbfa4;margin:49px 8px 15px}nav{display:grid;gap:7px}nav button{border:0;color:#f8dbca;background:transparent;text-align:left;padding:14px 12px;border-radius:9px;font-size:14px;line-height:1.45;display:flex;gap:10px;align-items:center}nav button b{font-size:12px;display:grid;place-items:center;min-width:28px;height:28px;border:1px solid #bc6b4f;border-radius:7px}nav button.active{background:#fff;color:#842c21}nav button:hover{background:#9e3a29;color:white}.side-bottom{margin-top:auto;font-size:14px;padding-top:30px}.side-bottom p{font-size:12px;line-height:1.7;color:#ecc0a8}main{margin-left:270px;width:calc(100% - 270px);padding:26px 46px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:#927769}.outline{border:1px solid #ead4c4;background:#fff;border-radius:7px;padding:10px 14px;color:#7e392b;font-size:14px;letter-spacing:0;white-space:nowrap}.heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 26px}h1{font-size:36px;letter-spacing:-1px;margin:0 0 10px}.heading p{color:#927466;margin:0}.count{text-align:right;display:grid;gap:5px}.count strong{font-size:32px;color:#bd4927}.count span{font-size:11px;letter-spacing:1.6px;color:#927466}.search-panel{background:#fff;border:1px solid #edd9ca;border-radius:13px;padding:23px 25px;box-shadow:0 4px 20px #74331910}.search-panel>label{font-size:14px;font-weight:bold;display:block;margin-bottom:12px}.searchbox{display:flex;align-items:center;border:2px solid #c9572d;background:#fffcf9;border-radius:8px;padding:0 14px;gap:12px}.searchbox>span{font-size:30px;color:#b74b28}input{border:0;background:transparent;width:100%;padding:16px 0;outline:none;min-width:0}kbd{border:1px solid #e7d5c7;padding:3px 7px;color:#a38876;border-radius:4px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;font-size:14px}.filters select{border:1px solid #e8d4c5;padding:8px;border-radius:6px;background:white;max-width:100%}.filters button{border:0;background:none;color:#aa4026;font-size:14px}.filters>span{margin-left:auto;font-size:12px;color:#997c6b}.browser{margin-top:30px;background:#fff;border:1px solid #edd9ca;border-radius:12px;overflow:hidden}.browser-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:21px 24px;border-bottom:1px solid #f0dfd1}h2{font-size:19px;margin:0 0 6px}.browser-head p{font-size:13px;color:#977968;margin:0}#crumbs:not(:empty){padding:12px 24px;background:#fff1e5;font-size:14px;display:flex;flex-wrap:wrap;gap:8px}#crumbs button{border:0;background:none;color:#ac4528;padding:0}.row{display:flex;align-items:center;gap:12px;min-height:65px;padding:12px 24px;border-bottom:1px solid #f3e7dd}.row:last-child{border:0}.row:hover{background:#fff7ef}.toggle{border:0;background:transparent;color:#985c3d;width:26px;min-width:26px;height:30px;padding:0;border-radius:4px}.toggle:hover{background:#f9e0c7}.folder{width:28px;min-width:28px;color:#d68b22}.folder svg{width:24px;height:24px}.entry{min-width:0;flex:1}.name{border:0;background:none;text-align:left;padding:0;font-size:15px;color:#653522;line-height:1.5;overflow-wrap:anywhere}.name:hover{text-decoration:underline}.path{font-size:12px;color:#977d6d;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.open{font-size:13px;white-space:nowrap;color:#a84023;border:1px solid #edd2bc;border-radius:6px;padding:7px 10px}.empty{padding:42px 24px;text-align:center;color:#937561;line-height:1.8}#more{display:block;margin:18px auto;border:1px solid #e9cbb5;background:#fff;color:#a74525;border-radius:6px;padding:10px 20px}#more[hidden]{display:none}footer{font-size:12px;color:#987d6c;margin:20px 0;line-height:1.7}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e88732;outline-offset:3px}@media(max-width:1000px){aside{width:225px}main{margin-left:225px;width:calc(100% - 225px);padding:25px}.filters>span{display:none}}@media(max-width:700px){body{display:block}aside{position:static;width:100%;padding:19px 18px}.brand{font-size:18px}.monogram{width:34px;height:34px;font-size:23px}.nav-label,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:20px;gap:7px}nav button{white-space:nowrap;padding:9px;font-size:12px}nav button b{display:none}main{margin:0;width:100%;padding:20px 16px}h1{font-size:28px}.heading{margin-top:28px}.count strong{font-size:26px}.search-panel{padding:17px}.searchbox input{font-size:14px}.browser-head{padding:18px}.row{padding:12px;gap:7px}.name{font-size:14px}.open{font-size:12px;padding:7px}.folder{display:none}.count span{font-size:10px}}

#category-note{font-size:13px;color:#926a51;line-height:1.6;margin:13px 0 0}.filters>label{font-weight:600}.filters>span{flex-basis:100%;margin-left:0}

/* Warm earth palette and dimensional banner */
.banner{position:relative;isolation:isolate;overflow:hidden;min-height:224px;margin:26px 0 24px;padding:30px 34px;border-radius:16px;color:#fff;background:radial-gradient(ellipse at 85% 15%,#f4ac4f99,transparent 53%),linear-gradient(115deg,#82251f 0%,#ad3d23 46%,#d36c29 100%);box-shadow:0 8px 26px #82251f18}
.banner-copy{position:relative;z-index:2;max-width:65%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#ffdfb6;margin-bottom:13px}.banner h1{font-size:37px;letter-spacing:-.8px;margin-bottom:9px}.banner p{color:#ffe5d0;line-height:1.5}.banner-stat{display:flex;align-items:baseline;gap:10px;margin-top:19px}.banner-stat strong{font-size:25px;color:#ffdb9a}.banner-stat span{font-size:14px;color:#ffe6d1}.scene{position:absolute;right:4%;top:0;width:290px;height:100%;perspective:750px;pointer-events:none}.orbit-system{position:absolute;width:176px;height:176px;top:24px;left:55px;transform-style:preserve-3d;animation:orbit 19s linear infinite}.core{position:absolute;inset:44px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#fff2b7 0%,#ffc161 26%,#de6325 63%,#93311f 100%);box-shadow:inset -9px -10px 18px #75200d66,0 0 38px #ffcb6a55;transform:translateZ(0)}.ring{position:absolute;inset:0;border:12px solid #ffcc75;border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 0 2px #ffe7b099,inset 0 0 10px #9f3d18,0 7px 13px #5f1d2544}.ring-one{transform:rotateX(67deg) rotateY(18deg)}.ring-two{transform:rotateX(-34deg) rotateY(67deg);border-color:#f5a653}.ring-three{inset:18px;transform:rotateX(26deg) rotateY(-49deg);border-width:6px;border-color:#ffe1a4}.satellite{position:absolute;top:-2px;left:57px;width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff6d5,#ffc66e 40%,#b94d1d);transform:translateZ(35px);box-shadow:0 0 20px #ffdf9688}.stage-shadow{position:absolute;bottom:15px;left:57px;width:180px;height:19px;border-radius:50%;background:#6f1c2160;filter:blur(9px);animation:shadow 6s ease-in-out infinite}.motion-toggle{position:absolute;z-index:3;right:14px;bottom:12px;background:#6d241a66;border:1px solid #ffd6b766;border-radius:6px;color:#ffe9d5;padding:6px 9px;font-size:12px}.banner.paused *{animation-play-state:paused!important}@keyframes orbit{0%{transform:rotateY(0deg) rotateZ(-14deg)}50%{transform:rotateY(180deg) rotateZ(8deg)}100%{transform:rotateY(360deg) rotateZ(-14deg)}}@keyframes shadow{50%{transform:scale(.82);opacity:.55}}@media(prefers-reduced-motion:reduce){.banner *{animation:none!important}.orbit-system{transform:rotateY(18deg) rotateZ(-14deg)}}@media(max-width:1000px){.scene{right:-35px;opacity:.85}.banner-copy{max-width:72%}.banner h1{font-size:32px}}@media(max-width:700px){.banner{padding:25px 20px;min-height:205px}.banner-copy{max-width:78%}.banner h1{font-size:28px}.banner p{font-size:14px;max-width:210px}.eyebrow{font-size:10px;letter-spacing:1px}.scene{right:-85px;opacity:.55;transform:scale(.8)}.banner-stat{margin-top:17px}.banner-stat strong{font-size:23px}.motion-toggle{font-size:12px}}