/* Mobile browsing preview: desktop uses its existing layout and copy. */
.grove-browse-mobile-only,.grove-browse-plan-photo{display:none}
@media(max-width:750px){
 body[data-grove-page="home"] #collections.section{padding:26px 16px 32px}
 body[data-grove-page="home"] .collections{gap:22px}
 body[data-grove-page="home"] .collection{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:0!important;padding:0!important;border:1px solid var(--line);background:var(--cream);min-height:0}
 body[data-grove-page="home"] .collection img{grid-column:1 / -1!important;grid-row:1!important;align-self:stretch;width:100%!important;height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain!important;background:var(--cream)}
 body[data-grove-page="home"] .collection h3{grid-column:1!important;grid-row:2!important;align-self:center;padding:16px 12px 16px 16px;margin:0!important;font-size:25px!important;line-height:1.15}
 body[data-grove-page="home"] .collection p{display:none}
 body[data-grove-page="home"] .collection>span{grid-column:2!important;grid-row:2!important;align-self:center;justify-self:end;padding:16px 14px 16px 0!important;font-size:11px;line-height:1.4;text-align:right;max-width:106px}
 body[data-grove-page="gallery"] .hero{display:block;min-height:0}
 body[data-grove-page="gallery"] .hero-copy{padding:22px 16px 18px}
 body[data-grove-page="gallery"] .hero-copy>.eyebrow,body[data-grove-page="gallery"] .hero-copy>p,body[data-grove-page="gallery"] .hero-copy>.button,body[data-grove-page="gallery"] .hero-photo{display:none}
 body[data-grove-page="gallery"] .hero h1{font:32px/1.12 Georgia,serif;letter-spacing:-.6px;margin:0}
 body[data-grove-page="gallery"] #installation-gallery.wrap{padding:0 16px 28px}
 body[data-grove-page="gallery"] .gallery-intro{display:none}
 body[data-grove-page="gallery"] .filters{padding:10px 0 12px!important;margin:0 0 16px!important;background:#fff}
 body[data-grove-page="gallery"] .project-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 body[data-grove-page="gallery"] .project-grid .photo-button{display:block;aspect-ratio:auto!important}
 body[data-grove-page="gallery"] .project-grid .photo-button img{display:block;width:100%;height:auto!important;max-height:480px;aspect-ratio:auto!important;object-fit:contain!important}
 body[data-grove-page="gallery"] .project-copy,body[data-grove-page="gallery"] .card-copy{padding:12px 2px 0}
 body[data-grove-page="gallery"] .project-copy>.eyebrow,body[data-grove-page="gallery"] .card-copy>.category{display:none}
 body[data-grove-page="gallery"] .project-copy h3,body[data-grove-page="gallery"] .card-copy h3{font:23px/1.2 Georgia,serif;margin:0 0 8px;letter-spacing:-.3px}
 body[data-grove-page="gallery"] .project-copy>p,body[data-grove-page="gallery"] .card-copy>p{display:none}
 body[data-grove-page="gallery"] .project-copy>a,body[data-grove-page="gallery"] .card-copy>a{display:inline-flex;align-items:center;min-height:36px;font-size:12px}
 body[data-grove-page="gallery"] .steps,body[data-grove-page="gallery"] .help{padding-top:30px;padding-bottom:30px}
 body[data-grove-page="blog"] .journal-intro{padding:22px 16px 18px}
 body[data-grove-page="blog"] .journal-intro .eyebrow,body[data-grove-page="blog"] .journal-intro p{display:none}
 body[data-grove-page="blog"] .journal-intro h1{font:32px/1.12 Georgia,serif;letter-spacing:-.6px;margin:0}
 body[data-grove-page="blog"] .journal-wrap{padding:16px 16px 30px}
 body[data-grove-page="blog"] .planning-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
 body[data-grove-page="blog"] .planning-cards article{min-width:0;padding:0;background:#f5f2ea;border:1px solid #dedfd4;display:flex;flex-direction:column}
 body[data-grove-page="blog"] .planning-cards .eyebrow,body[data-grove-page="blog"] .planning-cards p{display:none}
 body[data-grove-page="blog"] .grove-browse-plan-photo{display:block;margin:0;background:#f5f2ea;line-height:0}
 body[data-grove-page="blog"] .grove-browse-plan-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
 body[data-grove-page="blog"] .planning-cards h2{font:20px/1.16 Georgia,serif;letter-spacing:-.3px;margin:12px 12px 4px}
 body[data-grove-page="blog"] .planning-cards article>a:last-child{display:flex;align-items:center;min-height:36px;font-size:12px;margin:auto 12px 8px}
 body[data-grove-page="blog"] .journal-archive>.eyebrow,body[data-grove-page="blog"] .journal-archive>p{display:none}
 body[data-grove-page="blog"] .journal-archive>h2{font:24px/1.2 Georgia,serif;margin:0 0 6px}
 body[data-grove-page="blog"] #guide-filters{margin-bottom:14px!important}
 body[data-grove-page="blog"] .journal-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 body[data-grove-page="blog"] .journal-card-copy{padding:14px 16px 16px}
 body[data-grove-page="blog"] .journal-card h2{font-size:23px;line-height:1.2;margin:8px 0}
 body[data-grove-page="blog"] .journal-card-copy>p{-webkit-line-clamp:2;font-size:13px;line-height:1.5;margin:0 0 10px}
 body[data-grove-page="blog"] .journal-read{display:inline-flex;align-items:center;min-height:36px}
 body[data-grove-page="gallery"] .grove-browse-desktop-only,body[data-grove-page="blog"] .grove-browse-desktop-only{display:none}
 body[data-grove-page="gallery"] .grove-browse-mobile-only,body[data-grove-page="blog"] .grove-browse-mobile-only{display:inline}
}
@media(max-width:360px){
 body[data-grove-page="blog"] .journal-intro h1{font-size:28px}
 body[data-grove-page="home"] .collection h3{font-size:23px!important;padding-left:12px}
 body[data-grove-page="home"] .collection>span{font-size:10px;max-width:90px;padding-right:10px!important}
 body[data-grove-page="blog"] .planning-cards{gap:10px}
 body[data-grove-page="blog"] .planning-cards h2{font-size:18px;margin-right:10px;margin-left:10px}
}