/* Vellzion cultivar pages - built 2026-07-27. Tokens mirror the homepage. */
:root{
  --charcoal:#1A1816; --pepper:#2B2520; --ivory:#F5F0E6; --ivory-warm:#EDE5D5;
  --ivory-deep:#E5DCC8; --brass:#B8893A; --brass-light:#D4A658; --ember:#C2541C;
  --sage:#6B7A5A; --rule-dark:rgba(245,240,230,0.16);
  --serif:'Fraunces',Georgia,serif; --sans:'Hanken Grotesk',system-ui,sans-serif;
  --max:1080px; --gutter:clamp(20px,5vw,80px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--charcoal);color:var(--ivory);font-family:var(--sans);
  font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.site-head{border-bottom:1px solid var(--rule-dark)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-top:1.6rem;padding-bottom:1.6rem}
.mark{font-family:var(--serif);font-size:1.35rem;text-decoration:none;letter-spacing:.01em}
.mark span{color:var(--brass)}
.back{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ivory-deep);text-decoration:none;opacity:.8}
.back:hover{color:var(--brass)}
.crumb{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ivory-deep);opacity:.6;padding-top:3rem}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--brass)}
.eyebrow{display:flex;align-items:center;gap:1rem;margin-top:2.6rem;
  font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.eyebrow::before{content:"";width:46px;height:1px;background:var(--brass)}
h1{font-family:var(--serif);font-weight:300;letter-spacing:-.02em;line-height:1.02;
  font-size:clamp(2.6rem,7vw,4.6rem);margin:1.2rem 0 .9rem}
.origin{font-family:var(--serif);font-style:italic;font-size:1.05rem;
  color:var(--brass-light);margin-bottom:2rem}
.lede{font-size:1.06rem;max-width:62ch;color:var(--ivory-warm)}
section{padding:3.4rem 0;border-top:1px solid var(--rule-dark);margin-top:3.4rem}
h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin-bottom:1.8rem}
h2 .n{font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;color:var(--brass);
  display:block;margin-bottom:.7rem;text-transform:uppercase}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:1.05rem 1rem 1.05rem 0;border-bottom:1px solid var(--rule-dark);
  vertical-align:top}
th{width:34%;font-weight:400;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ivory-deep);opacity:.75;white-space:nowrap}
td{font-family:var(--serif);font-size:1rem}
.tbc{display:inline-block;padding:.2rem .7rem;border:1px dashed var(--ember);border-radius:2rem;
  font-family:var(--sans);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ember)}
.note{margin-top:1.6rem;font-size:.8rem;color:var(--ivory-deep);opacity:.75;max-width:62ch}
.cta{display:inline-block;margin-top:.6rem;padding:1.05rem 2.3rem;background:var(--brass);
  color:var(--charcoal);text-decoration:none;font-size:.68rem;letter-spacing:.18em;
  text-transform:uppercase;transition:background .3s}
.cta:hover{background:var(--brass-light)}
.others{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.others a{padding:.6rem 1.25rem;border:1px solid var(--rule-dark);border-radius:2rem;
  text-decoration:none;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ivory-deep);transition:all .3s}
.others a:hover{border-color:var(--brass);color:var(--ivory)}
.site-foot{border-top:1px solid var(--rule-dark);margin-top:4rem}
.site-foot .wrap{padding-top:2.4rem;padding-bottom:3.4rem;font-size:.72rem;
  color:var(--ivory-deep);opacity:.75;line-height:2}
.site-foot a{color:var(--brass);text-decoration:none}
@media(max-width:640px){
  th,td{display:block;width:100%;padding-right:0}
  th{border-bottom:none;padding-bottom:.35rem}
  td{padding-top:0}
}