
/* Warm red/green/gold theme — scoped to homepage only (html.theme-warm) */
.theme-warm{
  --red:#b02a1e;--red2:#8c1f15;--green:#1f7a41;--green2:#155e31;
  --gold:#d9a12c;--cream:#faf8f2;--cream2:#faf8f2;--ink:#33231a;
  --muted:#7a6a58;--line:#ece0c8;
  background:var(--cream);color:var(--ink);
}
.theme-warm body{background:var(--cream)}
/* warm-ify shared tokens site-wide */
.theme-warm{--navy:#3a2517;--bg-soft:#f6ead0;--bg-tint:#fbeede}
/* inner-page navy banners -> green; CTA bands -> red */
.theme-warm .navy-bg{background:linear-gradient(160deg,#1f7a41,#155e31)}
.theme-warm .navy-bg h1,.theme-warm .navy-bg h2{color:#fff}
.theme-warm .navy-bg .lead{color:#e7f3ea}
.theme-warm .navy-bg .eyebrow.on-navy{color:#ffe0a8}
.theme-warm .cta-band{background:linear-gradient(160deg,#b02a1e,#8c1f15)}
.theme-warm .cta-band .eyebrow.on-navy{color:#ffe0a8}
.theme-warm .cta-band h2{color:#fff}
.theme-warm .cta-band .lead{color:#f0e6d8}
.theme-warm .cta-band .btn-gold{background:var(--red);color:#fff}
.theme-warm .cta-band .btn-gold:hover{background:var(--red2)}
.theme-warm .pd .art{background:linear-gradient(140deg,#fffaf0,#f6ead0)}
.theme-warm .spec-table td:first-child{color:var(--red)}
.theme-warm .feat-list li::before{color:var(--red)}
.theme-warm .cat-tag{color:var(--green)}
.theme-warm h1,.theme-warm h2,.theme-warm h3,.theme-warm h4{color:#3a2517}
.theme-warm .accent{color:var(--red)}
.theme-warm .eyebrow{color:var(--green)}
.theme-warm .lead{color:#6a5a45}

/* header */
.theme-warm .site-header{background:rgba(250,248,242,.93);border-bottom:1px solid var(--line)}
.theme-warm .brand{color:#3a2517}
.theme-warm .brand .mark{background:var(--red);color:#fff}
.theme-warm .brand small{color:var(--green)}
.theme-warm .nav-links a{color:#4a3728}
.theme-warm .nav-links a:hover,.theme-warm .nav-links a.active{color:var(--red)}
.theme-warm .nav-links a.active::after{background:var(--gold)}
.theme-warm .hamb span{background:var(--red)}
@media(max-width:940px){.theme-warm .nav-links{background:var(--cream)}}

/* buttons */
.theme-warm .btn-primary{background:var(--red);color:#fff}
.theme-warm .btn-primary:hover{background:var(--red2)}
.theme-warm .btn-gold{background:var(--gold);color:#3a2517}
.theme-warm .btn-outline{border-color:var(--green);color:var(--green)}
.theme-warm .btn-outline:hover{background:var(--green);color:#fff}

/* sections + cards */
.theme-warm .soft{background:var(--cream2)}
.theme-warm .soft.process-band{background:linear-gradient(rgba(246,234,208,.5),rgba(246,234,208,.5)),url("../images/Process background .jpg") center/cover no-repeat}

.testi-wrap{display:flex;align-items:center;gap:14px;margin-top:44px}
.testi-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding:4px 2px 18px}
.testi-track::-webkit-scrollbar{display:none}
.testi-track .quote{flex:0 0 320px;scroll-snap-align:start}
.testi-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;
  display:grid;place-items:center;font-size:1.4rem;color:var(--navy);cursor:pointer;flex:none;transition:.2s}
.testi-arrow:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.theme-warm .testi-arrow{border-color:var(--green);color:var(--green)}
.theme-warm .testi-arrow:hover{background:var(--green);color:#fff}
.testi-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
.testi-dots button{width:9px;height:9px;border-radius:50%;border:none;background:var(--line);padding:0;cursor:pointer;transition:.2s}
.testi-dots button.active{background:var(--navy);width:22px;border-radius:5px}
.theme-warm .testi-dots button.active{background:var(--green)}
@media(max-width:600px){
  .testi-wrap{gap:8px}
  .testi-arrow{width:34px;height:34px;font-size:1.1rem}
  .testi-track{gap:16px}
  .testi-track .quote{flex-basis:calc(100vw - 148px);padding:20px}
}

.process-gallery-wrap{max-width:1800px;margin:44px auto 0;padding:0 24px}
.process-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.process-gallery img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);
  box-shadow:var(--shadow-sm);transition:.25s}
.process-gallery img:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
@media(max-width:980px){.process-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.process-gallery{grid-template-columns:1fr}}
.theme-warm .card,.theme-warm .quote,.theme-warm .step{background:#fffdf8;border-color:var(--line)}
.theme-warm .pcard{background:#fffdf8}
.theme-warm .card .ic{background:#fbeede;color:var(--red)}
.theme-warm .pcard .thumb{background:linear-gradient(180deg,#fffaf0,#f6ead0)}
.theme-warm .pcard .local{color:var(--green)}
.theme-warm .pcard .more{color:var(--red)}
.theme-warm .blog-card{background:#fffdf8}
.theme-warm .blog-card .cat{color:var(--green)}
.theme-warm .blog-card .more{color:var(--red)}
.theme-warm .step .no{color:var(--gold)}
.theme-warm .quote .stars{color:var(--gold)}
.theme-warm .quote .who .av{background:var(--green)}
.theme-warm .chip{background:#fbeede;color:var(--red)}

/* hero (warm) */
.theme-warm .hero2{color:var(--ink);
  background:radial-gradient(880px 480px at 82% 6%,rgba(217,161,44,.20),transparent 60%),
  linear-gradient(160deg,#fdf6e8 0%,#f7ead0 56%,#f1ddb6 100%)}
.theme-warm .hero2 h1{color:#3a2517}
.theme-warm .hero2 h1 .accent{color:var(--red)}
.theme-warm .hero2 .lead{color:#6a5a45}
.theme-warm .hero2 .pill{border-color:rgba(31,122,65,.35);color:var(--green);background:rgba(255,255,255,.55)}
.theme-warm .trust-row{color:#6a5a45}
.theme-warm .trust-row .t b{color:var(--red)}
.theme-warm .photo-ph{border-color:var(--gold);color:#8a6f3f}
.theme-warm .photo-ph b{color:var(--red)}
.theme-warm .float-badge small{color:var(--green)}
.theme-warm .float-badge .mini{display:grid;place-items:center;font-size:1.15rem;line-height:1}

/* hero v3 — quick links + showcase frame */
.hero-quick{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.hero-quick .qpill{display:inline-flex;align-items:center;gap:.45rem;background:#fffdf8;
  border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;font-weight:600;
  font-size:.9rem;color:#3a2517;transition:.2s}
.hero-quick .qpill:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}
.hero-frame{position:relative;width:100%;max-width:460px;margin-inline:auto;aspect-ratio:1/1;
  border-radius:28px;overflow:hidden;background:radial-gradient(circle at 40% 35%,#fff,#f4ead2);
  border:1px solid var(--line);box-shadow:0 34px 74px rgba(58,25,10,.20);display:grid;place-items:center}
.hero-frame>img{width:100%;height:100%;object-fit:cover}
.hero-frame .photo-fallback{padding:20px;display:grid;place-items:center}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}
.mini-grid .cell{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;
  box-shadow:var(--shadow-sm);text-align:center}
.mini-grid .cell svg{width:100%}
.mini-grid .cell span{display:block;font-size:.74rem;font-weight:700;color:#3a2517;margin-top:2px}

/* emphasis bands */
.band-green{background:linear-gradient(160deg,#1f7a41,#155e31);color:#fff}
.band-green h2,.band-green h3{color:#fff}
.band-green .lead{color:#d7ead9}
.band-red{background:linear-gradient(160deg,#b02a1e,#8c1f15);color:#fff}
.band-red h2{color:#fff}.band-red .lead{color:#f3d9d4}
.pure-list{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:center}
.pure-list li{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.02rem}
.pure-list li::before{content:"✓";display:grid;place-items:center;width:26px;height:26px;
  border-radius:50%;background:rgba(255,255,255,.18);font-size:.8rem}

/* pure & natural band — highlighted "No" headline + process row + animated leaf border */
.pure-band{position:relative;overflow:hidden;padding-bottom:118px}
.pure-heading{max-width:840px;margin-inline:auto;color:#fff}
.pure-heading .no-hl{color:#f2b736}
.underline-gold{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:#f2b736;
  text-decoration-style:wavy;text-decoration-thickness:2px;text-underline-offset:5px}

.process-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:2.4rem}
.proc-ic{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.32);display:grid;place-items:center;font-size:1.7rem;
  box-shadow:0 10px 24px rgba(0,0,0,.15);overflow:hidden}
.proc-ic img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.proc-arrow{color:#f2b736;font-size:1.3rem;font-weight:700;display:inline-block;
  animation:arrowMoveSoft 1.8s ease-in-out infinite}
@keyframes arrowMoveSoft{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@media(max-width:480px){
  .pure-heading{font-size:1.3rem}
  .process-row{flex-wrap:nowrap;gap:6px}
  .proc-ic{width:52px;height:52px;font-size:1rem}
  .proc-arrow{font-size:.85rem}
}

.leaf-strip{position:absolute;left:0;right:0;bottom:0;height:34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='30' viewBox='0 0 100 30'%3E%3Cpath d='M0 15 Q25 5 50 15 T100 15' stroke='%23ffffff' stroke-width='1.5' fill='none' opacity='0.5'/%3E%3Cpath d='M15 15 Q20 5 28 10 Q22 16 15 15Z' fill='%23ffffff' opacity='0.85'/%3E%3Cpath d='M65 15 Q70 5 78 10 Q72 16 65 15Z' fill='%23ffffff' opacity='0.85'/%3E%3Cpath d='M40 15 Q45 25 53 20 Q47 14 40 15Z' fill='%23ffffff' opacity='0.7'/%3E%3Cpath d='M90 15 Q95 25 103 20 Q97 14 90 15Z' fill='%23ffffff' opacity='0.7'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:auto 30px;background-position:0 bottom;
  opacity:.4;animation:leafMarquee 16s linear infinite;pointer-events:none}
@keyframes leafMarquee{from{background-position-x:0}to{background-position-x:-400px}}
.map-band{position:relative;overflow:hidden;text-align:center}
.map-band .earth{font-size:4.6rem;margin-bottom:.4rem}
.metrics{display:flex;justify-content:center;gap:2.6rem;flex-wrap:wrap;margin-top:2rem}
.metrics .m b{font-family:'Fraunces',serif;font-size:2.3rem;display:block}
.metrics .m span{font-size:.86rem;opacity:.9}

/* footer (warm) */
.theme-warm .site-footer{position:relative;overflow:hidden;
  background:url("../images/Footer background image.jpg") bottom center/cover no-repeat;
  padding:64px 0 0;color:#e6d7c0}
.theme-warm .site-footer .container{position:relative;z-index:1;padding-bottom:26px}
.foot-illustration{width:100%;line-height:0;margin-top:28px}
.foot-illustration img{width:100%;height:auto;display:block}
.theme-warm .site-footer h4{color:#fff}
.theme-warm .foot-grid a{color:#e6d7c0}
.theme-warm .foot-grid a:hover{color:var(--gold)}
.theme-warm .foot-brand .brand{color:#fff}
.theme-warm .foot-brand .brand .mark{background:var(--gold);color:#3a2517}
.theme-warm .foot-brand p{color:#c7b399}
.theme-warm .foot-bottom{color:#b7a488}

/* hero slider */
.hero-slider{position:relative}
.hs-track{position:relative}
.hero-slide{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;
  transition:opacity .7s ease,transform .7s ease;transform:translateY(16px)}
.hero-slide.active{position:relative;opacity:1;pointer-events:auto;transform:none}
.photo-fallback{width:100%;height:100%;display:grid;place-items:center;padding:7%}
.photo-fallback svg{width:100%}
.hs-dots{display:flex;gap:.5rem;justify-content:center;margin-top:26px;position:relative;z-index:5}
.hs-dots button{width:11px;height:11px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:rgba(58,37,23,.22);transition:.25s}
.hs-dots button.active{background:var(--red);width:30px;border-radius:6px}
.hs-arrow{position:absolute;top:34%;z-index:6;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--line);background:rgba(255,255,255,.85);color:var(--red);
  font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}
.hs-arrow:hover{background:#fff;box-shadow:var(--shadow-sm)}
.hs-prev{left:-6px}.hs-next{right:-6px}
@media(max-width:940px){.hs-arrow{display:none}}

.theme-warm .float-scroll{background:var(--red);border-color:var(--red);color:#fff}
