:root{
  --moss:#3a5a40;
  --fern:#5a7d52;
  --sage:#a3b18a;
  --pale:#dcd8c4;
  --paper:#eae3cf;      /* warm kraft, not clean cream */
  --paper2:#e2dcc4;
  --bark:#33402c;
  --ink:#2b3524;
  --gold:#c9a227;
  --rust:#a9642f;
  --card:#fbf7e9;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}

body{
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  color:var(--ink);
  line-height:1.75;
  background-color:var(--paper);
  /* mottled, blotchy paper — uneven so it feels aged, not flat */
  background-image:
    radial-gradient(ellipse at 12% 18%, rgba(120,140,95,.10) 0 22%, transparent 55%),
    radial-gradient(ellipse at 82% 30%, rgba(169,100,47,.07) 0 20%, transparent 50%),
    radial-gradient(ellipse at 60% 88%, rgba(90,125,82,.10) 0 25%, transparent 55%),
    radial-gradient(ellipse at 30% 60%, rgba(201,162,39,.05) 0 30%, transparent 60%);
  position:relative;
}
/* faint paper grain over everything */
body::before{
  content:"";
  position:fixed;inset:0;z-index:1;pointer-events:none;
  opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");
}
body>*{position:relative;z-index:2;}

a{color:var(--rust);text-decoration:none;}
a:hover{color:var(--moss);text-decoration:underline wavy;}

/* ---------- header ---------- */
header{
  background:
    radial-gradient(circle at 25% 20%, rgba(255,255,255,.10), transparent 40%),
    linear-gradient(155deg,#3a5a40,#4a6b45 55%,#5a7d52);
  color:var(--paper);
  padding:4.5rem 1.5rem 5rem;
  text-align:center;
  position:relative;
  overflow:hidden;
}
/* torn-paper bottom edge instead of a smooth curve */
header::after{
  content:"";
  position:absolute;left:-2%;right:-2%;bottom:-4px;height:34px;
  background:var(--paper);
  clip-path:polygon(0 55%,4% 40%,9% 60%,14% 38%,20% 62%,26% 42%,32% 64%,
    38% 44%,45% 66%,52% 42%,59% 63%,66% 40%,72% 62%,79% 42%,85% 60%,
    91% 40%,96% 58%,100% 45%,100% 100%,0 100%);
}
header.slim{padding:3rem 1.5rem 3.4rem;}
.sprout{font-size:3.2rem;line-height:1;display:inline-block;transform:rotate(-8deg);}
header.slim .sprout{font-size:2.2rem;}
header h1{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:3.4rem;
  line-height:1.1;
  margin:.3rem 0 .4rem;
  font-weight:400;
  text-shadow:2px 2px 0 rgba(0,0,0,.12);
  transform:rotate(-1.5deg);
}
header h1 a{color:inherit;}
header h1 a:hover{color:inherit;text-decoration:none;}
header.slim h1{font-size:2.4rem;}
header p{
  font-style:italic;
  opacity:.94;
  font-size:1.15rem;
}

/* ---------- nav ---------- */
nav{
  text-align:center;
  padding:1rem;
  margin-top:.5rem;
}
nav a{
  color:var(--moss);
  margin:0 .3rem;
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.35rem;
  display:inline-block;
  padding:.1rem .7rem;
}
nav a:nth-child(1){transform:rotate(-2deg);}
nav a:nth-child(2){transform:rotate(1.5deg);}
nav a:nth-child(3){transform:rotate(-1deg);}
nav a:nth-child(4){transform:rotate(2deg);}
nav a:hover{color:var(--rust);text-decoration:none;}
nav a.current{color:var(--rust);border-bottom:2px dotted var(--sage);}

/* ---------- layout ---------- */
main{max-width:780px;margin:0 auto;padding:2.5rem 1.5rem;}
section{margin-bottom:4.5rem;}

h2{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:2.6rem;
  color:var(--moss);
  margin-bottom:1rem;
  font-weight:400;
  display:inline-block;
  /* hand-underline: a wobbly drawn stroke */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='12'%3E%3Cpath d='M2 7 C40 2 70 11 100 6 S170 2 198 7' stroke='%23a3b18a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:100% 10px;
  padding-bottom:.5rem;
}
.lead{font-size:1.18rem;color:var(--bark);}

/* ---------- writing cards ---------- */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:2rem 1.6rem;
  margin-top:2rem;
}
.card{
  background:var(--card);
  padding:1.5rem 1.4rem;
  /* wobbly hand-drawn border radius — nothing is a clean rectangle */
  border-radius:255px 15px 225px 15px/15px 225px 15px 255px;
  border:2px solid var(--bark);
  box-shadow:3px 4px 0 rgba(51,64,44,.18);
  transition:transform .2s ease,box-shadow .2s ease;
  display:block;
  color:inherit;
}
.card:nth-child(odd){transform:rotate(-1.4deg);}
.card:nth-child(even){transform:rotate(1.2deg);}
.card:hover{
  transform:rotate(0deg) translateY(-4px);
  box-shadow:5px 7px 0 rgba(51,64,44,.22);
  text-decoration:none;
}
a.card:hover h3{color:var(--rust);}
.card .tag{
  display:inline-block;
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1rem;
  color:var(--rust);
  margin-bottom:.4rem;
}
.card .tag::before{content:"❦ ";color:var(--sage);}
.card h3{color:var(--ink);font-size:1.35rem;margin-bottom:.3rem;font-weight:600;}
.card p{font-size:.98rem;color:#4a5a3f;}
.card .date{font-size:.82rem;color:var(--fern);font-style:italic;margin-top:.6rem;}

/* ---------- controls (search + filter) ---------- */
.controls{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  align-items:center;
  margin-top:1.6rem;
}
.controls input[type="search"]{
  font-family:inherit;
  font-size:1rem;
  color:var(--ink);
  background:var(--card);
  border:2px solid var(--bark);
  border-radius:225px 15px 225px 15px/15px 225px 15px 225px;
  padding:.55rem 1rem;
  flex:1 1 220px;
  min-width:180px;
}
.controls input[type="search"]:focus{outline:none;border-color:var(--moss);box-shadow:2px 3px 0 rgba(51,64,44,.15);}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;}
.chip{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.05rem;
  color:var(--moss);
  background:transparent;
  border:2px dotted var(--sage);
  border-radius:999px;
  padding:.15rem .9rem;
  cursor:pointer;
  transition:all .15s ease;
}
.chip:hover{color:var(--rust);border-color:var(--rust);}
.chip.active{background:var(--moss);color:var(--paper);border-style:solid;border-color:var(--moss);}
.empty{color:var(--fern);font-style:italic;margin-top:2rem;}

/* ---------- about ---------- */
.about{
  background:var(--card);
  padding:2.4rem;
  border:2px solid var(--bark);
  border-radius:15px 225px 15px 255px/255px 15px 225px 15px;
  box-shadow:4px 5px 0 rgba(51,64,44,.15);
  transform:rotate(-.6deg);
}
.about p:first-of-type{font-size:1.18rem;color:var(--bark);}
.about p{margin-bottom:1rem;}
blockquote{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.5rem;
  color:var(--moss);
  padding:.6rem 0 .6rem 1.4rem;
  border-left:4px dotted var(--sage);
  margin:1.4rem 0;
  line-height:1.4;
}

/* little doodle divider */
.doodle{
  text-align:center;
  color:var(--sage);
  font-size:1.4rem;
  letter-spacing:.6rem;
  margin:0 0 1rem;
}

/* ---------- article / reading page ---------- */
.post{
  background:var(--card);
  padding:2.6rem 2.4rem;
  border:2px solid var(--bark);
  border-radius:15px 225px 15px 255px/255px 15px 225px 15px;
  box-shadow:4px 5px 0 rgba(51,64,44,.15);
}
.post .tag{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  color:var(--rust);font-size:1.05rem;
}
.post .tag::before{content:"❦ ";color:var(--sage);}
.post h1{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:2.8rem;color:var(--moss);font-weight:400;line-height:1.1;
  margin:.2rem 0 .3rem;transform:rotate(-1deg);
}
.post .date{color:var(--fern);font-style:italic;font-size:.9rem;margin-bottom:1.6rem;display:block;}
.post p{margin-bottom:1.1rem;}
.post p:first-letter{}
.post .verse{white-space:pre-line;font-size:1.12rem;line-height:1.9;}
.post-nav{margin-top:2rem;text-align:center;}
.post-nav a{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.2rem;margin:0 .8rem;
}

/* ---------- footer ---------- */
footer{
  background:var(--bark);
  color:var(--pale);
  text-align:center;
  padding:2.8rem 1.5rem;
  font-size:.9rem;
  margin-top:2rem;
  position:relative;
}
footer::before{
  content:"";
  position:absolute;left:-2%;right:-2%;top:-14px;height:18px;
  background:var(--bark);
  clip-path:polygon(0 100%,5% 30%,11% 90%,17% 25%,24% 85%,31% 30%,38% 92%,
    45% 28%,52% 88%,59% 32%,66% 90%,73% 26%,80% 85%,87% 30%,94% 88%,100% 40%,100% 100%);
}
footer .sprout{font-size:1.8rem;transform:rotate(6deg);}
footer a{color:var(--sage);}
footer .hand{
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.2rem;color:var(--sage);
}
footer .foot-links{margin-top:.7rem;font-size:.95rem;}
footer .foot-links a{margin:0 .15rem;}

/* ==================================================================
   SHARED — buttons, section intro, newsletter
   ================================================================== */
.btn{
  display:inline-block;
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.25rem;
  color:var(--paper);
  background:var(--moss);
  border:2px solid var(--bark);
  border-radius:225px 15px 225px 15px/15px 225px 15px 225px;
  padding:.5rem 1.5rem;
  box-shadow:3px 4px 0 rgba(51,64,44,.2);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:4px 6px 0 rgba(51,64,44,.25);color:var(--paper);text-decoration:none;}
.btn.rust{background:var(--rust);}
.btn.ghost{background:transparent;color:var(--moss);}
.btn.ghost:hover{color:var(--rust);}

.newsletter{
  background:var(--card);border:2px dashed var(--sage);
  border-radius:15px 225px 15px 225px/225px 15px 225px 15px;
  padding:1.4rem 1.6rem;margin-top:2rem;
}
.newsletter label{display:block;font-size:1.1rem;color:var(--moss);margin-bottom:.6rem;
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;}
.nl-row{display:flex;gap:.6rem;flex-wrap:wrap;}
.newsletter input{flex:1 1 200px;font-family:inherit;font-size:1rem;color:var(--ink);
  background:#fff;border:2px solid var(--bark);border-radius:12px;padding:.5rem .9rem;}

/* ==================================================================
   COMMISSIONS
   ================================================================== */
.status{
  display:inline-block;font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.4rem;padding:.35rem 1.3rem;border-radius:999px;border:2px solid var(--bark);
  box-shadow:3px 4px 0 rgba(51,64,44,.18);margin-bottom:.5rem;
}
.status.open{background:#5a7d52;color:var(--paper);}
.status.closed{background:#b25b3a;color:var(--paper);}
.status.waitlist{background:var(--gold);color:var(--ink);}
.status-note{color:var(--bark);font-style:italic;margin-bottom:1.4rem;}

.tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.6rem;margin:2rem 0;}
.tier{
  background:var(--card);border:2px solid var(--bark);
  border-radius:255px 15px 225px 15px/15px 225px 15px 255px;
  padding:1.5rem 1.4rem;box-shadow:3px 4px 0 rgba(51,64,44,.18);display:flex;flex-direction:column;
}
.tier:nth-child(even){transform:rotate(1deg);}
.tier:nth-child(odd){transform:rotate(-1deg);}
.tier h3{font-size:1.4rem;color:var(--ink);margin-bottom:.1rem;}
.tier .price{font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;
  font-size:1.9rem;color:var(--rust);line-height:1;margin:.2rem 0 .5rem;}
.tier .blurb{font-style:italic;color:var(--bark);margin-bottom:.7rem;}
.tier ul{list-style:none;margin:0 0 1rem;padding:0;font-size:.95rem;color:#4a5a3f;}
.tier ul li{padding-left:1.3rem;position:relative;margin-bottom:.3rem;}
.tier ul li::before{content:"🌱";position:absolute;left:0;font-size:.85rem;}
.tier .btn{margin-top:auto;text-align:center;font-size:1.05rem;padding:.4rem 1rem;}

.addons{list-style:none;padding:0;margin:1rem 0 0;}
.addons li{display:flex;justify-content:space-between;border-bottom:1px dotted var(--sage);
  padding:.4rem 0;max-width:420px;}
.addons li span:last-child{color:var(--rust);font-weight:600;}

.tos{padding-left:1.2rem;color:#4a5a3f;}
.tos li{margin-bottom:.4rem;}
.faq dt{font-weight:600;color:var(--moss);margin-top:1rem;}
.faq dd{margin:.2rem 0 0;color:#4a5a3f;}

/* ==================================================================
   SUPPORT hub
   ================================================================== */
.support-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.6rem;margin-top:2rem;}
.support-btn{
  display:block;background:var(--card);border:2px solid var(--bark);color:inherit;
  border-radius:15px 225px 15px 255px/255px 15px 225px 15px;
  padding:1.6rem 1.5rem;box-shadow:3px 4px 0 rgba(51,64,44,.18);
  transition:transform .2s ease, box-shadow .2s ease;
}
.support-btn:nth-child(even){transform:rotate(1deg);}
.support-btn:nth-child(odd){transform:rotate(-1deg);}
.support-btn:hover{transform:translateY(-4px) rotate(0);box-shadow:5px 7px 0 rgba(51,64,44,.22);text-decoration:none;}
.support-btn .ico{font-size:2.2rem;display:block;margin-bottom:.4rem;}
.support-btn h3{color:var(--ink);font-size:1.3rem;margin-bottom:.2rem;}
.support-btn p{color:#4a5a3f;font-size:.95rem;}
.support-goal{margin-top:2rem;font-style:italic;color:var(--moss);
  border-left:4px dotted var(--sage);padding-left:1rem;}

/* ==================================================================
   VIDEOS
   ================================================================== */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;}
.video{background:var(--card);border:2px solid var(--bark);
  border-radius:15px;overflow:hidden;box-shadow:3px 4px 0 rgba(51,64,44,.18);}
.video-embed{position:relative;width:100%;padding-top:56.25%;background:#2b3524;}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-meta{padding:1rem 1.2rem;}
.video-meta h3{font-size:1.2rem;color:var(--ink);margin-bottom:.2rem;}
.video-meta .date{font-size:.82rem;color:var(--fern);font-style:italic;}
.video-meta p{font-size:.95rem;color:#4a5a3f;margin-top:.4rem;}

/* ==================================================================
   UPDATES feed
   ================================================================== */
.update{background:var(--card);border:2px solid var(--bark);
  border-radius:255px 15px 225px 15px/15px 225px 15px 255px;
  padding:1.6rem 1.8rem;box-shadow:3px 4px 0 rgba(51,64,44,.18);margin-bottom:2rem;}
.update:nth-child(even){transform:rotate(.5deg);}
.update:nth-child(odd){transform:rotate(-.5deg);}
.update .u-head{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin-bottom:.4rem;}
.update h3{font-size:1.4rem;color:var(--moss);
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;font-weight:400;}
.update .u-tag{font-size:.8rem;color:var(--paper);background:var(--fern);
  border-radius:999px;padding:.1rem .7rem;}
.update .date{font-size:.82rem;color:var(--fern);font-style:italic;}

/* ==================================================================
   NOW page + WIP tracker
   ================================================================== */
.now-text{font-size:1.2rem;color:var(--bark);}
.wip{margin-top:2rem;}
.wip-item{margin-bottom:1.5rem;}
.wip-item .wip-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;}
.wip-item h3{font-size:1.2rem;color:var(--ink);}
.wip-item .count{font-size:.9rem;color:var(--fern);font-style:italic;}
.bar{height:16px;background:#d8d2ba;border:2px solid var(--bark);border-radius:999px;overflow:hidden;margin:.4rem 0 .3rem;}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--fern),var(--moss));border-radius:999px;}
.wip-item .note{font-size:.9rem;color:#4a5a3f;}