*{box-sizing:border-box}body{margin:0;font-family:'PT Sans',sans-serif;background:#e9e6e1;color:#1f2327;font-size:1.06rem}a{color:inherit}
h1,h2,h3,.lg{font-family:Ultra,serif;font-weight:400;margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#1f2327;color:#fff}
.lg{font-size:2rem;color:#d63a2f;line-height:1}.lg small{display:block;font-family:'PT Sans';font-size:.8rem;color:#ccc;letter-spacing:.1em;text-transform:uppercase}.ph{background:#d63a2f;padding:9px 14px;text-decoration:none;font-weight:700;border-radius:4px}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:50px 5vw}
.peg{position:relative;aspect-ratio:1;max-width:420px;background:radial-gradient(circle,#5b4428 3px,transparent 4px) 0 0/28px 28px #c8a77a;border:12px solid #8a6a43;border-radius:6px}
.tool{position:absolute;background:#59616a;border-radius:6px}.hammer{width:16px;height:55%;left:22%;top:20%}.hammer:before{content:"";position:absolute;top:-14px;left:-30px;width:76px;height:30px;background:#8d969f;border-radius:4px}
.wrench{width:18px;height:50%;left:48%;top:25%;background:#8d969f}.wrench:before{content:"";position:absolute;top:-20px;left:-14px;width:46px;height:40px;border:12px solid #8d969f;border-top-color:transparent;border-radius:50%}
.saw{width:30%;height:22%;right:10%;top:30%;background:#b9c0c7;clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,80% 70%,70% 100%,60% 70%,50% 100%,40% 70%,30% 100%,20% 70%,10% 100%,0 70%)}
.tag1{position:absolute;bottom:14%;right:12%;background:#d63a2f;color:#fff;padding:8px 14px;font-weight:700;transform:rotate(-8deg);border-radius:3px 12px 12px 3px}
h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1}h1 span{color:#d63a2f}.rt b{color:#d63a2f;font-size:1.3rem}
.btn{display:inline-block;background:#d63a2f;color:#fff;padding:14px 26px;text-decoration:none;font-weight:700;border-radius:4px;box-shadow:0 4px 0 #8f2119}
.tags{padding:50px 5vw;background:#1f2327;color:#fff}.tags h2,.board h2{font-size:2.1rem}.tg{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}
.tg div{background:#fff;color:#1f2327;padding:18px 20px 18px 34px;flex:1 1 200px;position:relative;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}.tg div:before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#1f2327}.tg h3{font-size:1.15rem;color:#d63a2f}.tg p{margin:4px 0 0}
.board{padding:60px 5vw;background:radial-gradient(circle,#00000022 2px,transparent 3px) 0 0/22px 22px #c8a77a}.src{font-weight:700}
.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:20px}.note{background:#fffbe8;padding:22px;box-shadow:0 10px 18px -10px #0007}.n0{transform:rotate(-1.5deg)}.n1{transform:rotate(1deg);background:#fff}.n2{transform:rotate(-.6deg);background:#fdeee9}.n3{transform:rotate(1.4deg)}
.note blockquote{margin:0 0 10px}.note p{font-weight:700;margin:0}
.cta{text-align:center;padding:50px 5vw}.cta h2{font-size:2rem;margin-bottom:16px}footer{text-align:center;padding:16px;font-size:.85rem;background:#1f2327;color:#bbb}
@media(max-width:760px){.hero{grid-template-columns:1fr}.peg{max-width:300px;margin:auto}}