/* ==========================================================================
   Harvest page colour (Page header → Page colour → Harvest), first used for
   Stuff the Basket, November 2026. Warm bark brown and pumpkin orange from the
   drive's artwork, with its row of pumpkins along the bottom of the header.
   Loaded only by a page whose header is set to Harvest.
   ========================================================================== */
:root{--hv-bark:#2e2115;--hv-bark-2:#3b2b1c;--hv-orange:#e2802c;--hv-orange-deep:#b45c14;--hv-orange-soft:#f3a75c;--hv-cream:#f6ecdc;--hv-sage:#6f8650;}
body:has(.theme-harvest){--cyan:var(--hv-orange);--cyan-deep:var(--hv-orange-deep);--cyan-bright:var(--hv-orange-soft);}

/* the header: bark brown with a little paper grain, pumpkins along the bottom */
.banner--harvest{background-color:var(--hv-bark);background-image:radial-gradient(rgba(255,236,210,.05) 1px,transparent 1.3px),radial-gradient(rgba(0,0,0,.16) 1px,transparent 1.4px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;}
.banner--harvest::after{display:none;}
.banner--harvest .banner__inner{padding-top:clamp(132px,15vw,196px);padding-bottom:clamp(118px,18.5vw,330px);max-width:860px;}
.banner--harvest.banner--center .banner__inner{margin-inline:auto;}
.banner__art{position:absolute;left:0;bottom:0;z-index:-1;display:block;width:100%;height:clamp(128px,22.66vw,435px);object-fit:cover;object-position:center bottom;pointer-events:none;-webkit-mask:linear-gradient(to bottom,transparent,#000 18%);mask:linear-gradient(to bottom,transparent,#000 18%);}
.banner--harvest .eyebrow{color:var(--hv-orange);font-size:.82rem;letter-spacing:.26em;}
.banner--harvest h1{color:var(--hv-cream);font-size:clamp(2.7rem,1.6rem + 5.2vw,6rem);line-height:.95;letter-spacing:-.01em;}
.banner--harvest h1 .serif{color:var(--hv-orange);}
.banner--harvest p{color:rgba(246,236,220,.9);}
.banner--harvest .btn--accent{--bg:var(--hv-orange);--fg:#1f150c;box-shadow:0 14px 32px -14px rgba(226,128,44,.7);}
.banner--harvest .btn--ghost{border-color:rgba(246,236,220,.5);color:var(--hv-cream);}
@media (max-width:620px){
  .banner--harvest .banner__inner{padding-top:clamp(104px,26vw,132px);}
  .banner__art{height:150px;object-position:38% bottom;}
}

/* the rest of the page follows the artwork */
body:has(.theme-harvest) .eyebrow{color:var(--hv-orange-deep);}
body:has(.theme-harvest) .head h2::after,body:has(.theme-harvest) .split__copy h2::after{background-color:var(--hv-orange);}
body:has(.theme-harvest) .btn--accent{--bg:var(--hv-orange);--fg:#1f150c;}
body:has(.theme-harvest) .section.irow--cream{background:var(--hv-cream);color:var(--hv-bark);}
body:has(.theme-harvest) .irow--cream .irow__head .eyebrow{color:var(--hv-orange-deep);}
body:has(.theme-harvest) .irow--cream .irow__ic{background:var(--hv-bark);color:var(--hv-orange-soft);box-shadow:0 12px 28px -10px rgba(46,33,21,.55);}
body:has(.theme-harvest) .give-on__card{background-color:var(--hv-bark);background-image:radial-gradient(rgba(255,236,210,.05) 1px,transparent 1.3px);background-size:7px 7px;box-shadow:0 30px 60px -30px rgba(46,33,21,.6);}
body:has(.theme-harvest) .give-on__card .eyebrow{color:var(--hv-orange-soft);}
body:has(.theme-harvest) .give-on__amt input:checked + span{color:var(--hv-bark);}
body:has(.theme-harvest) .give-on__amt input:focus-visible + span{outline-color:var(--hv-orange-soft);}
body:has(.theme-harvest) .invite--navy{background-color:var(--hv-bark);}
body:has(.theme-harvest) .invite--navy h2 .serif{color:var(--hv-orange-soft);}
body:has(.theme-harvest) .quote .serif,body:has(.theme-harvest) blockquote .serif{color:var(--hv-orange-deep);}
html.dark body:has(.theme-harvest) .section.irow--cream{background:var(--hv-bark-2);color:var(--hv-cream);}
html.dark body:has(.theme-harvest) .irow--cream .irow__ic{background:var(--hv-cream);color:var(--hv-bark);}
html.dark body:has(.theme-harvest) .eyebrow{color:var(--hv-orange-soft);}

/* Harvest with a photo behind it (the Thanksgiving table): the photo is the
   artwork, so no pumpkin row, and a warm brown wash instead of the navy one. */
.banner--harvest.banner--photo{background:var(--hv-bark);}
.banner--harvest.banner--photo::before{background:radial-gradient(70% 80% at 50% 50%,rgba(30,20,11,.62),rgba(30,20,11,.34) 70%),linear-gradient(180deg,rgba(30,20,11,.45),rgba(30,20,11,.2) 45%,rgba(30,20,11,.6))!important;}
.banner--harvest.banner--photo .banner__inner{padding-bottom:clamp(64px,9vw,112px);}
.banner--harvest.banner--photo h1{text-shadow:0 2px 24px rgba(20,12,6,.55);}
.banner--harvest.banner--photo p{text-shadow:0 1px 14px rgba(20,12,6,.6);}
@media (max-width:620px){.banner--harvest.banner--photo{align-items:center;}}