/* The Gardener's Cottage — Signature differentiator: "In the Garden This Season"  (Kai)
   Self-contained, mounted into <section id="signature">. Every rule scoped under #signature.
   A Victorian cottage-window vignette with a seasonal garden-gift shelf: pick a season and the
   window scene + the shelf change. Architectural/botanical/heavier (distinct from Begonia's airy
   pastel next door). CSS-drawn window + placeholder tiles (real photos swap in later). */

#signature{
  --gc-charcoal:#32363A; --gc-slate:#676D7A; --gc-corn:#8197BB; --gc-leaf:#6E7E58;
  --gc-sage:#9BA886; --gc-cream:#F1EDE3; --gc-paper:#FBFAF4; --gc-ink:#2A2E33;
}

#signature .gw{
  max-width:70rem; margin-inline:auto; padding:clamp(1.5rem, 4vw, 2.6rem);
  border-radius:14px; color:var(--gc-cream);
  background:linear-gradient(165deg, var(--gc-charcoal), #22262a);
  box-shadow:0 14px 40px rgba(42,46,51,.34);
}
#signature .gw__eyebrow{
  font-size:.72rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gc-corn); margin:0 0 .4rem;
}
#signature .gw__title{
  margin:0 0 1.1rem; font-family:Georgia,"Times New Roman",serif; font-weight:700;
  font-size:clamp(1.55rem, 1.1rem + 2vw, 2.4rem); color:var(--gc-cream);
}
#signature .gw__layout{ display:grid; gap:1.4rem; grid-template-columns:1fr; }

/* the Victorian window */
#signature .gw__window{
  position:relative; aspect-ratio:4/5; max-height:24rem; border-radius:8px 8px 4px 4px; overflow:hidden;
  border:6px solid var(--gc-charcoal);
  box-shadow:0 0 0 3px var(--gc-slate), inset 0 0 40px rgba(0,0,0,.35);
  background:var(--scene, linear-gradient(180deg, #b9c7d6 0%, #cdd6c4 55%, #6E7E58 100%));
  transition:background .6s ease;
}
#signature .gw__muntins{ position:absolute; inset:0; pointer-events:none; }
#signature .gw__muntins::before, #signature .gw__muntins::after{
  content:""; position:absolute; background:var(--gc-charcoal);
}
#signature .gw__muntins::before{ left:50%; top:0; bottom:0; width:5px; transform:translateX(-50%); }
#signature .gw__muntins::after{ top:50%; left:0; right:0; height:5px; transform:translateY(-50%); }
#signature .gw__sill{
  position:absolute; left:-6px; right:-6px; bottom:-6px; height:14px; background:var(--gc-slate);
  border-radius:0 0 4px 4px;
}
#signature .gw__season-name{
  position:absolute; left:.8rem; bottom:1.1rem; z-index:2; font-family:Georgia,serif; font-weight:700;
  font-size:1.2rem; color:var(--gc-paper); text-shadow:0 2px 8px rgba(0,0,0,.5);
}

/* season tabs */
#signature .gw__seasons{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
#signature .gw__season{
  cursor:pointer; border:1px solid rgba(241,237,227,.32); background:transparent; color:var(--gc-cream);
  padding:.45rem .9rem; border-radius:999px; font-weight:700; font-size:.85rem;
  transition:background .2s ease, border-color .2s ease;
}
#signature .gw__season:hover, #signature .gw__season:focus-visible{ background:rgba(129,151,187,.18); outline:2px solid var(--gc-corn); outline-offset:2px; }
#signature .gw__season.is-on{ background:var(--gc-corn); border-color:var(--gc-corn); color:var(--gc-charcoal); }

/* the seasonal shelf */
#signature .gw__shelf{ display:grid; grid-template-columns:1fr; gap:.7rem; }
#signature .gw__gift{
  display:flex; align-items:center; gap:.9rem; padding:.7rem .9rem; border-radius:10px;
  background:rgba(241,237,227,.08); border:1px solid rgba(241,237,227,.14);
}
#signature .gw__gift-chip{
  width:2.4rem; height:2.4rem; flex:0 0 auto; border-radius:8px;
  background:linear-gradient(150deg, var(--gc-sage), var(--gc-leaf));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
#signature .gw__gift-name{ font-weight:700; color:var(--gc-paper); }

@media (min-width:760px){
  #signature .gw__layout{ grid-template-columns:.9fr 1.1fr; align-items:start; }
  #signature .gw__window{ aspect-ratio:4/5; }
}

@media (prefers-reduced-motion:reduce){
  #signature .gw__window{ transition:none; }
}