@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#09151d;--surface:#10232d;--ink:#f4f3ed;--muted:#b3c1c6;--copper:#f0bb85;--cyan:#86dce2;--border:#29424b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip{position:absolute;top:-70px;z-index:9;background:var(--copper);color:var(--bg);padding:12px}.skip:focus{top:0}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:1.2px}.brandmark{border:1px solid var(--copper);padding:10px 9px;color:var(--copper);font-size:19px;position:relative}.brandmark span{position:absolute;right:-5px;top:-10px;background:var(--bg);padding:0 3px;font-size:18px}nav{display:flex;gap:28px;font-size:14px}nav a:hover,.text-link:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--copper);color:#13202a;font-weight:700;padding:14px 24px;border:1px solid var(--copper);border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffd3a4}.button.small{padding:10px 22px;font-size:14px}.button.outline{background:transparent;color:var(--copper)}.hero{max-width:1440px;min-height:680px;margin:auto;padding:90px 5% 80px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:5%;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#16363f88,transparent 55%)}.eyebrow{font-size:12px;letter-spacing:2.3px;color:var(--copper);font-weight:700;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-1.7px;line-height:1.12}h1{font-size:clamp(45px,5.2vw,78px);margin-bottom:28px}h2{font-size:clamp(34px,3.7vw,54px);margin-bottom:28px}em{font-weight:500;color:var(--copper)}.lead{font-size:19px;max-width:520px;color:var(--muted);line-height:1.7}.actions{display:flex;align-items:center;gap:26px;margin:32px 0}.text-link{font-weight:600;border-bottom:1px solid var(--copper);padding-bottom:5px;font-size:15px;display:inline-block}.hero-foot{display:flex;align-items:center;gap:18px;margin-top:50px;color:var(--muted);font-size:13px}.hero-foot p{margin:0}.line{height:1px;width:50px;background:var(--copper)}.hero-scene{height:420px;position:relative;perspective:1000px}.photo-panel{position:absolute;inset:60px 0 40px;border:1px solid #6a8e96;transform:rotateY(-9deg) rotateZ(-3deg);box-shadow:0 30px 70px #0009,0 0 40px #86dce211;transition:transform .4s;overflow:hidden;background:#12222b}.photo-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);opacity:.9}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#06141deb);padding:40px 22px 18px;font-size:11px;letter-spacing:3px}.orbit{position:absolute;border:1px solid #7bb7c638;border-radius:50%;inset:-30px 0;transform:rotate(-25deg)}.orbit-two{inset:15px -35px;transform:rotate(25deg);border-color:#f0bb8533}.floating-label{position:absolute;right:-8px;bottom:0;display:flex;gap:16px;align-items:center;background:#122c35ec;border:1px solid #49636c;box-shadow:0 15px 30px #0006;padding:22px 28px;font-size:14px;backdrop-filter:blur(15px)}.mini-cross{font-size:30px;color:var(--copper)}.floating-label strong{color:var(--cyan)}.coordinate{position:absolute;top:4px;left:10px;font-size:10px;letter-spacing:2px;color:var(--cyan)}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 5%;display:flex;justify-content:space-around;gap:22px;font-size:11px;letter-spacing:2px;color:var(--muted);flex-wrap:wrap}.ticker i{color:var(--copper)}.section{max-width:1320px;padding:100px 5%;margin:auto}.mission{display:grid;grid-template-columns:1fr 1fr;gap:8%}.mission p,.volunteer p,.homeowner p,.future p{color:var(--muted)}.large-copy{font-size:22px;color:var(--ink)!important}.repairs{background:linear-gradient(135deg,#152933,#0b1922);border:1px solid var(--border)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-head>p{max-width:300px;color:var(--muted)}.repair-workspace{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:34px}.repair-tabs{display:flex;flex-direction:column}.repair-tabs button{display:flex;align-items:center;gap:22px;color:var(--muted);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);padding:23px 16px;cursor:pointer;font-size:13px}.repair-tabs button span{font-size:16px;flex:1}.repair-tabs button b{font-size:22px;font-weight:400}.repair-tabs button[aria-selected=true]{background:#243d46;color:var(--copper);border-left:3px solid var(--copper)}#repair-detail{position:relative;padding:30px;min-height:300px;border:1px solid #48606a;overflow:hidden}#repair-detail h3{font-size:28px;line-height:1.25}#repair-detail>p:not(.eyebrow){color:var(--muted)}.detail-number{position:absolute;font-size:150px;right:20px;bottom:-55px;color:#a6d5e10c;pointer-events:none}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.path{background:linear-gradient(150deg,#1b333d,#0b1c26);border:1px solid var(--border);padding:34px;display:flex;flex-direction:column}.path-num{font-size:12px;letter-spacing:2px;color:var(--cyan);margin-bottom:30px}.path h3{font-size:25px;line-height:1.3}.path p{color:var(--muted)}.path .button{margin-top:auto;font-size:14px}.path .fine{font-size:12px;margin:12px 0 0}.volunteer{display:grid;grid-template-columns:.9fr 1fr;gap:8%;align-items:center}.community-photo{padding:14px;border:1px solid #51616b;transform:rotate(-2deg);box-shadow:25px 25px 0 #152833}.community-photo img{width:100%;display:block}details{border-bottom:1px solid var(--border);padding:16px 0}summary{cursor:pointer;font-weight:600;list-style-position:outside;margin-left:20px}details p{margin:12px 0 0;font-size:15px}.volunteer .button{margin-top:30px}.secondary{margin:20px 0 0;display:table}.homeowner{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#122630;border:1px solid var(--border)}.steps article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--border)}.steps article>span{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--copper);color:var(--copper)}.steps h3{font-size:20px;margin-bottom:8px}.steps p{font-size:15px;margin:0}.future{background:radial-gradient(ellipse at 90% 30%,#1e485366,transparent 60%);border-bottom:1px solid var(--border)}.future p{max-width:740px}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:50px}.contact-list>a:not(.text-link){font-size:23px;display:block;margin-bottom:14px}.contact-list p{color:var(--muted)}footer{border-top:1px solid var(--border);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px}footer p{margin:0}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#719bb918 1px,transparent 1px),linear-gradient(90deg,#719bb918 1px,transparent 1px);background-size:75px 75px;z-index:-1}@media(max-width:900px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero{padding-top:55px;grid-template-columns:1fr;gap:30px}.hero-copy{max-width:650px}.hero-scene{height:360px;max-width:650px;width:92%;margin:auto}.hero-foot{margin-top:30px}.section{padding:70px 6%}.mission,.volunteer,.homeowner,.contact{grid-template-columns:1fr;gap:36px}.community-photo{max-width:500px;margin:0 0 25px}.path-grid{grid-template-columns:1fr}.path{padding:30px}.section-head{display:block}.section-head>p{max-width:none}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:10px}.brandmark{font-size:16px}nav{font-size:12px;flex-wrap:wrap}.hero{padding:50px 6% 55px}.hero-scene{height:290px}.photo-panel{inset:35px 0 35px}.floating-label{padding:14px 16px;font-size:12px}.coordinate{font-size:9px}.orbit{inset:0}.orbit-two{inset:15px -15px}.actions{flex-wrap:wrap;gap:20px}.lead{font-size:17px}.repair-workspace{grid-template-columns:1fr;gap:25px}.repair-tabs button{padding:18px 12px}.repair-tabs button span{font-size:15px}.ticker{font-size:9px;gap:10px}.ticker i{display:none}h1,h2{letter-spacing:-1px}.contact-list>a:not(.text-link){font-size:20px;overflow-wrap:anywhere}.large-copy{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* A brass workshop, illuminated by people and purpose. */
:root{--bg:#100f0f;--surface:#211d18;--ink:#fff6e7;--muted:#c9bdae;--copper:#edb878;--cyan:#efcf98;--border:#5a4430}body{background:#100f0f}body:before{background-image:linear-gradient(#b18a4210 1px,transparent 1px),linear-gradient(90deg,#b18a4210 1px,transparent 1px);opacity:.4}header{background:#100f0ff0;border-bottom:1px solid #a6774266;position:relative;z-index:2}.brandmark{background:linear-gradient(140deg,#3c2e1e,#100f0f);box-shadow:inset 0 0 0 3px #100f0f,inset 0 0 0 4px #9c6c3966}.hero{position:relative;min-height:760px;background:linear-gradient(90deg,#100f0fee 5%,#100f0f80 50%,#100f0f33),url('assets/workshop.webp') center/cover;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.hero h1{font-size:clamp(48px,5.7vw,84px);text-shadow:0 4px 30px #000}.hero .lead{color:#eddfce}.hero-scene{height:440px}.photo-panel{border:6px solid #98693d;outline:1px solid #f5c88d;outline-offset:4px;box-shadow:0 35px 65px #000a,inset 0 0 25px #000;inset:65px 10px 55px}.photo-panel img{filter:sepia(.15) saturate(.8)}.orbit{border-color:#f4bb6455;border-width:1px;box-shadow:0 0 0 9px #100f0f00,0 0 0 10px #bd965b20}.orbit-two{border-style:dashed;border-color:#e6b67050;animation:slow-turn 80s linear infinite}.floating-label{background:linear-gradient(135deg,#3a2a1fef,#16120ff0);border-color:#a7794e;box-shadow:0 15px 35px #0009,inset 0 0 0 4px #201810;backdrop-filter:blur(18px)}.coordinate{color:#f8d399}.ticker{background:linear-gradient(90deg,#21180f,#392a1a,#21180f);color:#e6d1b1;border-color:#a67742}.ticker i{color:#f6c18a}.button{background:linear-gradient(135deg,#ffda9f,#d99b5e);border:1px solid #ffdaad;box-shadow:inset 0 0 0 3px #d19b6355,0 4px 15px #0004;border-radius:1px;text-shadow:0 1px 0 #ffe3b766}.button.outline{background:#15120dd9;box-shadow:inset 0 0 0 3px #cfa76912;color:#f0c68f;text-shadow:none}.button:hover{box-shadow:0 0 30px #f1b96935;transform:translateY(-3px)}.repairs{background:linear-gradient(135deg,#292119,#161410);border-color:#765539}.repair-tabs button[aria-selected=true]{background:linear-gradient(90deg,#54391f,#2d241a)}#repair-detail{background:linear-gradient(130deg,#352719,#151310);border-color:#a27a4e}.detail-number{color:#e5b77712}.path{background:linear-gradient(140deg,#2f251b,#15120f);border:1px solid #775538;box-shadow:inset 0 0 0 6px #17120e,inset 0 0 0 7px #8f653526;position:relative;transition:transform .25s,box-shadow .25s}.path:hover{transform:translateY(-7px);box-shadow:inset 0 0 0 6px #17120e,inset 0 0 0 7px #8f653526,0 25px 35px #0004}.path-num{color:var(--copper)}.community-photo{border-color:#c89560;background:#2c2116;box-shadow:20px 20px 0 #3f2d1b}.homeowner{background:linear-gradient(130deg,#272219,#15130f)}.future{background:radial-gradient(ellipse at 90% 30%,#7e512333,transparent 60%)}.donor{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;padding-top:110px;padding-bottom:110px;border-top:1px solid var(--border)}.donor p{color:var(--muted)}.donor-choices{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.donor-choices button{border:1px solid #76553c;background:#17130f;color:#d9c5a9;padding:11px 15px;cursor:pointer;font-size:14px}.donor-choices button.selected{background:#c49257;color:#17120d;border-color:#ecc18c}.impact-box{min-height:160px;padding:22px 24px;border-left:2px solid var(--copper);background:#30241866;margin-bottom:24px}.impact-box h3{font-size:22px;line-height:1.35;margin-bottom:12px}.impact-box p{margin:0}.donor-note{padding:55px 40px;border:1px solid #a97e4d;background:radial-gradient(ellipse at 10% 0%,#67452366,transparent 70%),#18140f;box-shadow:inset 0 0 0 8px #15110e,inset 0 0 0 9px #7e593d66;transform:rotate(2deg)}blockquote{font-family:'Playfair Display',Georgia,serif;font-size:38px;line-height:1.3;margin:25px 0}.note-signature{font-size:11px;letter-spacing:2px;color:var(--copper);display:block;margin-top:35px}.fine{font-size:12px;margin:15px 0 0;color:var(--muted)}.trip-planner{margin-top:30px;padding:25px;background:#31251a77;border:1px solid #76573c}.trip-planner .eyebrow{margin-bottom:18px}.trip-planner label{font-size:15px}.range-row{display:flex;gap:20px;align-items:center;margin:12px 0 18px}.range-row input{flex:1;min-width:0;accent-color:#e8b16e}.range-row output{font-size:14px;min-width:76px}.trip-planner .button{margin-top:5px}.trip-planner p{font-size:14px}.trip-planner .fine{font-size:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes slow-turn{to{transform:rotate(335deg)}}@media(max-width:900px){.hero{min-height:0}.donor{grid-template-columns:1fr;gap:45px}.donor-note{max-width:650px}.hero-scene{height:370px}.hero .actions{gap:15px}}@media(max-width:600px){.hero{background-position:70% center}.hero-scene{height:300px}.photo-panel{inset:35px 0 45px;border-width:4px}.donor-note{padding:35px 28px;transform:none}blockquote{font-size:30px}.trip-planner{padding:20px}.orbit-two{inset:20px 0}.donor{padding:70px 6%}.hero h1{font-size:48px}.path:hover{transform:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}