/* growth_gallery.css — "Leap · Your plot" screen (tenant-watch stop). Scoped to .growth-gallery. */
.growth-gallery{--gg-mist:#eff5f3;--gg-pine:#23483f;--gg-leaf:#4d733c;--gg-pollen:#f3d478;--gg-gold:#efcf91;--gg-line:#dbe6e0;--gg-muted:#536860;
  color:var(--gg-pine);font-family:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:grid;gap:8px;max-height:420px;font-synthesis:none}
.growth-gallery *{box-sizing:border-box;margin:0}
.growth-gallery .gg-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--gg-muted);letter-spacing:.02em}
.growth-gallery .gg-head b{font-size:16px;letter-spacing:-.5px;color:var(--gg-pine)}

/* (a) time-lapse player */
.growth-gallery .gg-player{position:relative;height:160px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#e7f0ec 0%,#f6f9f7 68%,#dfe9e4 68%,#d3e0d9 100%);border:1px solid var(--gg-line)}
.growth-gallery .gg-stage{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px)}
.growth-gallery .gg-day{position:absolute;top:8px;left:10px;font-size:12px;font-weight:600;background:#ffffffd9;border:1px solid var(--gg-line);border-radius:999px;padding:3px 9px;line-height:1.2;color:var(--gg-pine);font-variant-numeric:tabular-nums}
.growth-gallery .gg-tag{position:absolute;top:9px;right:10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-muted)}
.growth-gallery .gg-scrub{position:absolute;left:12px;right:12px;bottom:9px;height:4px;border-radius:2px;background:#ffffffb8;border:1px solid #c6d6cf}
.growth-gallery .gg-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:var(--gg-leaf)}
.growth-gallery .gg-knob{position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:50%;background:var(--gg-pollen);border:1.5px solid var(--gg-pine);transform:translate(-50%,-50%)}

/* (b) morning photo strip */
.growth-gallery .gg-photos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.growth-gallery .gg-photo{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--gg-line);background:#f6f9f7}
.growth-gallery .gg-photo.is-new{border-color:var(--gg-gold);box-shadow:0 0 0 1px var(--gg-gold)}
.growth-gallery .gg-photo-art{aspect-ratio:120/84;display:block}
.growth-gallery .gg-photo-art svg{display:block}
.growth-gallery .gg-stamp{display:flex;align-items:center;gap:4px;font-size:9.5px;padding:3px 6px;color:var(--gg-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.growth-gallery .gg-new{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffffffe6;border-radius:999px;padding:2px 6px 2px 4px;color:var(--gg-pine)}
.growth-gallery .gg-new i{width:7px;height:7px;border-radius:50%;background:var(--gg-gold);box-shadow:0 0 0 2px #efcf9155}

/* (c) projected harvest */
.growth-gallery .gg-project{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:8px 10px;border:1px dashed #a8bfb4;border-radius:12px;background:#fbfcfb}
.growth-gallery .gg-future{width:82px;height:56px}
.growth-gallery .gg-future path{animation:gg-dash 3s linear infinite}
.growth-gallery .gg-project-text{display:grid;gap:1px;line-height:1.25}
.growth-gallery .gg-project-text b{font-size:13px}
.growth-gallery .gg-eta{font-size:13px;color:var(--gg-leaf);font-weight:600}
.growth-gallery .gg-project-text small{font-size:10.5px;color:var(--gg-muted);font-style:italic}

/* (d) footer */
.growth-gallery .gg-foot{font-size:10.5px;line-height:1.35;color:var(--gg-muted);border-top:1px solid var(--gg-line);padding-top:6px}

@keyframes gg-dash{to{stroke-dashoffset:-14}}
.growth-gallery--still .gg-future path,.growth-gallery--still .gg-knob{animation:none}
@media(prefers-reduced-motion:reduce){.growth-gallery .gg-future path{animation:none}}

/* Compact: mobile bottom sheet, ≤250px total */
.growth-gallery--compact{gap:5px;max-height:250px;grid-template-columns:148px 1fr;grid-template-areas:"head head" "player photos" "player project" "foot foot"}
.growth-gallery--compact .gg-head{grid-area:head;font-size:11px}
.growth-gallery--compact .gg-head b{font-size:14px}
.growth-gallery--compact .gg-player{grid-area:player;height:auto;min-height:150px;max-height:200px}
.growth-gallery--compact .gg-day{font-size:10.5px;padding:2px 7px;top:6px;left:6px}
.growth-gallery--compact .gg-tag{display:none}
.growth-gallery--compact .gg-photos{grid-area:photos;grid-template-columns:1fr 1fr;gap:4px}
.growth-gallery--compact .gg-photo-art{aspect-ratio:120/56}
.growth-gallery--compact .gg-photo-art svg{height:100%;width:100%}
.growth-gallery--compact .gg-stamp{font-size:8.5px;padding:1px 4px 2px;gap:3px;line-height:1.3}
.growth-gallery--compact .gg-stamp svg{width:8px;height:8px}
.growth-gallery--compact .gg-new{top:2px;right:2px;font-size:7px;padding:1px 4px 1px 3px}
.growth-gallery--compact .gg-project{grid-area:project;grid-template-columns:44px 1fr;gap:6px;padding:4px 7px}
.growth-gallery--compact .gg-future{width:44px;height:32px}
.growth-gallery--compact .gg-project-text b{font-size:11px}
.growth-gallery--compact .gg-eta{font-size:10.5px;letter-spacing:-.01em}
.growth-gallery--compact .gg-project-text small{font-size:9px}
.growth-gallery--compact .gg-foot{grid-area:foot;font-size:9.5px;line-height:1.3;padding-top:4px}

.gg-stage-photo{overflow:hidden;border-radius:12px 12px 0 0;background:#e9efec}.gg-stage-photo .gg-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;transition:opacity .25s linear}.growth-gallery--still .gg-stage-photo .gg-frame{transition:none}.gg-photo-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}