/* v41 — white, water-blue and neutral photo grounds. Product imagery supplies the green. */
:root{font-family:Meiryo,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--ink:#202c30;--muted:#58646a;--green:#087f92;--line:#dce3e6;--paper:#f4f6f7;color:var(--ink);background:#fff}
body{color:var(--ink)}
h1,h2,h3{letter-spacing:-.035em;text-wrap:pretty}
.header{border-top:4px solid var(--green)}
.header-main{min-height:92px}
.brand{font-size:27px;letter-spacing:-.045em;color:var(--ink)}
.brand small{font-family:inherit;letter-spacing:.04em}
.header-action{color:var(--green);border-color:var(--green)}
.header-action:hover{background:#edf7f9}
.button,.community-join{background:var(--green);border-radius:3px;transition:background .15s}
.button:hover,.community-join:hover{background:#066575}
a:focus-visible,button:focus-visible,.crop-thumb:focus-visible{outline-color:#087f92}
.community-banner{background:#f0f8fa;border-bottom:1px solid #d5e9ed}
.community-banner-inner{padding-top:14px;padding-bottom:14px;gap:14px 24px}
.community-banner-copy .community-banner-title{font-size:16px;margin-bottom:2px}
.community-banner-copy p{font-size:13px}
.community-banner-join{background:white;color:var(--green);border:1px solid #087f92;border-radius:3px;padding:10px 14px;font-size:13px}
.community-banner-join:hover{background:#e1f1f4}
.community-banner-more{color:var(--muted)}
.crop-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:56px;row-gap:24px;padding-top:44px;padding-bottom:64px}
.crop-stage{position:static}
.crop-stage-image{height:660px;background:#f4f6f7;border-radius:3px}
.crop-hero-heading{padding-top:12px}
.crop-hero-heading .product-type{font-size:13px;letter-spacing:.025em}
.crop-hero-heading h1{font-size:clamp(32px,3.1vw,43px);line-height:1.48;margin:18px 0 22px;letter-spacing:-.055em}
.crop-hero-heading h1>span{text-wrap:pretty}
.crop-hero-lead{font-size:15px;line-height:2;color:var(--ink)}
.crop-hero-lead>span+span{margin-top:8px}
.crop-picker-heading{margin-bottom:10px}
.crop-picker-heading h2{font-size:15px}
.crop-thumb{border-radius:3px;padding:4px 4px 6px}
.crop-thumb img{height:78px;border-radius:2px;background:#f4f6f7}
.crop-thumb:hover{background:#f0f8fa;border-color:#95c4cc}
.crop-thumb[aria-pressed="true"]{background:#f0f8fa}
.crop-thumb span{font-size:13px;color:var(--ink)}
.crop-picker-note{margin-top:8px}
.crop-hero-action{padding-top:18px}
.product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0;color:var(--ink);font-size:14px;line-height:1.6}
.crop-hero-action>.product-price{flex-basis:100%}
.product-price strong{font-family:Arial,Meiryo,sans-serif;font-size:30px;font-weight:600;white-space:nowrap;letter-spacing:0}
.product-price strong span{font-size:16px;margin-left:4px}
.product-price small{font-size:12px;color:var(--muted);white-space:nowrap}
.set-purchase{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 8px}
.set-purchase>div{min-width:0;flex:1}
.purchase-note{font-size:13px;line-height:1.8;margin-top:8px;max-width:580px}
.set-purchase>.button{flex-shrink:0;font-size:15px}
@media(max-width:620px){.set-purchase{align-items:stretch;flex-direction:column;gap:18px}.set-purchase>.button{justify-content:center}.product-price strong{font-size:28px}}
.crop-hero-action>.button{font-size:16px;padding:18px 24px}
.hero-secondary-links{gap:8px 14px;margin-top:10px}
.hero-secondary-links a{font-size:12px}
.eyebrow,.set-label{letter-spacing:.025em;font-size:13px}
.section-heading h2{font-size:36px;line-height:1.6}
.section-heading>p:not(.eyebrow){font-size:16px;line-height:2}
.care-heading h2{font-size:40px;letter-spacing:-.045em}
.care-wash{gap:56px}
.care-wash img{background:#f4f6f7}
.care-wash-copy h3{font-size:30px;line-height:1.6;text-wrap:pretty}
.care-wash-copy h3>span{display:block}
.care-wash-copy .care-precaution{font-size:13px!important;line-height:1.9;margin-top:18px}
.harvest-feature{grid-template-columns:1.2fr 1fr;gap:64px}
.harvest-copy h3{font-size:34px;line-height:1.6;margin:16px 0 20px}
.harvest-copy h3>span{text-wrap:pretty}
.harvest-copy>p:not(.eyebrow){font-size:16px}
.text-link{color:var(--green);border-bottom:1px solid #9fc9d0;padding-bottom:5px}
.structure-subheading{padding-top:76px}
.structure-subheading h3{font-size:28px}
.parts-body-image,.parts-air-photo img{background:#dde3e6;border-radius:3px}
.parts-explained dt{color:var(--ink);font-size:21px}
.parts-explained dd{color:var(--muted)}
#growth .growth-heading{max-width:100%;text-align:left;margin-bottom:28px}
#growth .growth-heading h2{font-size:36px;line-height:1.6;margin-top:14px}
#growth .growth-heading p{font-size:15px;color:var(--muted)}
#growth .growth-heading .eyebrow{color:var(--green);font-size:13px}
#growth .growth-panel{background:#f4f6f7;border-color:var(--line);border-radius:3px}
#growth .growth-art{border-color:var(--line)}
#growth button{color:var(--green);border-color:#adcbd0}
#growth button[aria-pressed=true],#growth .growth-steps li.is-active>span{background:var(--green);border-color:var(--green);color:#fff}
#growth button:hover{border-color:var(--green)}
#growth output{color:var(--green)}
#growth input[type=range]{accent-color:var(--green)}
#growth .growth-player,#growth .growth-steps li{border-color:var(--line)}
#growth .growth-steps li>span{background:#e7eff1;color:var(--green)}
#growth .growth-steps strong{color:var(--ink)}
#growth .growth-steps p,#growth .growth-art-note,#growth .growth-scrub-label{color:var(--muted)}
.more-crops{border-bottom:0}
.more-crop-grid img{background:#f4f6f7}
.set-section{background:#f4f6f7}
.set-comparison .set-product-photo img{background:#dde3e6;border-color:#d1dadd;border-radius:3px 3px 0 0}
.set-comparison .set-product-photo figcaption{border-color:#d1dadd;border-radius:0 0 3px 3px}
.set-card{border-color:#dce3e6;border-radius:3px;padding:32px}
.set-card h3{font-size:24px;line-height:1.7}
.part-thumbnail{background:#dde3e6;border-radius:2px}
.bucket-benefit{background:#eff7f9;border-left-color:var(--green)}
.dimension-panel{background:#f4f6f7}
.extension-dimensions>div{border-color:var(--line)}
.extension-dimensions dd{color:var(--ink);font-family:Arial,Meiryo,sans-serif;font-size:22px;font-weight:500}
.care-precaution>span,.harvest-copy>p>span,#crop-showcase .section-heading>p>span{display:block}
.care-precaution>span,#crop-showcase .section-heading>p>span{text-wrap:pretty}
.community-section{border-top:0}
.community-section h2{font-size:36px;line-height:1.6;text-wrap:pretty}
.community-details{background:#f0f8fa;border-top:3px solid var(--green);padding:30px}
.footer{background:#edf1f3;border-top:1px solid var(--line)}
@media(max-width:1100px){.crop-hero{column-gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crop-stage-image{height:610px}.crop-hero-heading h1{font-size:32px}.crop-thumb img{height:68px}.harvest-feature{gap:36px}.harvest-copy h3{font-size:28px}.set-card{padding:24px}}
@media(max-width:850px){.crop-hero{grid-template-columns:1fr;padding-top:32px;row-gap:24px}.crop-hero-heading{padding-top:0}.crop-hero-heading h1{font-size:40px}.crop-stage-image{height:auto;aspect-ratio:4/5;max-height:760px}.crop-thumb img{height:clamp(80px,17vw,125px)}.harvest-feature{grid-template-columns:1fr 1fr;gap:28px}.harvest-copy h3{font-size:26px}.section-heading h2,#growth .growth-heading h2{font-size:31px}.care-heading h2{font-size:34px}}
@media(max-width:620px){.brand{font-size:22px}.header-main{min-height:82px}.header-action{font-size:12px}.community-banner-inner{padding-top:14px;padding-bottom:14px}.community-banner-copy .community-banner-title{font-size:15px}.community-banner-copy p{font-size:13px}.community-banner-actions{gap:10px 16px}.crop-hero{padding-top:28px;padding-bottom:42px;row-gap:20px}.crop-hero-heading h1{font-size:30px;line-height:1.6;margin:14px 0 16px}.crop-hero-lead{font-size:14px;line-height:1.9}.crop-hero-heading .product-type{font-size:12px}.crop-hero-heading h1>span{display:block}.crop-thumb img{height:82px}.crop-hero-action>.button{font-size:15px;padding:16px 20px}.section-heading h2,#growth .growth-heading h2{font-size:27px}.section-heading>p:not(.eyebrow){font-size:15px}.care-heading h2{font-size:29px}.care-wash-copy h3{font-size:26px}.care-wash{gap:26px}.harvest-feature{grid-template-columns:1fr;gap:24px}.harvest-copy h3{font-size:29px}.harvest-copy>p:not(.eyebrow){font-size:15px}.structure-subheading h3{font-size:24px}.set-card{padding:22px 20px}.set-card h3{font-size:23px}.community-section h2{font-size:29px}.community-details{padding:24px 20px}}
@media(max-width:360px){.brand{font-size:19px}.crop-hero-heading h1{font-size:27px}.crop-thumb img{height:68px}}
