/* Real garden photography complements the Good Growing editorial layout. */
.garden-journal{padding-block:88px 100px;border-top:1px solid var(--pal-paper-50,#f7f4df50);color:var(--pal-paper,#f7f4df)}
.garden-journal-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;margin-bottom:36px}
.garden-journal h2{font:400 clamp(46px,5.4vw,76px)/1.06 var(--display);letter-spacing:-.015em;margin:0}
.garden-journal-heading p{font-size:17px;line-height:1.65;margin:0 0 12px}
.garden-journal-heading .gg-eyebrow{font-size:13px;margin-bottom:22px}
.garden-journal-heading .garden-source-note{font-size:14px}
.garden-source-note a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.garden-photo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 20px}
.garden-card{grid-column:span 4;display:flex;flex-direction:column;min-width:0;border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.garden-card:nth-child(1){grid-column:span 6}.garden-card:nth-child(2),.garden-card:nth-child(3){grid-column:span 3}
.garden-card-photo{display:block;position:relative;width:100%;height:330px;overflow:hidden;border-radius:24px 24px 4px 4px;background:var(--pal-ink,#20251e)}
.garden-card-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.garden-card:hover .garden-card-photo>img{transform:scale(1.035)}
.garden-card:focus-visible{outline:3px solid var(--pal-accent,#f5d64e);outline-offset:6px;border-radius:24px 24px 4px 4px}
.garden-zoom{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;background:var(--pal-accent,#f5d64e);color:var(--pal-ink,#20251e);border-radius:50%}
.garden-zoom .garden-svg{width:23px;height:23px}
.garden-card-copy{display:block;padding:18px 0 12px;border-bottom:1px solid var(--pal-paper-50,#f7f4df50);width:100%;flex:1}
.garden-card-category{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}
.garden-card-copy strong{display:block;font-size:19px;line-height:1.45;font-weight:600}
.garden-photo-extra{margin-top:30px}.garden-photo-extra .garden-card{grid-column:span 4}
.garden-photo-extra[hidden]{display:none}
.garden-journal-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:32px}
.garden-journal-actions .gg-text-link{color:var(--pal-paper,#f7f4df)}
.garden-feature-photo figcaption a,.gg-lawn-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.garden-photo-dialog{width:min(1120px,calc(100% - 40px));max-height:92svh;max-height:92vh;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--text);overflow:auto}
.garden-photo-dialog::backdrop{background:var(--pal-ink-80,#20251ecc)}
.garden-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;background:var(--paper);color:var(--text);position:sticky;top:0;z-index:2}
#garden-photo-counter{font-size:16px;font-variant-numeric:tabular-nums}
.garden-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--text);width:46px;height:46px;min-width:46px;padding:10px;cursor:pointer}
.garden-icon-button .garden-svg{width:24px;height:24px}
.garden-icon-button:hover{background:var(--pal-accent,#f5d64e);color:var(--pal-ink,#20251e)}
.garden-viewer-image{display:flex;justify-content:center;background:var(--pal-ink,#20251e)}
#garden-photo-full{width:100%;height:55vh;max-height:740px;object-fit:contain;display:block}
.garden-viewer-details{display:grid;grid-template-columns:1fr auto;gap:28px;padding:24px 30px 32px}
.garden-viewer-details h2{font:400 clamp(28px,3.4vw,42px)/1.15 var(--display);margin:0 0 12px}
.garden-viewer-details p{font-size:16px;line-height:1.65;margin:0 0 12px}
.garden-viewer-details .gg-eyebrow{font-size:12px;margin-bottom:12px}
.garden-viewer-details .garden-photo-credit{font-size:14px}
.garden-viewer-controls{display:flex;flex-direction:column;align-items:end;justify-content:space-between;gap:20px}
.garden-viewer-controls>div{display:flex;gap:12px}
.garden-viewer-controls .button{font-size:15px}
@media(max-width:1100px){.site-header .gg-navigation{gap:16px}.garden-card-photo{height:285px}.garden-card-copy strong{font-size:18px}}
@media(max-width:800px){.garden-journal{padding-block:65px}.garden-journal-heading{grid-template-columns:1fr;gap:24px}.garden-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.garden-card:nth-child(n),.garden-photo-extra .garden-card{grid-column:auto}.garden-card:first-child{grid-column:1/-1}.garden-card:first-child .garden-card-photo{height:340px}.garden-card-photo{height:300px}.garden-viewer-details{grid-template-columns:1fr}.garden-viewer-controls{align-items:start;flex-direction:row;flex-wrap:wrap}}
@media(max-width:560px){.garden-journal h2{font-size:clamp(42px,12vw,60px)}.garden-photo-grid{grid-template-columns:1fr}.garden-card:first-child{grid-column:auto}.garden-card-photo,.garden-card:first-child .garden-card-photo{height:340px}.garden-journal-actions{align-items:start;flex-direction:column}.garden-photo-dialog{width:calc(100% - 20px);border-radius:16px;max-height:90vh}.garden-viewer-details{padding:20px}.garden-viewer-bar{padding:8px 14px}#garden-photo-full{height:43vh}.garden-viewer-controls .button{font-size:14px}.garden-journal-heading p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.garden-card-photo>img{transition:none}.garden-card:hover .garden-card-photo>img{transform:none}}

.garden-svg{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.garden-svg-arrow-diagonal{mask-image:url("/assets/icons/arrow-diagonal.svg")}
.garden-svg-arrow-left{mask-image:url("/assets/icons/arrow-left.svg")}
.garden-svg-arrow-right{mask-image:url("/assets/icons/arrow-right.svg")}
.garden-svg-plus{mask-image:url("/assets/icons/plus.svg")}
.garden-svg-zoom{mask-image:url("/assets/icons/zoom.svg")}
.garden-svg-close{mask-image:url("/assets/icons/close.svg")}
[data-source-image-key][hidden],#garden-photo-source[hidden],#garden-photo-credit[hidden]{display:none!important}