:root{
  /* Draft 4: richer Draft-1 palette application. Brand tokens: Sage PMS 8281, Red PMS 200 */
  /* Brand palette only (Redgum Guidelines 1.0): PMS 8281 sage (#7CA590, sampled from master artwork),
     PMS 200 red (#D31145, from logotype), black tones, white. Box tones = tints of the brand green,
     echoing the halftone leaf. Former ochre/river picks removed. */
  --sage:#7EA5A0; --sage-d:#5f8681; --red:#D31145; --ink:#20241f; --paper:#ffffff;
  --gum:#22423a; --gum-d:#1a332d;
  --cream:#eff4f1; --muted:#6f726e; --line:#dfe7e3; --sage-tint:#eef3f0;
  --ochre:#476b5f; --ochre-tint:#e4edea;   /* tone 1: mid gum green (Commercialising) */
  --euca:#7EA5A0; --euca-tint:#eef3f0;     /* tone 2: brand sage (Operational) */
  --river:#2c4a41; --river-tint:#e4ebe8;   /* tone 3: deep gum (Customer & integration) */
  --wrap:1120px; --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Barlow",-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);
  background:var(--paper);line-height:1.62;font-size:17px;font-weight:400;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
a{color:var(--sage-d);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99;border-radius:8px}

/* header */
header.site{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:28px;height:70px}
.brand{flex:0 0 auto;display:flex;align-items:center}
/* Draft 4: official redgum logotype, vectorised from "Just Redgum - Red - medium.psd" */
.brand img{display:none}
.brand::after{content:"";display:block;width:120px;height:33px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 968 264'%3E%3Cpath fill='%23D31145' fill-rule='evenodd' d='M473 252C473 241 474 241 476 238L479 236L510 236L542 236L546 233C553 230 555 224 553 219C551 215 551 215 520 215C497 215 492 215 488 213C485 213 481 211 478 210C465 206 460 200 454 186L450 176L449 135C449 89 449 86 454 75C458 66 466 58 472 56C475 55 478 54 480 53C483 52 491 52 517 52C551 52 551 52 559 55C572 59 581 69 583 83C584 92 584 228 583 234C581 242 574 252 569 256C566 258 564 260 563 261L563 264L518 264L473 264L473 252ZM0 143L0 70L2 69C3 68 7 65 10 62C18 54 24 52 63 52L93 52L95 55C97 57 97 60 97 67C98 81 100 80 67 80C37 80 36 80 31 88L28 92L28 150L28 209L26 212C23 214 23 215 12 215L0 215L0 143ZM160 214C159 213 155 212 153 211C140 209 132 203 125 189L121 180L121 132L122 84L126 75C129 68 131 65 134 63C136 62 139 60 140 59C146 54 157 53 188 52C216 52 217 52 226 54C238 58 246 64 249 73C253 84 255 93 255 102L254 110L250 114C248 116 243 119 240 120C237 121 232 123 230 124C228 126 224 127 222 128C219 129 216 131 214 132C211 134 208 135 206 136C204 136 200 138 196 140C192 142 189 144 188 144C187 144 184 146 181 147C178 149 174 151 172 151C170 152 166 154 163 155C161 157 158 159 156 159C151 161 149 168 152 177C155 184 154 184 206 184C248 184 253 184 255 186C257 188 256 212 254 213C251 215 165 216 160 214ZM324 214C322 214 319 212 316 212C314 211 310 209 308 208C302 207 290 195 288 189C287 184 287 80 288 75C289 72 291 68 296 64C302 57 303 57 312 54C322 52 323 52 353 52L385 52L388 50L390 47L391 24L391 0L404 0L417 0L417 91C417 141 417 183 416 185C415 191 401 206 396 208C394 209 390 210 388 211C386 212 381 213 377 214C370 215 331 215 324 214ZM661 214C635 210 628 206 620 191L616 184L616 121C616 57 616 54 620 52C621 52 626 52 632 52C641 52 642 53 644 55L646 57L647 116C647 181 647 179 653 183C656 184 660 184 684 184L713 184L716 181C721 176 720 178 721 116L722 57L724 54C729 51 743 51 748 54L750 57L750 119C750 181 750 182 748 186C747 188 746 191 745 193C743 200 734 207 724 210C706 215 677 217 661 214ZM786 214C785 212 784 211 784 153C784 88 784 81 789 71C793 63 799 58 809 55C820 51 849 51 858 54C861 55 865 56 866 56C867 56 870 58 872 60C876 64 877 64 881 60C888 54 900 52 921 52C933 52 939 52 942 53C944 54 947 55 950 56C953 57 955 58 958 62C960 65 964 68 965 69L968 70L968 143L968 215L956 215C945 215 945 214 942 212L940 209L940 150C940 85 941 91 934 84C931 82 930 81 916 81C899 81 898 81 894 92C892 98 892 100 892 154L892 209L890 212C887 214 887 215 878 215C863 215 865 223 864 151C863 84 864 89 857 84C853 81 853 81 838 81C813 81 815 75 815 150L814 210L812 212C809 215 790 216 786 214ZM384 179C391 171 391 173 391 131C391 101 391 93 390 91C388 88 382 82 379 81C375 80 326 80 323 81C322 82 319 84 317 87L313 92L313 130C313 172 313 174 319 180L323 184L351 184L379 184L384 179ZM547 183C553 180 553 178 553 132L553 90L550 86C545 80 545 80 519 80C493 80 490 80 484 86L480 90L479 131C479 188 476 184 517 184C536 184 546 184 547 183ZM162 124C164 122 167 121 170 120C172 119 177 118 179 116C181 114 185 113 187 112C189 112 193 110 196 108C198 106 202 105 205 104C207 104 211 102 214 100C216 98 219 97 219 97C224 97 225 90 222 85C217 80 216 80 187 80C157 81 157 81 153 88C151 92 150 123 152 126C154 128 159 127 162 124Z'/%3E%3C/svg%3E") center/contain no-repeat}
.brand:hover{text-decoration:none}
.mainnav{display:flex;gap:26px;margin-left:auto;align-items:center}
.mainnav a{color:var(--ink);font-weight:500;font-size:15.5px;letter-spacing:.01em}
.mainnav a:hover{color:var(--sage-d);text-decoration:none}
.mainnav a.active{color:var(--red)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;background:var(--red);color:#fff;
  padding:.72em 1.25em;border-radius:999px;font-weight:600;font-size:15px;line-height:1;border:1.5px solid var(--red)}
.btn:hover{background:#b30e3a;border-color:#b30e3a;text-decoration:none;color:#fff}
.btn .ar{transition:transform .15s}
.btn:hover .ar{transform:translateX(3px)}
.btn-ghost{background:transparent;color:var(--ink);border-color:#a9a290}
.btn-ghost:hover{background:var(--sage-tint);border-color:var(--sage);color:var(--ink)}
.btn-sm{padding:.6em 1.05em;font-size:14px;margin-left:8px}
.mainnav + .btn-sm{margin-left:8px}
.btn-rss{background:var(--gum);border-color:var(--gum)}
.btn-rss:hover{background:var(--gum-d);border-color:var(--gum-d)}
.band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.band .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* hero — Draft 4 tweak round 2: flat brand sage (PMS 8281) like Draft 1, white copy,
   white buttons with red text, oversized white leaf device flowing off the top-right edge */
.hero{background:var(--sage);border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.herogrid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding:84px 24px 76px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;font-weight:600;color:#eef3ef;margin:0 0 14px}
.herocopy{position:relative;z-index:2;max-width:62ch}
.herocopy h1{font-size:52px;line-height:1.06;font-weight:700;letter-spacing:-.02em;margin:0 0 20px;color:#fff}
.lead{font-size:20px;color:#f2f6f1;margin:0 0 28px;max-width:52ch}
.herobtns{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn{background:#fff;color:var(--red);border-color:#fff}
.hero .btn:hover{background:var(--cream);border-color:var(--cream);color:var(--red)}
.hero .btn-ghost{background:#fff;color:var(--red);border-color:#fff}
.hero .btn-ghost:hover{background:var(--cream);border-color:var(--cream);color:var(--red)}
.heroart{position:absolute;top:-90px;right:-110px;z-index:1;pointer-events:none}
.leafart{width:640px;max-width:none;filter:brightness(0) invert(1);opacity:.55}

/* page hero — same colours as the home hero (brand sage, white copy), with a leaf segment
   flowing off the top-right instead of a generic dot pattern */
.pagehero{background:var(--sage);color:#fff;
  border-bottom:1px solid var(--line);padding:56px 0 44px;position:relative;overflow:hidden}
.pagehero::after{content:"";position:absolute;right:-160px;top:-110px;width:640px;height:340px;
  background:url(leaf-wave-white.svg) no-repeat;background-size:640px auto;
  opacity:.5;pointer-events:none}
.pagehero h1{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.015em;margin:0;max-width:24ch;color:#fff;position:relative;z-index:1}
.pagehero .sub{color:#f2f6f2;font-size:18px;max-width:62ch;margin:14px 0 0;position:relative;z-index:1}
.pagehero .btn-rss{background:#fff;color:var(--gum-d);border-color:#fff}
.pagehero .btn-rss:hover{background:var(--cream);border-color:var(--cream);color:var(--gum-d)}
.chips{margin:0 0 16px;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:12.5px;font-weight:600;
  padding:5px 12px;border-radius:999px;letter-spacing:.01em}
.chip:hover{text-decoration:none;background:rgba(255,255,255,.2)}
a.chip{cursor:pointer}
.prose .chips .chip,.related .chip{background:#fff;border:1px solid var(--sage);color:var(--sage-d)}

/* tonal bands */
.band{background:linear-gradient(150deg,var(--gum) 0%,var(--gum-d) 100%);color:#e9eee9;padding:64px 0;position:relative;overflow:hidden}
/* leaf segment flipped horizontally so it starts at the left page edge, framing the band */
.band::before{content:"";position:absolute;left:0;bottom:-70px;width:620px;height:320px;
  background:url(leaf-wave-white.svg) no-repeat right bottom;background-size:620px auto;
  transform:scaleX(-1);transform-origin:center;opacity:.14;pointer-events:none}
.band h2{color:#fff}
.band a:not(.btn){color:#cfe0dc}
.band-cream{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:58px 0}
.bigpair{font-size:34px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:0 0 22px;max-width:24ch}
.bigpair .a{color:#a9c3be}
.bigpair .b{color:#fff}
.band-cream .bigpair .a{color:var(--muted)}
.band-cream .bigpair .b{color:var(--gum-d)}

/* split sections */
.split{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;padding:64px 24px}
.split.rev{grid-template-columns:1.15fr 1fr}
.split h2{font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--gum-d)}
.split .statement{position:relative;padding-left:20px}
.split .statement::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:5px;border-radius:3px;
  background:linear-gradient(180deg,var(--sage),var(--red))}
.split p{margin:0 0 16px}

/* card grids */
.cards{display:grid;gap:22px;margin:26px 0 8px;padding:0;list-style:none}
.cards.c2{grid-template-columns:1fr 1fr}
.cards.c3{grid-template-columns:1fr 1fr 1fr}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s;position:relative}
.card:hover{box-shadow:0 14px 34px rgba(32,36,31,.13);transform:translateY(-3px)}
.card a.cover{position:absolute;inset:0;z-index:2}
.cardart{height:120px;position:relative;background:
  linear-gradient(150deg,var(--sage) 0%,var(--sage-d) 100%)}
.cardart::after{content:"";position:absolute;inset:0;
  background:url(leaf-wave-white.svg) no-repeat right -70px top -70px;background-size:420px auto;
  opacity:.55;-webkit-mask-image:linear-gradient(115deg,transparent 30%,#000 90%);mask-image:linear-gradient(115deg,transparent 30%,#000 90%)}
.cardart .mark{position:absolute;left:18px;bottom:12px;color:#fff;font-weight:700;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;opacity:.95}
.t-ochre .cardart{background:linear-gradient(150deg,var(--ochre) 0%,#33544a 100%)}
.t-euca .cardart{background:linear-gradient(150deg,var(--euca) 0%,#5f8681 100%)}
.t-river .cardart{background:linear-gradient(150deg,var(--river) 0%,#1d332c 100%)}
.t-red .cardart{background:linear-gradient(150deg,#d33a56 0%,var(--red) 100%)}
.t-gum .cardart{background:linear-gradient(150deg,var(--gum) 0%,var(--gum-d) 100%)}
.cardbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.cardbody h3{margin:0;font-size:18.5px;font-weight:700;line-height:1.3;color:var(--gum-d)}
.cardbody p{margin:0;font-size:15px;color:#4a4e49;flex:1}
.cardtags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.tag{font-size:11.5px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border-radius:999px;
  background:var(--sage-tint);color:var(--sage-d)}
.t-ochre .tag{background:var(--ochre-tint);color:#3b584e}
.t-river .tag{background:var(--river-tint);color:#2c4a41}
.cardgo{font-weight:600;font-size:14px;color:var(--red)}
.card:hover .cardgo{text-decoration:underline}
/* featured wide card */
.card.featured{grid-column:1/-1;flex-direction:row;min-height:180px}
.card.featured .cardart{width:34%;height:auto;min-height:100%}
.card.featured .cardbody h3{font-size:24px}

/* group headings with tone dot */
.grouphead{display:flex;align-items:center;gap:12px;margin:52px 0 4px}
.grouphead h2{margin:0!important}
.dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}
.dot.ochre{background:var(--ochre)} .dot.euca{background:var(--euca)} .dot.river{background:var(--river)}

/* fold-out case studies */
details.fold{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}
details.fold summary{cursor:pointer;list-style:none;display:flex;gap:18px;align-items:stretch;min-height:120px}
details.fold summary::-webkit-details-marker{display:none}
.foldart{flex:0 0 130px;background:linear-gradient(150deg,var(--sage),var(--sage-d));position:relative}
.foldart::after{content:"";position:absolute;inset:0;background:url(leaf-wave-white.svg) no-repeat center/280px auto;opacity:.6;
  -webkit-mask-image:linear-gradient(160deg,transparent 15%,#000 100%);mask-image:linear-gradient(160deg,transparent 15%,#000 100%)}
details.fold.t-ochre .foldart{background:linear-gradient(150deg,var(--ochre),#33544a)}
details.fold.t-river .foldart{background:linear-gradient(150deg,var(--river),#1d332c)}
.foldhead{padding:18px 18px 16px;flex:1}
.foldhead h3{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--gum-d)}
.foldhead p{margin:0;font-size:15.5px;color:#4a4e49}
.foldcue{align-self:center;margin-right:20px;flex:0 0 auto;color:var(--red);font-weight:600;font-size:14px;white-space:nowrap}
details.fold[open] .foldcue .less{display:inline} details.fold .foldcue .less{display:none}
details.fold[open] .foldcue .more{display:none}
.foldbody{padding:4px 24px 22px;border-top:1px dashed var(--line)}
.foldbody p{margin:14px 0 0;font-size:16px}
details.fold:hover{box-shadow:0 12px 30px rgba(32,36,31,.12)}

/* how-we-work steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 10px;padding:0;list-style:none}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;text-align:left;position:relative}
.step .n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--gum);color:#fff;
  align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-bottom:10px}
.step h3{margin:0 0 6px;font-size:17px;font-weight:700}
.step p{margin:0;font-size:14.5px;color:#4a4e49}
.step::after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--sage);font-size:20px;font-weight:700}
.step:last-child::after{display:none}

/* book product shot (CSS mock until photography exists) */
.bookwrap{display:flex;justify-content:center;padding:10px}
.book3d{width:230px;height:330px;border-radius:4px 10px 10px 4px;position:relative;
  background:linear-gradient(150deg,var(--gum) 0%,var(--gum-d) 78%);
  box-shadow:-24px 18px 40px rgba(32,36,31,.28), inset 8px 0 14px rgba(0,0,0,.28);
  transform:perspective(900px) rotateY(-14deg);color:#fff;padding:26px 22px;display:flex;flex-direction:column}
.book3d::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.18)}
.book3d .bt{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:6px 0 8px}
.book3d .bs{font-size:12.5px;color:#c9d6d0;line-height:1.45}
.book3d .ba{margin-top:auto;font-size:13px;font-weight:600;color:#e9eee9}
.book3d .leaf{width:44px;opacity:.9}

/* RSS row */
.rssrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 0}

/* prose */
.prose{padding:52px 24px 64px;max-width:820px}
.prose.home{max-width:var(--wrap);padding-top:60px}
.prose.wide{max-width:var(--wrap)}
.prose h2{font-size:27px;font-weight:700;letter-spacing:-.01em;margin:44px 0 14px;line-height:1.2;color:var(--gum-d)}
.prose h3{font-size:20px;font-weight:600;margin:30px 0 10px}
.prose h4{font-size:16px;font-weight:700;margin:22px 0 8px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:1.25em}
.prose li{margin:0 0 9px}
.prose strong{font-weight:600}
.prose blockquote{margin:26px 0;padding:16px 22px;border-left:4px solid var(--sage);
  background:var(--cream);border-radius:0 10px 10px 0;font-size:18px;color:#3a3e39}
.prose blockquote p{margin:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.prose a{color:var(--sage-d);font-weight:500;text-decoration:underline;text-decoration-color:#cfe0dc;text-underline-offset:3px}
.prose a:hover{text-decoration-color:var(--sage)}
.prose a.btn,.prose a.btn:hover{color:#fff;text-decoration:none}
.prose a.btn-ghost{color:var(--ink)}
.prose a.card,.prose .card a{text-decoration:none}
.inlink{display:inline-block;background:var(--sage-tint);color:var(--sage-d)!important;font-weight:600;
  font-size:14px;padding:2px 10px;border-radius:999px;text-decoration:none!important;margin:2px 2px}
.inlink:hover{background:#e0ebe8}
.prose.home h2{font-size:30px}

/* quiet strip */
.strip{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 22px;font-size:15.5px;color:#4a4e49;margin:20px 0 0}

/* footer */
footer.site{background:var(--gum-d);color:#cfd2cd;margin-top:20px;border-top:4px solid var(--red)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:52px 24px 34px}
.fcol h4{color:#fff;font-size:14px;letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase}
.fcol a{display:block;color:#cfd2cd;font-size:14.5px;margin:0 0 8px}
.fcol a:hover{color:#fff;text-decoration:none}
/* Draft 4: official redgum logotype in white for the footer */
.fbrand img{display:none}
.fbrand::before{content:"";display:block;width:110px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 968 264'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M473 252C473 241 474 241 476 238L479 236L510 236L542 236L546 233C553 230 555 224 553 219C551 215 551 215 520 215C497 215 492 215 488 213C485 213 481 211 478 210C465 206 460 200 454 186L450 176L449 135C449 89 449 86 454 75C458 66 466 58 472 56C475 55 478 54 480 53C483 52 491 52 517 52C551 52 551 52 559 55C572 59 581 69 583 83C584 92 584 228 583 234C581 242 574 252 569 256C566 258 564 260 563 261L563 264L518 264L473 264L473 252ZM0 143L0 70L2 69C3 68 7 65 10 62C18 54 24 52 63 52L93 52L95 55C97 57 97 60 97 67C98 81 100 80 67 80C37 80 36 80 31 88L28 92L28 150L28 209L26 212C23 214 23 215 12 215L0 215L0 143ZM160 214C159 213 155 212 153 211C140 209 132 203 125 189L121 180L121 132L122 84L126 75C129 68 131 65 134 63C136 62 139 60 140 59C146 54 157 53 188 52C216 52 217 52 226 54C238 58 246 64 249 73C253 84 255 93 255 102L254 110L250 114C248 116 243 119 240 120C237 121 232 123 230 124C228 126 224 127 222 128C219 129 216 131 214 132C211 134 208 135 206 136C204 136 200 138 196 140C192 142 189 144 188 144C187 144 184 146 181 147C178 149 174 151 172 151C170 152 166 154 163 155C161 157 158 159 156 159C151 161 149 168 152 177C155 184 154 184 206 184C248 184 253 184 255 186C257 188 256 212 254 213C251 215 165 216 160 214ZM324 214C322 214 319 212 316 212C314 211 310 209 308 208C302 207 290 195 288 189C287 184 287 80 288 75C289 72 291 68 296 64C302 57 303 57 312 54C322 52 323 52 353 52L385 52L388 50L390 47L391 24L391 0L404 0L417 0L417 91C417 141 417 183 416 185C415 191 401 206 396 208C394 209 390 210 388 211C386 212 381 213 377 214C370 215 331 215 324 214ZM661 214C635 210 628 206 620 191L616 184L616 121C616 57 616 54 620 52C621 52 626 52 632 52C641 52 642 53 644 55L646 57L647 116C647 181 647 179 653 183C656 184 660 184 684 184L713 184L716 181C721 176 720 178 721 116L722 57L724 54C729 51 743 51 748 54L750 57L750 119C750 181 750 182 748 186C747 188 746 191 745 193C743 200 734 207 724 210C706 215 677 217 661 214ZM786 214C785 212 784 211 784 153C784 88 784 81 789 71C793 63 799 58 809 55C820 51 849 51 858 54C861 55 865 56 866 56C867 56 870 58 872 60C876 64 877 64 881 60C888 54 900 52 921 52C933 52 939 52 942 53C944 54 947 55 950 56C953 57 955 58 958 62C960 65 964 68 965 69L968 70L968 143L968 215L956 215C945 215 945 214 942 212L940 209L940 150C940 85 941 91 934 84C931 82 930 81 916 81C899 81 898 81 894 92C892 98 892 100 892 154L892 209L890 212C887 214 887 215 878 215C863 215 865 223 864 151C863 84 864 89 857 84C853 81 853 81 838 81C813 81 815 75 815 150L814 210L812 212C809 215 790 216 786 214ZM384 179C391 171 391 173 391 131C391 101 391 93 390 91C388 88 382 82 379 81C375 80 326 80 323 81C322 82 319 84 317 87L313 92L313 130C313 172 313 174 319 180L323 184L351 184L379 184L384 179ZM547 183C553 180 553 178 553 132L553 90L550 86C545 80 545 80 519 80C493 80 490 80 484 86L480 90L479 131C479 188 476 184 517 184C536 184 546 184 547 183ZM162 124C164 122 167 121 170 120C172 119 177 118 179 116C181 114 185 113 187 112C189 112 193 110 196 108C198 106 202 105 205 104C207 104 211 102 214 100C216 98 219 97 219 97C224 97 225 90 222 85C217 80 216 80 187 80C157 81 157 81 153 88C151 92 150 123 152 126C154 128 159 127 162 124Z'/%3E%3C/svg%3E") left center/contain no-repeat}
.fbrand p{font-size:14.5px;color:#a7aaa4;max-width:34ch;margin:14px 0 0}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.14);padding:18px 24px 30px;font-size:13.5px;color:#9a9d97}
.fbot a{color:#cfd2cd}

@media(max-width:920px){
  .cards.c3{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .step::after{display:none}
}
@media(max-width:860px){
  .herogrid{grid-template-columns:1fr;padding:48px 24px 40px}
  .heroart{top:-60px;right:-140px}
  .leafart{width:420px;opacity:.3}
  .herocopy h1{font-size:38px}
  .fgrid{grid-template-columns:1fr 1fr}
  .mainnav{display:none}
  .split,.split.rev{grid-template-columns:1fr;gap:22px;padding:44px 24px}
  .card.featured{flex-direction:column}
  .card.featured .cardart{width:100%;height:120px}
  details.fold summary{flex-direction:column;min-height:0}
  .foldart{flex-basis:74px;height:74px}
  .foldcue{margin:0 18px 14px;align-self:flex-start}
}
@media(max-width:560px){
  .fgrid{grid-template-columns:1fr}
  .pagehero h1{font-size:30px}
  .herocopy h1{font-size:32px}
  .cards.c2,.cards.c3{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .bigpair{font-size:26px}
}

/* ===== Master artwork overrides (2026-07-10) — vectors extracted from Rob's .ai brand files.
   These override the earlier embedded data-URI logotype and the PNG leaf device. ===== */
.brand::after{width:116px;height:33px;background:url(redgum-logotype-red.svg) center/contain no-repeat}
.fbrand::before{width:106px;height:30px;background:url(redgum-logotype-white.svg) left center/contain no-repeat}
.leafart{filter:none;opacity:.9;width:820px;max-width:none}
.heroart{top:-70px;right:-170px}
@media(max-width:860px){
  .leafart{width:460px;opacity:.35}
  .heroart{top:-40px;right:-180px}
}

/* ===== Variant G illustrations (2026-07-10) — site-integrated ink illustration style ===== */
.cardart img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.cardart img.ph~.mark{z-index:2;text-shadow:0 1px 6px rgba(32,36,31,.4)}
.illus{border:1px solid var(--line);border-radius:var(--radius);margin:26px auto;max-width:520px;
  box-shadow:0 10px 28px rgba(32,36,31,.1);background:#fff}
.illus-caption{font-size:13.5px;color:var(--muted);text-align:center;margin:-16px auto 26px;max-width:52ch}

/* wide variant for infographics */
.illus.wide{max-width:820px}

/* team grid (About) */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:26px 0 8px;padding:0;list-style:none}
.member{text-align:center}
.member img{width:100%;max-width:190px;border-radius:var(--radius);border:1px solid var(--line);margin:0 auto 10px}
.member h3{margin:0 0 2px;font-size:17px;font-weight:700;color:var(--gum-d)}
.member a{font-size:13.5px;font-weight:600}
@media(max-width:860px){.team{grid-template-columns:1fr 1fr}}

/* client logo panel on case-study pages */
.clientlogo{float:right;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:10px 18px;margin:6px 0 16px 24px;box-shadow:0 6px 18px rgba(32,36,31,.06)}
.clientlogo img{max-height:56px;width:auto;max-width:220px;display:block}
@media(max-width:560px){.clientlogo{float:none;margin:0 0 18px;display:inline-block}}

/* archive screenshot pairs on case pages */
.shots{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.shots figure{margin:0}
.shots img{border:1px solid var(--line);border-radius:8px;width:100%}
.shots figcaption{font-size:13px;color:var(--muted);margin-top:6px}
@media(max-width:700px){.shots{grid-template-columns:1fr}}
/* logo-led portfolio cards */
.cardart.logoart{background:#fff}
.cardart.logoart::after{opacity:.18}
.cardart.logoart img.lg{position:absolute;inset:0;margin:auto;max-width:72%;max-height:62%;width:auto;height:auto;object-fit:contain}