.btn--primary{background:var(--color-primary-btn);color:var(--color-text-light)}.badge--small{background:color-mix(in srgb, var(--color-accent) 25%, white);color:var(--color-dark-band);padding:.25rem .625rem;font-size:.8125rem}.badge--expo-shade{background:color-mix(in srgb, var(--color-secondary) 30%, white);color:var(--color-dark-band)}.badge--drying{background:color-mix(in srgb, var(--color-primary) 25%, white);color:var(--color-dark-band)}.badge--drying-maybe{border:1px solid color-mix(in srgb, var(--color-primary) 35%, white);color:var(--color-text-muted);background:0 0}.hero__title em{color:var(--color-accent);font-size:.5em;font-style:italic}.hero__image-placeholder{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:100%;display:block}.info-bar{background:var(--color-primary-btn);padding:var(--spacing-lg) var(--spacing-md)}.info-bar__grid{max-width:var(--size-container-max-width);gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=768px){.info-bar__grid{grid-template-columns:repeat(3,1fr);gap:0}.info-bar__item+.info-bar__item{border-left:1px solid color-mix(in srgb, var(--color-text-light) 20%, transparent);padding-left:var(--spacing-lg)}}.info-bar__item h2{font-family:var(--font-heading);font-size:1rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.info-bar__item p{font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-relaxed);color:var(--color-text-light)}.varieties{background:var(--color-background);padding:var(--spacing-xl) var(--spacing-md)}.varieties__header{max-width:var(--size-container-max-width);margin:0 auto var(--spacing-lg);text-align:center}.varieties__header h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-regular);color:var(--color-text);margin-bottom:var(--spacing-xs)}.varieties__header p{font-family:var(--font-body);color:var(--color-text-muted);font-size:1rem}.varieties__grid{max-width:var(--size-container-max-width);gap:var(--spacing-md);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=600px){.varieties__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.varieties__grid{grid-template-columns:repeat(3,1fr)}}.variety-card{background:var(--color-surface-light);border-radius:var(--radius-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 24px #0d1e1f0f}.variety-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0d1e1f1f}.variety-card__photo{aspect-ratio:1;flex-shrink:0;width:100%;position:relative;overflow:hidden}.variety-card__photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.variety-card:hover .variety-card__photo img{transform:scale(1.04)}.variety-card__season{flex-shrink:0;height:.5rem;position:absolute;bottom:0;left:0;right:0}.variety-card__body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.variety-card__name{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-weight-regular);color:var(--color-text);line-height:var(--line-height-tight)}.variety-card__badges{flex-wrap:wrap;gap:.375rem;display:flex}.variety-card__desc{font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-relaxed);color:var(--color-text-muted);flex:1}.care{background:var(--color-dark-band);padding:var(--spacing-xl) var(--spacing-md)}.care__title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-regular);color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-lg)}.care-step__title{color:var(--color-accent)}.care-step__desc{color:color-mix(in srgb, var(--color-text-light) 85%, transparent)}.cta{background:var(--color-section-light)}.cta__inner h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-regular);color:var(--color-text)}.cta__inner p{font-family:var(--font-body);color:var(--color-text-muted);font-size:1rem;line-height:var(--line-height-relaxed)}