:root{--ink:#29251f;--muted:#6b645b;--paper:#f6f0e5;--card:#fffaf1;--wood:#8b4f2d;--deep:#26352d;--line:#d8cbb8;--gold:#d6a34b;--max:1120px}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:#704025;text-decoration-thickness:1px;text-underline-offset:3px}img{max-width:100%}
.wrap{width:min(var(--max),92%);margin:auto}.site-head{background:var(--deep);color:white}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{font-family:Georgia,serif;font-weight:700;font-size:1.35rem;color:white;text-decoration:none}.brand span{color:#e8b85f}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:#f5efe5;text-decoration:none;font-size:.95rem}.hero{padding:70px 0 58px;background:linear-gradient(135deg,#26352d,#3c4b3f);color:white}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.76rem;color:#e8b85f}.hero h1,h1,h2,h3{font-family:Georgia,serif;line-height:1.15}.hero h1{font-size:clamp(2.5rem,6vw,5rem);margin:.25em 0}.hero p{font-size:1.16rem;max-width:700px;color:#f0ece5}.bench{border:1px solid #617064;padding:28px;border-radius:18px;background:#314139}.bench strong{font-size:1.2rem}.btn{display:inline-block;padding:12px 18px;border-radius:7px;background:var(--wood);color:white;text-decoration:none;font-weight:800;margin:6px 8px 6px 0}.btn.alt{background:var(--gold);color:#241d13}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}main{padding:44px 0 70px}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:26px}.lead{font-size:1.16rem;max-width:820px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.card h3{margin-top:0}.tag{display:inline-block;background:#e8dece;padding:3px 9px;border-radius:99px;font-size:.78rem;font-weight:700;margin:2px}.note,.cta{border-left:5px solid var(--gold);background:#fff8e9;padding:20px 22px;margin:28px 0}.cta{border-left-color:var(--wood)}.section{margin:48px 0}.section h2{font-size:2rem}.checklist li{margin:8px 0}.compare{width:100%;border-collapse:collapse;background:var(--card);margin:22px 0}.compare th,.compare td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.next{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.site-foot{background:#201f1b;color:#d9d2c8;padding:36px 0}.site-foot a{color:#f1d59d}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.fine{font-size:.85rem;color:#8a8277}.article{max-width:850px}.article h1{font-size:clamp(2.25rem,5vw,4rem);margin:.25em 0}.article h2{margin-top:2em}.kicker{font-size:.95rem;color:var(--muted);font-weight:700}.disclosure{font-size:.88rem;background:#ece3d5;padding:12px 15px;border-radius:8px}.decision{display:grid;grid-template-columns:1fr 1fr;gap:16px}.decision div{background:var(--card);border:1px solid var(--line);padding:18px;border-radius:10px}
@media(max-width:760px){.topbar{align-items:flex-start;padding:18px 0;flex-direction:column}.nav{gap:12px}.hero-grid,.grid,.next,.footgrid,.decision{grid-template-columns:1fr}.hero{padding:46px 0}.grid{gap:14px}.compare{font-size:.9rem}}


.top-affiliate-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0.7rem 1rem;
  border-radius: 0.45rem;
  background: #8b4a24;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
}
.top-affiliate-cta:hover,
.top-affiliate-cta:focus {
  text-decoration: none;
  filter: brightness(0.94);
}
@media (max-width: 760px) {
  .top-affiliate-cta {
    margin-left: 0;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    white-space: normal;
    text-align: center;
  }
}


.finder{background:#f3eee5;border:1px solid #d8c9b5;border-radius:18px;padding:1.4rem;margin-top:1.5rem}
.finder-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem 0;border-top:1px solid #ded2c2}
.finder-row:first-of-type{border-top:0}
.finder-row strong{min-width:72px}
.finder-row a{display:inline-block;background:#fff;border:1px solid #cdbda7;border-radius:999px;padding:.48rem .72rem;text-decoration:none;font-weight:700}
.finder-row a:hover,.finder-row a:focus{border-color:#8b4a24}
.project-visual{min-height:180px;border-radius:14px;background:linear-gradient(135deg,#d9c3a6 0 32%,#f2e9dc 32% 58%,#b78355 58% 72%,#e9ddca 72%);position:relative;overflow:hidden}
.project-visual:after{content:"Weekend project finder";position:absolute;left:1rem;bottom:1rem;background:#fff;padding:.55rem .7rem;border-radius:8px;font-weight:800}
@media(max-width:760px){.finder-row{align-items:flex-start}.finder-row strong{width:100%}}


/* v5 visual refinement */
:root{--paper:#f7f0e4;--paper-2:#fffaf1;--ink:#242018;--forest:#20392f;--forest-2:#2d4b3d;--amber:#d8a13d;--copper:#9d512b;--line:#dfd1bc}
body{background:var(--paper);color:var(--ink)}
header{box-shadow:0 1px 0 rgba(255,255,255,.06)}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--forest) 0%,#284438 72%,#315043 100%)}

.hero .wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:3.2rem;align-items:center}
.hero h1{max-width:760px;letter-spacing:-.025em;line-height:.98}
.hero p{max-width:650px;font-size:1.06rem}



.cta{gap:.75rem}
.btn,.top-affiliate-cta{box-shadow:0 5px 14px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn:hover,.btn:focus,.top-affiliate-cta:hover,.top-affiliate-cta:focus{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.hero .btn.alt{background:var(--amber);color:#211a11}
.hero .btn:not(.alt){background:var(--copper);color:#fff}
.finder{box-shadow:0 12px 30px rgba(57,42,22,.06);background:linear-gradient(180deg,#f8f1e6,#f3e9da)}
.finder h2{margin-bottom:.8rem}
.finder-row a{transition:transform .15s ease,background .15s ease,border-color .15s ease}
.finder-row a:hover,.finder-row a:focus{transform:translateY(-1px);background:#fffaf2}
.grid .card{position:relative;overflow:hidden;background:var(--paper-2);border-color:var(--line);box-shadow:0 7px 18px rgba(64,45,24,.045);transition:transform .15s ease,box-shadow .15s ease}
.grid .card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(64,45,24,.08)}

.section>h2{letter-spacing:-.015em}
main .wrap>.section{margin-top:2.4rem}
footer{margin-top:4rem}
@media(max-width:900px){
 .hero .wrap{grid-template-columns:1fr;gap:1.8rem}
 
}
@media(max-width:760px){
 .hero{padding-top:2.8rem}
 .hero h1{font-size:clamp(2.5rem,12vw,4.2rem)}
 
}


/* v6 clean hero */
.hero .wrap{display:block;max-width:980px}
.hero h1{max-width:760px}
.hero p{max-width:690px}
.hero .cta{margin-top:1.35rem}
@media(max-width:900px){.hero .wrap{display:block}}


/* v10 homepage finish */
.next-projects{margin-top:2.2rem}
.project-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.project-link-grid a{display:block;background:#fffaf1;border:1px solid #dfd1bc;border-radius:10px;padding:.85rem 1rem;font-weight:700;text-decoration:none;box-shadow:0 5px 14px rgba(64,45,24,.035)}
.project-link-grid a:hover,.project-link-grid a:focus{border-color:#9d512b;text-decoration:underline}
main{padding-bottom:2.5rem}
footer{margin-top:0}
@media(max-width:760px){.project-link-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.project-link-grid{grid-template-columns:1fr}}