/* v21: photographs explain the benefit before the parts and set contents. */
.top-introduction h2{font-size:28px;font-weight:700;line-height:1.65}
.top-introduction h2>span{display:block}
.phrase,.top-introduction h2 .phrase{display:inline-block;max-width:100%;text-wrap:wrap}
.top-introduction>div:first-child{max-width:720px}
.top-introduction>div>p:not(.availability){max-width:650px;line-height:2}
.top-introduction>div>p>span{display:block}
.top-introduction .care-intro{padding-top:15px;border-top:1px solid var(--line)}
.top-introduction>div>p.care-note{font-size:14px;line-height:1.8}
.more-crops{padding-top:30px}
.harvest-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}
.harvest-feature figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.harvest-feature figcaption{margin-top:13px;font-size:13px;color:var(--muted)}
.harvest-copy h3{font-size:29px;line-height:1.65;margin:16px 0 22px}
.harvest-copy>p:not(.eyebrow){font-size:15px;line-height:2;margin-top:15px}
.structure-subheading{padding-top:78px;margin-bottom:32px}
.structure-subheading h3{font-size:26px;line-height:1.6}
.structure-subheading p{font-size:15px;color:var(--muted);margin-top:12px;line-height:1.9}
.structure-grid{gap:64px;align-items:center}
.diagram>img{height:480px}
.parts-detail{grid-template-columns:minmax(190px,1fr) 1fr}
.parts-detail img{width:100%;height:205px}
.growth{border-top:1px solid var(--line)}
.crop-operation{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;padding:30px;background:var(--paper);margin-top:28px;align-items:center}
.crop-operation h3{font-size:20px;line-height:1.7}
.crop-operation .leafy-note{padding:0}
.set-grid{grid-template-columns:1fr 1fr;gap:32px}
.set-card{padding:34px}
.set-card .set-description{min-height:60px}
.set-card--option{display:block}
.set-product-photo{margin:24px 0;background:#f8f8f5;padding:20px 14px}
.set-product-photo img,.set-card--option .set-product-photo img{width:100%;height:390px;object-fit:contain}
.set-product-photo figcaption,.set-card--option .set-product-photo figcaption{font-size:13px;line-height:1.8;text-align:center;color:var(--muted);margin-top:15px}
.set-card--option figure{max-width:none}
.contents-list,.option-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:24px 0;gap:0 22px}
.contents-list li,.option-list li{font-size:15px;line-height:1.8;border-bottom:1px solid var(--line);padding:12px 0}
.closing{padding-top:54px;border:0}
.closing h2{font-size:23px;line-height:1.6;margin-bottom:12px}
.closing p{font-size:14px;color:var(--muted)}
@media(max-width:1100px){.harvest-feature,.structure-grid{gap:36px}.harvest-copy h3{font-size:26px}.set-card{padding:26px}}
@media(max-width:850px){.harvest-feature{gap:28px;grid-template-columns:1fr 1fr}.harvest-copy h3{font-size:24px}.harvest-copy>p:not(.eyebrow){font-size:14px}.set-grid{grid-template-columns:1fr 1fr;gap:22px}.set-card{padding:22px}.set-card h3{font-size:20px}.set-product-photo img,.set-card--option .set-product-photo img{height:320px}.parts-detail{display:block}.crop-operation{grid-template-columns:1fr;gap:13px}}
@media(max-width:620px){.top-introduction h2{font-size:23px}.top-introduction h2>span{display:block}.harvest-feature{grid-template-columns:1fr;gap:26px}.harvest-copy h3{font-size:25px;margin:12px 0 16px}.harvest-copy h3 br{display:none}.harvest-copy .text-link{margin-top:18px}.structure-subheading{padding-top:52px;margin-bottom:24px}.structure-subheading h3{font-size:23px}.structure-subheading p{font-size:14px}.structure-grid{gap:28px}.diagram>img{height:380px}.parts-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.parts-detail img{height:170px}.crop-operation{padding:24px}.crop-operation h3{font-size:18px}.set-grid{grid-template-columns:1fr;gap:24px}.set-product-photo img,.set-card--option .set-product-photo img{height:350px}.set-card--option .set-product-photo{margin:24px 0}.contents-list li,.option-list li{font-size:14px}.closing{padding-top:36px}.closing h2{font-size:22px}}
/* Matching view and canvas keep the bucket size comparable across both states. */
.set-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:transparent;padding:0}
.set-comparison .set-product-photo{margin:0;min-width:0;padding:0;background:transparent}
.set-comparison .set-product-photo img{display:block;width:100%;height:auto;aspect-ratio:1200/1400;object-fit:contain;background:linear-gradient(145deg,#b7c5be,#98ada3);border:1px solid #94a89e;border-radius:6px 6px 0 0}
.community-section h2>span{display:block}
.community-word{display:inline-block}
.crop-hero-lead>span{display:block}
.care-feature{border-top:1px solid var(--line);padding-bottom:24px}
.care-heading{max-width:880px;margin-bottom:42px}
.care-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.5;margin:14px 0 20px;text-wrap:balance}
.care-heading h2>span,.care-wash-copy h3>span{display:inline-block;max-width:100%}
.care-heading>p:not(.eyebrow){font-size:16px;line-height:1.9}
.care-wash{display:grid;grid-template-columns:1.25fr 1fr;gap:54px;align-items:center}
.care-wash figure{margin:0;min-width:0}
.care-wash img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eff0ea}
.care-wash figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.care-wash-copy{min-width:0}
.care-wash-copy h3{font-size:clamp(26px,2.4vw,34px);line-height:1.55;margin:16px 0 24px;text-wrap:balance}
.care-wash-copy>p:not(.eyebrow){font-size:16px;line-height:2}
.care-wash-copy .care-precaution{font-size:13px!important;line-height:1.9;margin-top:22px;color:var(--muted)}
.care-routine{display:grid;grid-template-columns:1fr 1.6fr;gap:36px;margin-top:40px;padding:28px 0;border-top:1px solid var(--line)}
.care-routine h3{font-size:20px;line-height:1.8;text-wrap:balance}
.care-routine p{font-size:15px;line-height:1.9}
@media(max-width:900px){.care-wash{grid-template-columns:1fr;gap:28px}.care-wash figure{max-width:720px}.care-wash-copy{max-width:720px}.care-routine{grid-template-columns:1fr;gap:14px}}
@media(max-width:620px){.care-heading h2{font-size:30px}.care-heading{margin-bottom:28px}.care-heading br{display:none}.care-wash-copy h3{font-size:27px}.care-heading>p:not(.eyebrow),.care-wash-copy>p:not(.eyebrow){font-size:15px}.care-routine{margin-top:28px}}
.community-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);padding-bottom:72px}
.community-section h2{font-size:28px;line-height:1.65;margin:14px 0 22px;text-wrap:balance}
.community-section p{font-size:15px;line-height:2}
.community-section .eyebrow{font-size:12px}
.community-details{align-self:center;padding:28px 32px;background:#f7f7f3}
.community-details h3{font-size:19px;line-height:1.8;margin:0 0 14px;text-wrap:balance}
.community-details .community-status{font-size:13px;line-height:1.9;margin-top:20px;color:var(--muted)}
.community-join{display:inline-flex;max-width:100%;min-width:0!important;margin-top:22px;padding:16px 20px;background:var(--green);color:#fff;line-height:1.7;font-size:14px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.community-section{grid-template-columns:1fr;gap:24px;padding-bottom:48px}.community-section h2{font-size:24px}.community-details{padding:22px}.community-section h2 br{display:none}}
.set-comparison .set-product-photo figcaption{font-weight:700;color:var(--ink);background:#fff;border:1px solid #cdd5d0;border-top:0;margin-top:0;padding:18px 12px;font-size:16px;border-radius:0 0 6px 6px}
.set-comparison figcaption span{display:block;font-weight:400;color:var(--muted)}
.set-wool-photo{margin:24px 0 20px;max-width:300px}
.set-wool-photo img{width:100%;aspect-ratio:4/3;object-fit:contain}
.set-wool-photo figcaption{font-size:13px;line-height:1.8;margin-top:10px;color:var(--muted)}
.set-comparison+.set-footnote{margin:16px 0 28px;max-width:880px}
@media(max-width:620px){.set-comparison{gap:12px;padding:0}.set-comparison .set-product-photo figcaption{font-size:13px;padding:12px 6px;margin-top:0}.set-comparison figcaption span{font-size:12px}}
.crop-community-link{font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:5px}
.photo-edit-note{font-size:12px;line-height:1.8;color:var(--muted);padding-bottom:16px}
.extension-dimensions{margin:28px 0 16px;border-top:1px solid var(--line)}
.extension-dimensions>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;padding:16px 0;border-bottom:1px solid var(--line)}
.extension-dimensions dt{font-size:14px;line-height:1.8}
.extension-dimensions dd{margin:0;font-size:24px;font-weight:700;line-height:1.6}
/* v38: parts photos paired with their names and uses. */
.parts-overview,.parts-air-row{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.parts-overview-photo,.parts-air-photo{margin:0;min-width:0}
.harvest-copy h3>span{display:block;text-wrap:balance}
.harvest-copy .harvest-phrase{display:inline-block;max-width:100%;text-wrap:wrap}
.parts-body-image{height:580px;overflow:hidden;background:#b4c3ba;border-radius:6px}
.parts-overview-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.75) translateY(-18%)}
.parts-overview-photo figcaption,.parts-air-photo figcaption{margin-top:12px;font-size:13px;line-height:1.8;color:var(--muted)}
.parts-explained{margin:0;min-width:0}
.parts-explained>div{padding:23px 0;border-bottom:1px solid var(--line)}
.parts-explained>div:first-child{padding-top:0}
.parts-explained dt{font-size:22px;font-weight:700;line-height:1.6;margin-bottom:10px}
.parts-explained dd{margin:0;font-size:16px;line-height:1.9}
.parts-air-row{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
.parts-air-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#b4c3ba;border-radius:6px;padding:16px}
.parts-air-copy>p{font-size:15px;line-height:1.9;margin-top:22px}
.parts-air-copy .text-link{display:inline-block;max-width:100%;margin-top:18px}
@media(max-width:900px){.parts-overview,.parts-air-row{gap:30px}.parts-body-image{height:490px}.parts-explained dt{font-size:20px}}
@media(max-width:620px){.parts-overview,.parts-air-row{grid-template-columns:1fr;gap:24px}.parts-body-image{height:440px}.parts-explained dd{font-size:15px}.parts-air-row{margin-top:32px;padding-top:28px}}
/* v36: a public community invitation, distinct from product purchase. */
.community-banner{background:#edf3eb;border-bottom:1px solid #d3dfcf}
.community-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:20px 36px;padding-top:18px;padding-bottom:18px}
.community-banner-copy{min-width:0}
.community-banner-copy p{font-size:14px;line-height:1.8}
.community-banner-copy .community-banner-title{font-size:18px;font-weight:700;margin-bottom:4px}
.community-banner-actions{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;flex-shrink:0}
.community-banner-join{display:inline-block;max-width:100%;padding:12px 18px;background:var(--green);color:#fff;font-size:14px;font-weight:700;line-height:1.7}
.community-banner-join:hover{background:#243c24}
.community-banner-more{font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.community-intro-detail{margin-top:18px}
.community-topics{margin:0 0 20px;padding-left:1.3em;font-size:15px;line-height:1.9}
.community-topics li+li{margin-top:9px}
.availability a,.listing-link{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.community-banner-inner{flex-wrap:wrap}.community-banner-actions{flex-shrink:1}}
@media(max-width:620px){.community-banner-inner{gap:12px;padding-top:16px;padding-bottom:16px}.community-banner-copy .community-banner-title{font-size:16px}.community-banner-copy p{font-size:13px}.community-banner-actions{gap:10px 16px}.community-banner-join{font-size:13px;padding:11px 13px}}
